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

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

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】京都旅行プラン紹介LP-1
シェア
制作ノート
制作について

◆制作の流れ

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

◆カラーについて

綺麗な京都の写真が映えるように、またやわらかく上品でありつつもキャッチコピーの「はんなり」のイメージにあわせたカラーを選びました。

◆タイポグラフィ

本文などの基本的な説明文は読みやすさを重視してNoto Sans JPを選び、キャッチコピーや見出しの部分は京都・和・上品の雰囲気に合わせてShippori Minchoを使用しました。

◆情報設計

FVでは、最も伝えたいベネフィット部分とCVボタンを炭黒色の縁取りと明るい色の背景色で一目見で情報が入るほど目立たせることで、忙しいユーザーでもすぐにアクションが起こせるように意識しました。

◆工夫したポイント

旅行のモデルコース紹介のセクションの前に、どんな人にモデルコースを見てもらいたいかを明記しターゲットを明確にしたことで、旅行での条件への共感を誘い、ターゲットが当事者意識をもってモデルコースを見ることができるように構成を工夫しました。

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

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

シェア
西村 咲の他の作品