site-brief.md — 株式会社アイウエオ コーポレートサイト

すべて架空。実在の個人・企業・口座・連絡先は使わない（example.com 以外の連絡先は出さない）。
サンプル成果物（このAI社員＝06 ホームページ制作／コーポレートサイトの実体デモ）。

目的

• 種別: 複数ページのコーポレートサイト（会社の公式サイト）。1枚LP（02）ではない。
• 一番の目的: 信頼構築＋問い合わせ獲得（無料診断の予約）。
• 受け手: AIで集客・営業・制作を仕組み化したい中小企業・個人事業主。

ターゲット / 提供価値

• ターゲット: AIで集客・営業・制作を仕組み化したい中小企業・個人事業主。
• 提供価値: AI社員構築とマーケ導線設計を8週間で整える。
• 主力サービス: AIO Marketing OS（498,000円／税別）。

サイトマップ（ページ一覧）

ページ	ハッシュ	役割	主な中身
ホーム	#home	会社の全体像	Hero（何の会社か）＋数字＋主要サービス抜粋＋CTAバンド
サービス	#services	何ができるか	サービス一覧3件（交互レイアウト）＋導入フロー4ステップ
会社概要	#about	誰がやっているか	会社概要表＋ミッション/提供価値/対象
お問い合わせ	#contact	どう連絡するか	問い合わせフォーム＋無料診断案内＋連絡先

共通要素（全ページ）

• ヘッダーナビ: ロゴ＋ホーム/サービス/会社概要/お問い合わせ＋「無料診断を予約」CTAボタン。スマホはハンバーガーで開閉。
• 共通フッター: 会社説明＋ページリンク＋サービスリンク＋コピーライト＋連絡先（[email protected]）。
• 現在ページはナビでハイライト（active）。

実装方式

• 単一HTML（site/index.html）内に4つの data-page セクションを持ち、JSの簡易ハッシュルーターで1ページだけ表示する。
• ヘッダーナビ・フッターは全ページで共有（1か所に書いて全ページに効く）。
• これにより「複数ページ＋共通ナビ」を1ファイルで成立させている。複数html化したい場合も同じヘッダー/フッターを各htmlで共有すればよい。

トンマナ / デザイン

• 先進的＋堅実。ブランド系グラデーション（#7b6ce0 → #c87941）をブランドアクセントに使用。
• フォント: Zen Kaku Gothic New（本文）／Poppins（数字・ラベル）。Google Fonts。
• セクションごとにレイアウトを変える（Hero 2カラム／統計グリッド／サービスカード／交互行／フロー番号／会社概要表／フォーム2カラム）。全カード一辺倒にしない。

CTA

• 主CTA: 「無料診断を予約する」→ お問い合わせページ。
• ヘッダー・ホーム（Hero＋CTAバンド）・サービス（フロー後）・フッターに複数配置。

LP（02）との差別化

• 02 は1枚の縦長LSで1商品を申込に直結させる。
• 本サイトは複数ページ＋共通グローバルナビ＋会社概要表＋サービス一覧を備えた「会社の公式サイト」。会社の全体像と信頼を見せることが主目的。

安全 / 架空前提

• 会社名・代表者・所在地・設立・電話はすべて架空（プレースホルダ）。
• メール・サイトは example.com のみ。
• 数字（導入12社／削減月40h）は SCENARIO の架空前提のみ。盛っていない。
• フォームは送信されないサンプル。公開・デプロイは未実行（人間承認後）。