MJ企画 和太鼓体験 — ワイヤーフレーム

サイトマップと各ページの構成。デザイン前の下書き(白黒)で、色・写真は入っていません。

上のメニューから各ページへ。各ページはレスポンシブで、ブラウザの幅を変えると PC とスマホの表示が切り替わります

TAG セクション名 写真/画像 本文テキスト(仮) ▸ 注記(仕様の根拠) ★ = 本サイトの核(予約)

01サイトマップ(ページ階層)

4〜5ページ+予約ページ構成。グローバルナビから各ページへ。NEWS / WORKS は一覧→個別の2階層。

TOP(トップ)/

グローバルナビ(ヘッダー共通):ABOUT / WORKS / NEWS / BOOKING / CONTACT + EN・JP 切替。フッターに同ナビ+提携先(津軽三味線 ほか)+SNS(Instagram / Facebook / X)+プライバシーポリシー。

02各ページのワイヤー

クリックで各ページのワイヤーへ(各ページはレスポンシブ/ブラウザ幅で表示が切り替わります)。

TOP / トップ

/

ヒーロー →体験紹介(3つの安心) →フォトギャラリー →内容・流れ・料金 →空き状況・予約 →体験者の声 →お知らせ →FAQ →CTA

BOOKING / 空き状況・予約 ★

/reservation/

カレンダー埋め込み型(採用)。空き日→時間帯→申込フォーム。

NEWS / お知らせ

/news/ ・ /news/{slug}/

一覧(日付+タイトル+ページネーション)と個別記事。

WORKS / 実績

/works/ ・ /works/{slug}/

写真グリッドの一覧と個別。実績は貴社側で更新できます。

ABOUT / 会社概要

/about/

代表(先生)の写真・紹介、活動内容、会社情報。

CONTACT / お問い合わせ

/contact/

お問い合わせフォーム(団体予約は予約ページから)。

このワイヤーフレームは、ページ構成・各セクションの並び・導線を確認するための資料です(色・写真・余白などのデザインは次の段階で決めます)。
ご覧いただき、「この項目は要る/要らない」「順番を入れ替えたい」などのご意見をお聞かせください。反映して更新します。
今後決めること:配色、料金・プラン、キャンセル規定、決済方法。