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