Facebook 【Hertch架空案件】京都旅行プラン紹介
Logo

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

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

タイポグラフィー

  • 伝統とモダンを融合させたフォント: メインコピーには、京都の風情に合う繊細な明朝体を使用し、上品な「はんなり」感を演出しました。一方で、時間は視認性の高いセリフ体(欧文)を使用し、旅のスケジュールを直感的に把握できるよう工夫しています。
  • ゆったりとしたカーニング: 文字の間隔を広めに取ることで、せわしない日常を忘れる「大人の余裕」や「贅沢なひとり旅・女子旅」のイメージを表現しています。

ビジュアルイメージ

  • 和のモチーフを活かしたあしらい: 背景に「麻の葉文様」や、霞(かすみ)のような柔らかなシェイプを配置。ベタ塗りではなく、淡い色の重なりで奥行きを出すことで、京都らしい奥ゆかしさをデザインに落とし込みました。
  • 写真の配置とリズム: モデルコースの写真は、左・右と交互に配置(ジグザグレイアウト)することで、下へのスクロールを促し、実際に旅をしているようなリズム感を意識しています。

カラー

  • 京都の伝統色: 千本鳥居の「朱色(しゅいろ)」をキーカラーに、背景には落ち着いたベージュや、桜をイメージさせる淡いピンク、そして若草色を採用。女性らしく、かつ派手すぎない「はんなり」とした配色で統一しています。
  • コンバージョンを促すゴールド: CTAボタン(予約ボタン)には、視認性が高く、 親しみやすさと特別感を両立させたゴールド(#ffeb99)を採用しました。

情報設計

  • ユーザーの「擬似体験」を優先: 最初からプランを並べるのではなく、まずは「モデルコース」を提示することで、ユーザーが「自分もこうやって過ごしたい」というイメージを膨らませてから、プラン購入へ誘導する構成にしています。
  • シンプルなアイコン使い: 往復新幹線とお宿のセットプランなど、文字だけでは複雑になりがちな情報は、ミニマルなアイコンを使って一目で理解できるよう整理しました。
シェア