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

⚫︎制作の流れ

クライアントへのヒアリング後、ワイヤーフレームを作成し、情報構成とテキスト量の整理。その後、ワイヤーフレームで作成した構成を元にデザインカンプ制作に着手。ファーストビューから制作し全体のイメージを決めて全てのデザインを制作。

⚫︎カラー

女子旅のイメージに合わせて暖色カラーを選びました。

⚫︎タイポグラフィ

京都の上品さを文字で表しました。また最初に目に入る画面のキャッチコピーは縦読みにしより上品さを表すように意識しました。

⚫︎情報設計

FVでは、最も伝えたい情報である「京都旅行」と「宿と新幹線の旅行プラン」を伝えることをいしきしました。

また旅行のおすすめプランを載せた後にすぐに予約できるようにCVを入れました。

⚫︎工夫したポイント

サイトを見た人がすぐに予約ができるようにするために、CVボタンを入れる位置を意識しました。また、キャッチコピーに入っている「はんなり」をイメージして桜やピンクを意識しました。