KUWAYAMA RYOKA portfolio

旅館 凪 Webサイトデザイン

概要

職業訓練の課題として架空の旅館「旅館 凪」のWebサイト制作。

【目的】
旅館の世界観を伝えながら、滞在イメージを具体化して興味を持っていただき
予約をしていただくこと。

【ターゲット】
日常から離れて静かに過ごしたい層の男女30〜50代

【情報設計】
① 世界観提示
② 宿泊プラン
③ 施設紹介
④ 周辺風景
⑤ アクセス
⑥ 最終CTA
「世界観 → 価格 → 体験 → アクセス → 行動」の流れを意識。

【使用ツール】
Photoshop

【制作時期】
2025年12月初旬

【制作期間】
約4日間

デザインカンプ

ホテルサイト
ホテルサイト

制作のポイント

【ファーストビュー】

余白を広く取り、静寂と上質さを表現。
CTAは主張しすぎず、世界観を壊さない位置に配置。

【宿泊施設紹介】

カード形式で比較しやすく設計。
視線が左右に流れるよう余白とラインで整理。
「部屋・料理・温泉」の3軸で分類。

【アクセス】

予約前に不安になりやすい要素を集約。

【導線設計】

ヘッダーに価格目安表示 各セクション下に「プランを見る」 最下部に再度CTA配置

【安心設計】

・住所明記
・電話番号表示
・フッターに規約リンク

【課題と解決】

課題:雰囲気重視になり予約導線が弱くなる可能性
解決:世界観を保ちつつ、情報優先順位と導線を整理。
結果:滞在イメージを持たせながら自然に空室検索へ誘導する構成に。