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

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

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

⚫︎制作の流れ

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

⚫︎カラー

ペルソナを意識し大人女性らしい落ち着いたピンクをベースカラーに選定。そこに加え、京都らしい和のカラーを選びました。

⚫︎タイポグラフィ

サイトのゴシック体のフォントはNoto Serif JP を使用。見やすさを意識しました。キャッチコピーや数字、目次にはZen KurenaidoやCaveatを使用。手書き風フォントを使用し「旅のしおり」感を出し、ワクワクするような印象にしました。

⚫︎情報設計

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

⚫︎工夫したポイント

フォースビューのスケジュールのところでは時間経過とともに星の道の上を足跡が辿っていくようなデザインを制作しました。当日の流れをイメージしやすくしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/