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

[HerTech架空案件]京都旅行プラン紹介LP

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

・ビジュアルイメージ
京都の伝統的な街並みや朱色の鳥居を活かし、和の上品さと非日常感を感じられるビジュアルで構成。
人物写真を取り入れることで、実際の旅行シーンを想起させ、体験イメージを高めています。

・カラー
朱色や深みのある赤をメインに使用し、京都らしい和の印象を強調。
背景にはベージュ系の落ち着いた色味を取り入れることで、全体を柔らかくまとめ、女性向けのやさしい雰囲気に仕上げています。
アクセントに黄色を使用し、CTAの視認性を高めています。

・タイポグラフィー
見出し・本文ともに同一フォントで統一することで、全体に一貫性と落ち着きのある印象を持たせています。
サイズや太さにメリハリをつけることで情報の階層を整理し、シンプルながらも読みやすい構成にしています。
また、「start」などの英字フォントをアクセントとして使用し、視覚的なリズムを加えています。

・情報設計
ファーストビューで世界観と訴求内容を明確に伝えた後、モデルコースを時系列で配置することで、旅行の流れを直感的に理解できる構成にしています。
コース紹介の合間と下部にCTAを設置し、興味が高まったタイミングで自然に検索ページへ遷移できる導線を設計しました。

[工夫したところ]

ファーストビューでは、写真の上に左側へ向かってオレンジが強くなるグラデーションを重ねることで、テキストの可読性を確保しつつ、視線を自然に左側のコピーへ誘導する工夫をしています。

また、下部のセクションでは新幹線とホテルのアイコンを使用し、パッケージ内容を視覚的に分かりやすく伝えることで、直感的にサービスの理解ができるように設計しました。

シェア
WebデザイナーSEIKOの他の作品