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

●制作の流れ

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

●カラー

メインビジュアルに使用した鳥居の鮮やかな朱色から着想を得て、京都らしい華やかさと女性向けの柔らかい雰囲気を表現するため、全体をピンクカラーで統一しました。

着物で巡る京都女子旅の上品さや特別感が伝わるよう、和の要素を取り入れながら、親しみやすいデザインに仕上げました。　

●タイポグラフィ

フォントは、メインタイトルに Shippori Mincho を使用し、上品で落ち着いた和の印象を表現しました。

本文・サブコピーには Noto Sans JP を使用し、情報量の多い部分でも読みやすさを意識しています。

おすすめコースや見出しには Zen Maru Gothic を使用し、親しみやすさや女性らしい可愛らしい雰囲気を加えました。

●情報設計

FVでは、インビジュアルの鳥居や着物姿の女性を活かすため、写真の印象を邪魔しないようタイトルは右側に縦組みで配置し、京都らしい和の雰囲気を強調しました。

左側にはキャッチコピーを配置し、旅行の内容や特別感が直感的に伝わるよう設計しています。

CTAボタンは画面中央下部に配置し、背景とのコントラストをつけることで視認性を高め、ユーザーが迷わず予約へ進める導線を意識しました。CTAボタンは画面中央下部に配置し、背景とのコントラストを出すことで予約への導線が分かりやすくなるよう設計しました。

【工夫したポイント】

・お得感や特別感を演出するため、見出し部分にはリボンのあしらいを使用しました。

料金表示は切符をイメージしたデザインにすることで、旅行のワクワク感や京都旅への期待感が伝わるよう工夫しました。

・おすすめモデルコースでは、京都観光の流れが直感的に伝わるよう、時間軸に沿ったレイアウトで構成しました。

各スポットを六角形の写真で統一し、点線のルートで繋ぐことで、実際に街を巡っているような旅の楽しさを表現しました。

また、着物レンタルから観光スポット、食べ歩きまで女子旅の魅力が伝わるよう、視覚的に楽しめるデザインを意識しました。