# 業種テンプレート雛形

新しい業種のサイトを設計するときは、この項目をすべて埋めて `references/<業種名>.md` として保存する。`references/restaurant.md` が実装検証済みの記入例。

## 1. サイト構成

トップページ以外に必要なページの一覧。業種の意思決定プロセス(比較検討〜問い合わせ)に沿って、何ページで何を見せれば信頼されるかを考える。

```
/               トップ
├── /xxx        (ページ名と役割)
└── /contact    (問い合わせ・予約・見積もり等)
```

## 2. トップページ セクション構成(実装用)

トップページを構成するセクションを上から順に列挙する。各セクションについて:
- `id` 属性
- レイアウト(何カラムか、写真の配置)
- 含める要素(見出し・本文・CTA・カード等)
- レスポンシブ時の挙動(SPでどう変化するか)

飲食店の例(`references/restaurant.md` 参照): ヒーロー → 共感/世界観 → 看板商品 → 選ばれる理由 → 施設・内観 → 個別サービス案内 → お客様の声 → お知らせ → アクセス → 最終CTA、の10セクション構成が汎用的に機能する。業種によって順序・有無を調整する。

## 3. 各セクションのコピー全文

セクションごとに、見出し・本文・CTAボタン文言の実例を書く。テンプレート検証時はもっともらしい仮の内容でよいが、実案件では実データに差し替える前提を明記する。

## 4. 構造化データ(JSON)

カードやリストで繰り返し表示する要素(商品・実績・スタッフ・お客様の声・お知らせ等)を、後からの差し替えがしやすいようJSON形式で定義する。

## 5. 業種特有の信頼要素

その業種で顧客が特に重視する判断材料は何か。例:
- 飲食店 → 料理写真の質、営業中か否か、SNS導線
- 建設・工務店 → 施工実績・許可番号・保証内容
- サロン・教室 → スタッフの資格・ビフォーアフター・予約のしやすさ

これを踏まえてどのセクションで何を見せるかを決める。

## 6. 配色・トーン

- ベースカラー・テキストカラー・アクセントカラー・サブカラーを16進数で指定
- 見出し用フォント・本文用フォントの方針(和文の場合は明朝/ゴシックの使い分け)
- 業態のバリエーションがある場合(例: 高級路線 vs カジュアル路線)の配色分岐も書いておくと横展開しやすい
