WANDERLINE
まだ見ぬ景色へ、一本の線を引く。
価格と日数だけで比較されやすい高単価ツアーのために、映像と大判写真で「その場所にいる自分」を先に想像させ、日別の行程・費用・含まれるものまで開示したうえで専属プランナーへの相談につなげる旅行サイトの設計例です。
想定クライアント少人数・オーダーメイドの旅を扱う旅行会社／体験ツアー事業者（高単価・検討期間が長い商材）
※ 掲載しているのはAIを活用した制作サンプルです。サンプルサイトの企業・人物・内容はすべて架空（フィクション）であり、実在のものではありません。
よくある課題
- 写真も行程も似通って見え、最終的に価格と日数だけで比較されてしまう
- 高額で検討期間の長い商材にもかかわらず、行程や費用に含まれる範囲が事前に確認できず、問い合わせの手前で止まる
- テーマもエリアもばらばらの商品が並び、自分に合う旅を見つけられないまま離脱される
この設計の狙い
「安い旅」ではなく「自分の過ごし方に合う旅」で選ばれる状態をつくること。旅の決断は「行った先の自分」を想像できたときに起きるという前提で、まず映像と風景で情景を届け、そのうえで行程と費用の実務情報まで一気に開示します。
この構成にした理由
最初の画面を、文字ではなく風景に明け渡す
全画面のループ動画と大判写真をヒーローに据え、パララックスでゆっくり動かす構成にしました。旅の検討は条件比較より先に「行きたい」という情景の記憶から始まるという前提で、スペックの提示は一段あとに回しています。
生成り×インクに、セルリアンを一点だけ
ベースは生成り（#FAF7F1）と深いインク（#1B2733）。差し色は海と空を思わせるセルリアン（#1A89C4）のみに絞りました。旅行サイトにありがちな多色の賑やかさを避け、彩度の高い風景写真の色を濁らせないための配色です。
見出しにセリフ体、ラベルに等幅
見出しは Fraunces のセリフ体（強調はイタリック）、小さなラベルは Space Mono。行程や価格といった実務的な情報を、旅雑誌のような読み物の温度で読ませるための書体設計です。本文は Noto Sans JP で可読性を確保しています。
テーマ×エリアの2軸で絞り込む
「自然・文化・美食・冒険」と「アジア・ヨーロッパ…」の2軸フィルタを一覧に実装しました。行き先が先に決まっている人と、過ごし方から探す人の両方がいるため、入口を一本化せず並列に置いています。
費用の内訳まで隠さない
ツアー詳細に日別の行程と、料金に含まれるもの・含まれないものを明記しました。高単価で後戻りしにくい買い物ほど、事前に不明点を潰せることが相談への一歩を後押しするという設計です。
ページ構成
- トップ
- 旅づくりの考え方
- ツアー一覧（テーマ・エリア絞り込み）
- ツアー詳細（行程・費用）
- 旅の相談・予約
実装している機能
- スマホ・タブレット・パソコンの画面に合わせた表示
- 検索対策（検索結果やSNSで正しく表示される設定・同じページが重ならないようにする設定）
- トップの大きな動画（音なしで自動でくり返し再生。再生できない時は写真を表示）
- 背景と手前の動きをずらして、奥行きを出す演出
- ツアーをテーマとエリアの2つで絞り込み
- ツアー詳細（日ごとの行程・料金の内訳・写真）
- お客様の声
- 旅の相談・予約フォーム（希望時期の選択／迷惑な送信を防ぐ対策・入力内容の確認つき）
狙っている効果
- 情景を先に届けることで、価格比較に入る前に「この旅がいい」という自分の基準を持ってもらうことを狙っています
- 行程と費用内訳を事前に開示することで、条件のすり合わせにかかるやり取りを減らし、相談の質を上げることを想定しています
- テーマからも旅先からも探せる導線により、目的の定まっていない検討初期の離脱を減らすことを狙っています
※ 上記は本設計が狙う効果であり、成果を保証するものではありません。
このサイトを作るなら
この構成は、スタンダードプラン相当です（動画ヒーローなどビジュアル主体で、写真素材・編集サポートを要する構成）。
写真や文章から一緒に整え、世界観で選ばれる状態をつくりたい方へ。
￥588,000〜（税別）
- 表示価格はすべて税別です。「〜」は最低価格を示し、最終金額はページ数・機能・素材の有無により変動します。
- サーバー・ドメインの管理費（￥5,000 / 月・税別）が別途必要です。
- 正式なお見積もりは、ご要望をうかがったうえでご提示します。
Let's talk
この構成で、あなたのサイトをつくれます。
・少人数・オーダーメイドの旅を扱う旅行会社や体験ツアー事業者・写真素材はあるが、価格と日数だけで比較されてしまう事業者・問い合わせ前の行程・費用に関する質問対応に時間を取られている事業者
この内容で相談する（無料）