# コーポレートサイト トップページ 制作依頼書
注意点：会社所在地や電話番号はダミーテキストのままで良いです。

## 会社について
- 社名：株式会社 あおば工務店
- 事業：注文住宅・リフォーム（地域密着・創業35年）
- エリア：〇〇県れんしゅう市とその周辺
- 強み：地元の気候に合わせた設計／自社大工による施工／引き渡し後の定期点検
- 住所：◯◯県れんしゅう市みどり町1-2-3 こもれびビル1F
- 電話番号：01-2345-6789
- 営業情報：営業時間 9:00〜18:00　土日休み

## このページのゴール
ページを見た人に、**最下部のお問い合わせフォームから「無料相談」を申し込んでもらう**こと。
他のページに移動させず、**このページ1枚で申し込みまで完結**させます。

きれいなページを作ることが目的ではありません。**「相談してみようかな」と思ってもらうこと**が目的です。
迷ったときは、<span style="background-color:#ffffcc;">「これは申し込みにつながるか？」</span>を基準に判断してください。

## 伝えたいこと（優先順）
1. 地元で35年、顔の見える工務店であること
2. 相談は無料。まず話を聞くところから始められること
3. 建てて終わりではなく、その後も付き合うこと

## 想定する読者
家づくり・リフォームを検討し始めた30〜50代のご家族。
専門知識はない。数社を比較検討している段階。

## ページの構成（1ページ完結）
別ページは作りません。以下を上から順に並べた、**縦に長い1枚のページ**にしてください。
**「ページを見た人の気持ちが動く順番」**にセクションを並べたいです。以下から流れを変える場合は理由と共に許可を求めてください。

| # | セクション | 内容 | このセクションの役割（読者のどんな気持ちに応えるか） |
|---|---|---|---|
| 1 | ヘッダー | ロゴ＋メニュー＋右端に「無料相談する」ボタン。スクロールしても画面上部に残る | いつでも申し込める状態にしておく |
| 2 | ヒーロー | キャッチコピー＋大きな写真＋「無料相談する」ボタン | 「**ここは何をしてくれる会社？**」に3秒で答える |
| 3 | 選ばれる理由 | 3つのポイントをカードで | 「**他社と何が違うの？**」に答える（読者は数社を比較中） |
| 4 | 数字で見るあおば工務店 | 創業年数・施工実績・スタッフ数など | 「**本当に大丈夫な会社？**」に、客観的な事実で答える |
| 5 | 施工事例 | 写真中心。3〜6件 | 「**ちゃんと作れるの？**」に、実物の写真で答える |
| 6 | 家づくりの流れ | 相談から引き渡しまでを番号付きのステップで | 「**何から始めればいいか分からない**」という不安を消す |
| 7 | スタッフ紹介 | 代表と大工さんの顔が見えるように | 「**どんな人が来るの？**」に答え、心理的な距離を縮める |
| 8 | お問い合わせ | 電話番号と**お問い合わせフォーム** | **このページの着地点。**ここまでの流れを行動に変える |
| 9 | フッター | 会社情報・営業時間・所在地 | 実在する会社であることの裏づけ |

## リンクの動き
- ヘッダーのメニュー項目と、ページ内すべてのボタンは、**同じページ内の該当セクションへスクロールして移動**するようにしてください。別ページへのリンクは作りません
- 「無料相談する」ボタンは、すべて **8. お問い合わせ** へスクロールします

## CTA（このページでいちばん大事な部分）
- **主CTA**：「無料相談する」ボタン → お問い合わせフォームへスクロール
- **副CTA**：電話番号（スマートフォンではタップで発信できるように）
- **置く場所**：ヘッダー右端（追従）／ヒーロー／「選ばれる理由」の直後／「家づくりの流れ」の直後／お問い合わせセクション
- **見た目**：アクセントカラーを使い、周囲より明確に目立たせる。まわりに十分な余白を取る
- **申し込みのハードルを下げる一言**をボタンのそばに添えてください
  （例：「ご相談は無料です」「しつこい営業はいたしません」「30秒で送信できます」）

## お問い合わせフォームの中身
※ **見た目だけで構いません。**実際に送信できる機能は不要です。

- お名前（必須）
- メールアドレス（必須）
- 電話番号
- ご相談の種類（選択：新築を検討／リフォームを検討／点検・修繕／その他）
- ご希望の連絡方法（選択：メール／電話）
- ご要望・ご質問（自由記入・複数行）
- 個人情報の取り扱いに同意するチェックボックス
- 送信ボタン：「無料相談を申し込む」

年配の方も迷わないよう、項目名は大きめに、入力欄は広めにしてください。

## デザインの希望
- トーン：誠実・あたたかい・落ち着いている。派手さは不要
- 配色：ベースは白／メインは深めのグリーン／アクセントに木の色（CTAボタンはアクセントカラー）
- フォント：読みやすいゴシック体。年配の方も読める大きさ
- 写真：木の質感、家族、職人の手元 など
- スマートフォンでの見やすさを優先しつつ、PCでも崩れないレスポンシブに
- スマートフォンでは、画面下に「無料相談する」ボタンを固定表示してもかまいません

## 文章について
キャッチコピーや説明文は提案してください。
専門用語は避け、やさしい言葉で。