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

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

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

【制作の流れ】

ターゲットやLPの目的を整理した後、ユーザーの感情の流れを意識しながらワイヤーフレームを作成しました。旅行への期待感を高めながら自然にパッケージプランへ誘導できるよう、「憧れ→共感→モデルコース→予約導線」の構成を設計しています。

その後、京都らしい上品さを表現するために配色やフォントを選定し、デザインカンプを制作。モデルコースはタイムライン形式で構成することで、一日の過ごし方を具体的にイメージできるよう工夫しました。担当範囲は情報設計からデザイン制作まで全般です。

【デザインについて】

■カラー

古都・京都の上品で落ち着いた雰囲気を表現するため、えんじ色・生成り色・ゴールドを基調とした和モダンな配色を採用しました。メインカラーのえんじ色は、神社仏閣や着物を連想させる京都らしさと、大人の女性向けの上質感を表現しています。背景には和紙をイメージした生成り色を使用し、温かみや親しみやすさを演出しました。また、ゴールドをアクセントとして加えることで、旅行ならではの特別感や非日常感を感じられるよう意識しています。

■タイポグラフィー

ターゲットである20代後半〜40代女性に向けて、上品さや落ち着きを感じられる明朝体を採用しました。

特にファーストビューや見出しには明朝体を使用し、京都らしい和の雰囲気や高級感を演出しています。一方で、本文は可読性を意識し、文字サイズや行間を調整することで、スマートフォンでもストレスなく読み進められるよう工夫しました。

■情報設計

本LPは、「京都旅行への憧れを高めること」と「パッケージプランの検索ページへ誘導すること」を目的に構成しました。

ファーストビューでは、「自由気ままに楽しむ、大人の京都旅。」というベネフィットに加え、「新幹線+お宿で2万円台〜」という価格訴求を掲載し、旅行への期待感とお得感の両方を伝えられるよう設計しています。

その後、「こんな旅がしたいあなたへ」という共感パートから、京都はんなり女子旅のモデルコースへとつなげることで、旅行当日の過ごし方を具体的にイメージできる流れを作りました。モデルコースはタイムライン形式で構成し、一日の流れを直感的に理解できるよう工夫しています。

さらに、新幹線往復と宿泊がセットになったパッケージプランの利便性を紹介することで、「京都へ行きたい」から「このプランなら実現できそう」へと自然につながる導線を意識しました。

【工夫したポイント】

今回の制作では、単に観光地を紹介するのではなく、「旅行中の体験を疑似体験してもらうこと」を重視しました。そのため、着物レンタルから伏見稲荷までの流れをモデルコースとして時系列で紹介し、旅行当日の過ごし方を具体的にイメージできる構成にしています。これにより、ユーザーの旅行への期待感を高め、京都旅行をより身近に感じてもらえるよう工夫しました。

また、各観光スポットには写真を使用し、実際に訪れた際の雰囲気や魅力が伝わるよう設計しています。ユーザーが旅行後の自分を想像しやすくなることで、パッケージプランへの興味喚起につながることを意識しました。

デザイン面では、和柄や桜のあしらいをアクセントとして取り入れながらも、余白を十分に確保することで情報量の多さによる圧迫感を軽減し、落ち着いて読み進められるデザインを目指しました。

さらに、CTAボタンをファーストビュー・共感セクション・ページ下部に配置することで、ユーザーの興味が高まったタイミングで行動できる導線を設計しています。

その結果、クライアント側は旅行商品の魅力を視覚的に伝えやすくなり、検索ページへの遷移率向上や予約検討者の獲得につながるLPとして活用できる構成を意識しました。

シェア
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】京都旅行プラン紹介LP-1
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
foriio

あなたのforiioを無料で作成

fori.io/