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

制作の流れ

ターゲットと訴求内容を整理したうえでワイヤーフレームを作成。ユーザーが「自分に合う旅行プランか」を判断しやすいよう、ファーストビューからモデルコース、プラン検索へ自然につながる構成を設計しました。

・カラー

京都の伝統的な雰囲気を感じられるよう、アイボリーをベースに、ピンクやゴールド系のアクセントカラーを取り入れました。

写真の色味が強いため、背景は淡い色にすることで写真を引き立たせ、全体が重くなりすぎないように意識しました。

・タイポグラフィ

京都らしい上品さや和の雰囲気を表現しつつ、情報の読みやすさも損なわぬよう、用途に応じてフォントを使い分けました。

ファーストビューには「Shippori Mincho」、各セクションタイトルには「Noto Serif JP」を使用し、京都の伝統や落ち着きある雰囲気を表現し、全体の世界観を統一しました。

写真に添える説明文など情報量が多い箇所には「Noto Sans JP」を使用し、可読性を確保。CTAボタンには「Inter」を使用し、他の文字要素と差をつけることで、行動を促す要素として認識しやすいようにしました。

・情報設計

ファーストビューでは、京都らしさを視覚的に伝えるだけでなく、「新幹線＋宿泊」のパッケージプランであることが早い段階で伝わるようにしました。

その後、「どんな旅行ができるのか」をモデルコースで具体的にイメージできる構成とし、最後にプラン検索につなげています。

・工夫したポイント

モデルコースでは、写真とテキストを左右交互に配置することで、縦長のLPでも視線の流れが単調にならないように工夫しました。

また、写真以外からも京都らしさを感じられるよう、和風のモチーフをアクセントとして配置しました。ポイントを絞って使用することで情報量が多くなりすぎないように心がけました。