⚫︎制作の流れ
ターゲットとなるペルソナを設定し、旅行プランの訴求ポイントを整理しました。その後、ワイヤーフレームを作成し、ユーザーが旅行への期待感を高めながら予約へ進めるよう、情報の優先順位や導線を設計しています。
デザイン面では、「京都らしい上品さと非日常感を楽しむ女子旅」をコンセプトに、落ち着きのある和モダンなトンマナを設計しました。FVを先行して制作し、全体の世界観や配色の方向性を確認しながら進行しています。
また、モデルコースや観光スポット紹介を通して旅行体験を具体的にイメージできる構成とし、予約につながる誘導ボタンの配置や視線誘導を意識して制作しました。
⚫︎カラー
京都らしい上品さと落ち着きを表現するため、アイボリーをベースカラーに採用しました。メインカラーにはえんじ色を使用し、和の雰囲気や女性らしい華やかさを演出しています。
また、アクセントカラーにはコーラルピンクを使用し、誘導ボタンや見出しに活用することで、やさしく親しみやすい印象を与えながら行動喚起を促しています。
⚫︎タイポグラフィ
サイト全体のフォントには、可読性の高いNoto Serif JPを採用し、京都らしい上品さや落ち着いた雰囲気を表現しました。キャッチコピーは、Zen Old Minchoを使用しています。
見出し部分には太さやサイズにメリハリをつけることで視線誘導を行い、旅行への期待感が高まるよう設計しています。和の世界観を損なわないよう、余白とのバランスも意識しながらタイポグラフィを構成しました。
⚫︎情報設計
FVでは、「京都らしい女子旅」というコンセプトとプランの魅力が瞬時に伝わるよう情報を整理しました。着物姿の女性の写真を大きく配置することで旅行のイメージを想起させ、非日常感や特別感を演出しています。
また、「新幹線+宿泊セット」「自由行動OK」などの特徴を視覚的にまとめることで、サービス内容を短時間で理解できる構成としました。誘導ボタンは各セクションの区切りに配置し、興味が高まったタイミングで予約へ進める導線を意識しています。
さらに、おすすめモデルコースや京都の魅力を紹介するコンテンツを配置することで、旅行体験を具体的に想像しながら読み進められる構成を目指しました。
⚫︎工夫したポイント
制作前には、旅行会社のLPや女子旅向けサイトをリサーチし、ターゲットが求める情報や訴求ポイントを整理しました。特に、「京都らしさ」「写真映え」「手軽さ」の3点が自然に伝わるよう構成を設計しています。
また、単にプラン内容を紹介するだけでなく、モデルコースや特集ページへの導線を設けることで、ユーザーが旅行への期待感を高めながら予約を検討できるよう工夫しました。
デザイン面では、余白を活かしたレイアウトと和柄モチーフを取り入れ、上品で女性らしい世界観を演出しています。制作途中でも配色や写真の見せ方、誘導ボタンの配置を細かく調整し、視線誘導や読みやすさを意識しながらブラッシュアップを行いました。
