【HerTech 架空案件】京都旅行プラン紹介LP

⚫︎制作の流れ

クライアントへのヒアリング後、ペルソナを設定し、訴求ポイントを整理。次にワイヤーフレームを作成し、情報構成とテキスト量についてクライアントと合意形成。その後、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認いただきながら進めました。担当範囲はデザイン全般です。

⚫︎カラー

素材に合わせて、古都京都を感じられるカラーを選びました。

⚫︎タイポグラフィ

サイトのゴシック体のフォントは游ゴシック、ファーストビューのキャッチコピーのみ游明朝を使い、素材に合わせた古風な印象にしました。

⚫︎情報設計

FVでは、最も伝えたいベネフィットとCVボタンを最初に目に入る位置に配置し、忙しいユーザーでもすぐにアクションを起こせるよう意識しました。

⚫︎工夫したポイント

…LP内で紹介する商品画像は、ただ並べるだけでなく、使用シーンをイメージしやすいように背景を合成し、魅力的に見えるよう工夫しました。

…Figmaでワイヤーフレームの作成からデザインカンプ制作まで行い、一部の画像加工にCanvaを使用しました。

…制作期間：約2週間。クライアントとの円滑なコミュニケーションの重要性と、ターゲットに合わせた情報設計の奥深さを学びました。