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

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

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

【制作の流れ】

「女性向け京都旅行LP」をテーマに、 ユーザーが“行きたくなる導線設計”を意識して制作しました。

① ペルソナ設計 首都圏在住の20代後半〜40代女性を想定し、 「ツアーではなく自由に観光したい」というニーズに着目。

② 情報整理 モデルコース(着物レンタル〜観光)を軸に、 “1日の流れが直感的に伝わる構成”に設計。

③ ワイヤーフレーム作成 ファーストビュー+CTA →  魅力訴求→モデルコース → CTA という流れで構成。

④ ビジュアル設計 「はんなり・上品・やさしい」を軸にトーンを統一。

⑤ デザイン制作 余白・配色・フォントのバランスを重視しながら仕上げました。

【カラー】

やさしく上品な“京都らしさ”を表現するため、 和テイストのニュアンスカラーで構成しています。

【タイポグラフィ】

京都らしい上品さと可読性の両立を意識しています。

明朝体(Noto Serif JPなど) → 和の雰囲気・高級感を演出

【情報設計】

ユーザーが迷わず行動できるよう、 ストーリー性のある構成にしています。

① ファーストビュー → 「京都女子旅」の世界観を一瞬で伝える

 CTA→京都旅行が目的の方が即プランを検索できるよう配置

② 魅力訴求 → イラスト・テキストで感情に訴える

③ モデルコース紹介 → 時系列で“1日の流れ”を見せることで疑似体験

④ CTA(検索ページ誘導) → 自然な流れで次のアクションへ

【工夫したポイント】

・余白を広く取り、情報を詰め込みすぎない設計 → 落ち着いた印象と読みやすさを両立

・写真とテキストのリズムを意識 → スクロール時のストレス軽減

・カラーのコントラストを強くしすぎない → 女性向けのやわらかい印象を維持

・CTAは控えめにしつつも視認性を確保 → 押しつけない導線設計

シェア
吉良 さくらの他の作品