届けたい想いを乗せて。
概要
職業訓練の課題として架空の旅館「旅館 凪」のWebサイト制作。
【目的】
旅館の世界観を伝えながら、滞在イメージを具体化して興味を持っていただき 予約をしていただくこと。
【ターゲット】
日常から離れて静かに過ごしたい層の男女30〜50代
【情報設計】
- 世界観提示
- 宿泊プラン
- 施設紹介
- 周辺風景
- アクセス
- 最終CTA
世界観 → 価格 → 体験 → アクセス → 行動の流れを意識。
【使用ツール】
Photoshop
【制作時期】
2025年12月初旬
【制作期間】
約4日間
デザインカンプ
PC版
SP版
制作のポイント
- ファーストビュー
- 余白を広く取り、静寂と上質さを表現。 CTAは主張しすぎず、世界観を壊さない位置に配置。
- 宿泊施設紹介
- カード形式で比較しやすく設計。 視線が左右に流れるよう余白とラインで整理。 「部屋・料理・温泉」の3軸で分類。
- アクセス
- 予約前に不安になりやすい要素を集約。
- 導線設計
- ヘッダーに価格目安表示 各セクション下に「プランを見る」と「詳細はこちら」の配置。 最下部に再度CTAを配置した。
- 安心設計
- 住所明記、電話番号表示、フッターへの規約リンク設置により、予約前に不安になりやすい要素を補強した。
課題と解決策
- 課題
- 和の世界観を重視した構成にすると、写真の印象は伝わる一方で、宿泊プランや空室検索への導線が弱くなり、予約行動につながりにくくなる可能性があった。
- 解決策
- 旅館らしい落ち着いた雰囲気は保ちつつ、ヘッダーに価格目安を表示し、各セクション下に「プランを見る」と「詳細はこちら」を配置。さらにページ下部にも再度CTAを設けることで、情報収集から予約検討まで自然に進める導線を設計した。
- 結果
- 滞在イメージを損なわずに、ユーザーが必要な情報へ段階的にたどり着ける構成となり、空室検索への行動を促しやすいページを目指した。