Past Works
制作実績
概要
貸別荘のLP制作を、UIデザイン・構成提案・原稿作成・HTMLコーディングまで一貫して担当。レスポンシブ対応のLPとして納品した。素材は写真とロゴをクライアントから提供いただいた。
背景
限られた素材の中で、貸別荘の魅力が伝わり、見た人が「行ってみたい」と思えるLPを作りたいというご依頼。多くの写真をギャラリー形式で見せたいこと、予約サイトへのCTAを設けたいことが主な要望だった。
工夫したポイント
シンプルな1ページ構成のため、早期離脱の防止を優先。各セクションへのアンカーメニューをページ上部に固定し、目的の情報にすぐアクセスできるようにした。
予約サイトへの動線となるCTAボタンは右上に常設しつつ、圧迫感を与えないよう落ち着いた色味に調整。サイズと余白を見直し、ホバー時にわずかに浮き上がる動きを加えることで、押しやすさと視認性を両立させた。
貸別荘を検討する層はスマートフォンでの閲覧も多いと考え、レスポンシブデザインに対応。画面幅に応じてギャラリー画像の表示数やCTAボタンの位置を調整し、どのデバイスでも見やすさと操作性を保てるようにした。
ヒアリングをもとに紹介文を作成し、レイアウトを含めた構成も提案。ヒーローセクションのスライドショーに適した写真に限りがあったため、イラストに簡易なアニメーションを加え、閲覧時の楽しさを補った。
使用ツール
デザイン：Figma
コーディング：HTML・CSS（実装補助としてClaudeを活用）
クリニックの患者向け案内冊子。他クリニックの類似サービス案内をリサーチし、掲載内容を企画。クリニック経営者から要件をヒアリングしながらレイアウトを設計。掲載写真の撮影、スタッフから提出された文章ラフの編集・補足も担当しました。
医療団体の入会案内パンフレット。掲載内容についてクライアントにヒアリングのうえ文章を作成。情報量が限られるなか、見開きA4全面を活かすというクライアントの要望に応えるため、写真を効果的に活用してビジュアルにボリューム感を持たせました。
講習会用のプログラム。A4裏表にクライアントから指定された決まった形式・内容を掲載。予算が限られる年はフリー素材のみで対応するなど、制約のなかで仕上げました。
