STEP 01｜Wireframe（Figma）
まず構造と導線（予約・回遊）を決めてから実装しました。
設計意図（ポイント）
- 共通CTA：全ページ共通で予約へ誘導できる導線設計
- ファーストビュー：世界観を先に見せて印象を作る
- 回遊：主要ページをカード化し迷わない構造に
- スマホ前提：縦スクロールで情報の順序が自然に伝わる
STEP 02｜PC：Wireframe → Final（HTML/CSS）
設計した構成をそのまま実装へ反映し、余白・視線誘導を整えました。
STEP 03｜SP：Wireframe → Final（レスポンシブ最適化）
スマホでは1カラム化し、情報の順序とCTAの視認性を維持しました。
