🌊 制作事業（TERASU）

01_ワイヤーフレーム

最終更新 2026年05月03日／ 41_制作事業部/scale-hp-corporate/01_ワイヤーフレーム.md

scale-group.co.jp ワイヤーフレーム（全ページ）

「営業代行会社」から「企業をSCALEする総合企業」へ。
サイバーエージェント / FIDIA を参考に、4事業部体制を打ち出すホールディングス型コーポレートHPの全ページワイヤー。

30秒で全体像

観点	一言
核心	全11ページの構成・配置・コンテンツ詳細
キーワード	8カテゴリナビ / 4事業部立体ボックス / モットー全面 / AI企業色
使う人	大串 / 制作チーム / Claude（実装時の正本）
読了目安	15分

1. グローバルナビゲーション

8カテゴリ構成（PC・常時表示）

順	カテゴリ	遷移先	役割
1	About	/about	会社・ビジョン・カルチャー
2	Business	/business	4事業部詳細
3	Products	/products	全SCALE 〇〇プロダクト
4	Tech & Culture	/tech	AI企業の中身・13エージェント
5	News	/news	プレス・お知らせ
6	Recruit	/recruit	採用情報
7	Contact	/contact	問い合わせ（CTA色強め）
8	Login	https://crm.scale-group.co.jp/base/	SCALE CRM ログイン（既存ユーザー導線）

ナビ仕様

[ロゴ:scale-icon.png + "SCALE"]    About / Business / Products / Tech / News / Recruit / Contact   [Login]→

背景：黒(#0a0a0a) / 透過60%
スクロール時：背景100%固定（ヘッダー追従）
ホバー：オレンジ下線アニメ（200ms）
モバイル：ハンバーガー → フルスクリーンメニュー（黒背景・大文字メニュー）

多階層ホバーメニュー（PCのみ）

親	サブ階層
About	会社概要 / Mission・Vision / メンバー / 沿革
Business	営業支援 / 制作 / システム開発 / コミュニティ
Products	主力プロダクト / 全プロダクト一覧
Tech & Culture	13 AIエージェント / 開発スタック / カルチャー
Recruit	募集職種 / カルチャー / 応募

2. TOP ページ（A1-A7）

全体縦構成（スクロール順）

┌─────────────────────────────────────┐
│ A1: ヒーロー（モットー＋動的演出）     │ 100vh
├─────────────────────────────────────┤
│ A2: 数字訴求（46+/72億/4事業部/30人）  │ 70vh
├─────────────────────────────────────┤
│ A3: 4事業部 立体ボックス（FIDIA型）    │ 100vh
├─────────────────────────────────────┤
│ A4: 主力プロダクト 5選                │ 80vh
├─────────────────────────────────────┤
│ A5: Tech & Culture プレビュー        │ 70vh
├─────────────────────────────────────┤
│ A6: News 最新3件                     │ 60vh
├─────────────────────────────────────┤
│ A7: Recruit / Contact CTA            │ 80vh
├─────────────────────────────────────┤
│ Footer                              │
└─────────────────────────────────────┘

A1: ヒーロー（MVV 確定版）

目的: Mission を全面に出し、SCALE の存在意義を一発で伝える。

┌──────────────────────────────────────┐
│                                      │
│   [背景: 動的グラデーション + 粒子]    │
│                                      │
│   良いものがめぐる、                  │  ← 大文字・白
│   世の中をつくる。                    │  ← オレンジハイライト
│                                      │
│   業界の "これから" を、              │  ← サブコピー（Vision）
│   つくり続ける会社。                  │
│                                      │
│   [Business を見る →]  [Contact →]    │  ← CTA 2つ
│                                      │
│   ↓ Scroll                          │
└──────────────────────────────────────┘

要素	仕様
メインコピー（Mission）	「良いものがめぐる、世の中をつくる。」
サブコピー（Vision）	業界の新しい標準を、つくり続ける会社。
背景演出	グラデーション（黒→濃灰）+ パーティクル動的 + マウス追従光源
CTA	Primary「Business を見る」/ Secondary「Contact」
アニメ	テキスト1文字ずつフェードイン（GSAP / 0.8s）/ "めぐる" 文字に動的アニメ
高さ	100vh（ファーストビュー全占有）

A2: 数字訴求セクション

目的: AI企業の実力を数字で即証明。

┌──────────────────────────────────────┐
│   By the Numbers                     │
│                                      │
│   46+        72億       4         30 │  ← 大文字・カウントアップ
│   プロダクト  目標      事業部    人  │
│   内製・運用  第9期年商   全領域  少数体制 │
│                                      │
└──────────────────────────────────────┘

数字	内容
46+	内製プロダクト
72億	第9期目標年商
4	事業部
30	少数精鋭体制（人数）

スクロールイン時にカウントアップ（0 → 46 を 1.2s）
数字色：オレンジ
背景：濃灰グラデ #111

A3: 4事業部立体ボックス（FIDIA型）

目的: 「ホールディングス型」を一発で見せる本セクションのキモ。

┌──────────────────────────────────────┐
│   4 Business Units                   │
│                                      │
│  ┌─────────┐  ┌─────────┐           │
│  │ 営業支援  │  │  制作   │           │
│  │ Sales    │  │Creative │           │
│  │ Support  │  │         │           │
│  │ →        │  │ →       │           │
│  └─────────┘  └─────────┘           │
│                                      │
│  ┌─────────┐  ┌─────────┐           │
│  │ システム  │  │コミュニティ│         │
│  │  開発    │  │Community │          │
│  │Develop   │  │         │           │
│  │ →        │  │ →       │           │
│  └─────────┘  └─────────┘           │
│                                      │
└──────────────────────────────────────┘

ボックス	中身
営業支援事業部	アイコン / 主軸 / SCALE CRM 等 12+ プロダクト
制作事業部	アイコン / TERASU / HP・動画・ブランディング
システム開発事業部	アイコン / SCALE Build / 月¥5万カスタム
コミュニティ事業部	アイコン / Sales Salon / AI Salon

立体ボックス仕様

1ボックス：縦幅 380px、角丸 0、ボーダー 2px オレンジ
ホバー時：3D傾き（perspective + rotateY 5度）+ 内部画像ズーム
カードクリック → /business/{id} へ遷移
モバイル：縦1列スタック

A4: 主力プロダクト 5選

目的: 「46+のうち主力5つ」を見せて全体感も訴求。

┌──────────────────────────────────────┐
│   Featured Products                  │
│                                      │
│  [SCALE CRM ]  [SCALE Base ]  [TERASU ]   │  ← 横スクロール 3-5枚
│  [SCALE Build]  [SCALE Brain]                │
│                                      │
│   全プロダクトを見る →                │
└──────────────────────────────────────┘

プロダクト	訴求
SCALE CRM	完全成果報酬テレアポ（営業支援の主軸）
SCALE Base	業務統合システム（社内OS）
TERASU	完全成果報酬HP制作
SCALE Build	月¥5万カスタムシステム開発
SCALE Brain	第二の脳（Vault・537+ノート）

カードサイズ：320×400px
カード画像：プロダクトのスクショ + ロゴ
ホバー：オレンジボーダー + 説明オーバーレイ
「全プロダクトを見る」→ /products

A5: Tech & Culture プレビュー

目的: 「AI企業として強い」を打ち出す差別化要素。

┌──────────────────────────────────────┐
│   Tech & Culture                     │
│                                      │
│   13 AI エージェント体制              │  ← 大文字
│   ────                               │
│   司令 / ゲンカイ / カイリ / レイジ /  │
│   シュウ / ソラ / ハヤテ / ヒカリ /    │  ← 13名アバターグリッド
│   ヒロト / センリ / カガミ / ツムギ /  │
│   ミヤビ                             │
│                                      │
│   [Tech & Culture を見る →]          │
└──────────────────────────────────────┘

要素	仕様
アバターグリッド	13エージェントの円形アバター（80px）
配置	横並び（PC）/ 4列グリッド（モバイル）
ホバー	アバター拡大 + 名前ツールチップ
背景	濃灰 + コードフローのアニメーション（薄く）

A6: News 最新3件

目的: 動いている会社感の演出。

┌──────────────────────────────────────┐
│   Latest News                        │
│                                      │
│  [カテゴリ] 2026-04-29               │
│   タイトル...........................│  ← 1記事
│                                      │
│  [カテゴリ] 2026-04-28               │
│   タイトル...........................│  ← 2記事
│                                      │
│  [カテゴリ] 2026-04-27               │
│   タイトル...........................│  ← 3記事
│                                      │
│   News 一覧 →                        │
└──────────────────────────────────────┘

要素	仕様
記事カード	サムネ80×80 + タイトル + 日付 + カテゴリバッジ
カテゴリバッジ色	press=オレンジ / event=青 / product=緑 / company=灰
データ	Supabase `hp_news` テーブル ISR

A7: Recruit / Contact CTA

目的: 終端で「採用候補」「商談候補」を必ず捕まえる。

┌──────────────────────────────────────┐
│   Join us / Contact us               │
│                                      │
│   ┌────────────┐  ┌────────────┐    │
│   │ Recruit    │  │ Contact    │    │
│   │ 一緒に作る  │  │ ご相談    │    │
│   │ メンバー募集 │  │  まずは話す  │    │
│   │   →        │  │   →       │     │
│   └────────────┘  └────────────┘    │
│                                      │
└──────────────────────────────────────┘

要素	仕様
2ボックス	50/50 横並び
背景	各ボックス：オレンジ50%透過の動画背景
ホバー	ボーダー全周オレンジ + アイコン回転

┌──────────────────────────────────────┐
│   [Logo + SCALE]                     │
│                                      │
│   About    Business   Products       │
│   News     Recruit    Contact        │
│                                      │
│   〒XXX-XXXX 東京都...                │
│   info@scale-group.co.jp             │
│                                      │
│   © 2026 SCALE Inc.    [SNSアイコン]  │
└──────────────────────────────────────┘

3. About ページ（B1-B5）

全体構成

┌──────────────────────────────────────┐
│ B1: ヒーロー（"About SCALE"）         │
├──────────────────────────────────────┤
│ B2: Mission / Vision / Value          │
├──────────────────────────────────────┤
│ B3: 経営理念（toB特化 / No.1主義）     │
├──────────────────────────────────────┤
│ B4: 沿革                             │
├──────────────────────────────────────┤
│ B5: メンバー紹介（経営層 + AIエージェント）│
└──────────────────────────────────────┘

B1: ヒーロー

SCALE は、企業を SCALE する会社。

We make every business function SCALE.

背景：会社写真 or 抽象アニメ
高さ：60vh

B2: Mission / Vision / Value

┌──────────────────────────────────────┐
│ Mission                              │
│ 業界 No.1 のプロダクトを作る。        │
│                                      │
│ Vision                               │
│ 企業のあらゆる機能を SCALE する        │
│ 統合スイートを作る。                  │
│                                      │
│ Value                                │
│  1. プロダクト力 × 営業力             │
│  2. toB特化                          │
│  3. AI最大活用                       │
│  4. 少数精鋭                         │
└──────────────────────────────────────┘

要素	仕様
3カラム or 縦スタック	各セクションに大見出し + 説明文
アイコン
背景	濃灰グラデ

B3: 経営理念

「経営理念_モットー」全体をビジュアルで再現。

┌──────────────────────────────────────┐
│  プロダクト力 × 営業力                │
│        ↓                             │
│  業界 No.1 を、取り続ける。           │
└──────────────────────────────────────┘

[NG ジャッジ集 表]      [GO ジャッジ集 表]
toC寄り          ✗      No.1可能          ✓
No.1狙えない     ✗      toB特化           ✓
SCALE貢献なし    ✗      企業をSCALE       ✓

テーブル形式で「NG / GO」を対比
「企業をSCALE経済圏に依存させる」最終ビジョン

B4: 沿革

2024 ─ 株式会社SCALE 設立
2025 ─ SCALE CRM リリース
2026 ─ 4事業部体制確立 / TERASU 立ち上げ
2027 ─ （予定）年商1億円達成
2031 ─ （予定）年商72億円達成

要素	仕様
タイムライン	縦線 + 年マーカー + 説明
アニメ	スクロールイン時に左右からフェード

B5: メンバー紹介

経営層

[大串 勇輝]            [細川 青吾（せーご）]
代表取締役 CEO          CMO
                       マーケティング統括

AIエージェント13名

[司令]  [ゲンカイ] [カイリ] [レイジ] [シュウ] [ソラ]
[ハヤテ] [ヒカリ] [ヒロト] [センリ] [カガミ] [ツムギ] [ミヤビ]

要素	仕様
経営層カード	顔写真 + 名前 + 役職 + プロフィール
AIエージェントグリッド	アバター（円形）+ 名前 + 役割 + クリックで詳細モーダル

4. Business 4事業部（C1-C5）

C5: Business TOP（4事業部一覧）

┌──────────────────────────────────────┐
│  Our 4 Business Units                │
│                                      │
│  4つの領域で「企業をSCALE」する。     │
│                                      │
│  [営業支援]   ─→ Sales Support       │
│  [制作]      ─→ Creative              │
│  [システム開発] ─→ Development          │
│  [コミュニティ] ─→ Community            │
│                                      │
└──────────────────────────────────────┘

各事業部詳細ページの共通レイアウト：

┌──────────────────────────────────────┐
│ ヒーロー（事業部名 + キャッチコピー）  │
├──────────────────────────────────────┤
│ ミッション・課題感                    │
├──────────────────────────────────────┤
│ サービス一覧（プロダクトカード）       │
├──────────────────────────────────────┤
│ 数字（KPI / 実績）                    │
├──────────────────────────────────────┤
│ 担当チーム                           │
├──────────────────────────────────────┤
│ お問い合わせCTA                       │
└──────────────────────────────────────┘

C1: 営業支援事業部 `/business/sales`

項目	内容
キャッチ	「営業を、SCALE する。」
サブ	完全成果報酬テレアポを軸に、営業の全プロセスをプロダクト化。
主力	SCALE CRM
プロダクト	Form / Call / CRM / List / Coach / Insight / Track / Script / Report / Match / Voice / Proposal
数字	商談獲得○件 / 取引パートナー○社

C2: 制作事業部 `/business/creative`

項目	内容
キャッチ	「効果が出てから、対価を払う。」
サブ	TERASU を中核に、HP・動画・ブランディングを完全成果報酬で制作。
主力	TERASU公式HP / TERASU案件管理 / TERASU Lens
将来	SCALE Studio / SCALE Video / SCALE Brand

C3: システム開発事業部 `/business/development`

項目	内容
キャッチ	「月¥5万で、業務システムを SCALE する。」
サブ	AI開発の強みで、システム開発市場を破壊する。
主力	SCALE Build
実績	SCALE Base / Pilot 等の内製システム 46+

C4: コミュニティ事業部 `/business/community`

項目	内容
キャッチ	「知の集積を、SCALE する。」
サブ	営業のプロ・AI実践者が集まるコミュニティで、ナレッジを最大化。
主力	SCALE Sales Salon / SCALE AI Salon
状態	構想中（2026 Q3 ローンチ目標）

5. Products ページ（D1-D3）

全体構成

┌──────────────────────────────────────┐
│ ヒーロー（"46+ Products"）            │
├──────────────────────────────────────┤
│ カテゴリフィルタ                       │
│ [All] [営業支援] [業務統合] [HP制作] [内部]│
├──────────────────────────────────────┤
│ プロダクトグリッド（カード×46+）       │
└──────────────────────────────────────┘

D3: プロダクトカード仕様

┌────────────┐
│ [ロゴ]     │
│ SCALE CRM │
│ ────      │
│ 完全成果報酬 │
│ テレアポ   │
│            │
│ 詳細を見る→│  ← 外部リンク
└────────────┘

カードサイズ：280×320px
グリッド：PC 4列 / タブレット 3列 / モバイル 2列
状態バッジ：「稼働中」「構想中」「内部」を色で区別
クリック：外部URL（crm.scale-group.co.jp 等）or 詳細モーダル

6. News ページ（E1-E4）

E1: 一覧

┌──────────────────────────────────────┐
│ News                                 │
│                                      │
│ [All] [press] [event] [product] [company]│
│                                      │
│ ┌────────┐ ┌────────┐ ┌────────┐     │
│ │ thumb  │ │ thumb  │ │ thumb  │     │
│ │ press  │ │ event  │ │product │     │
│ │ 2026-XX│ │ 2026-XX│ │ 2026-XX│     │
│ │ Title..│ │ Title..│ │ Title..│     │
│ └────────┘ └────────┘ └────────┘     │
│                                      │
│       [もっと見る]                    │
└──────────────────────────────────────┘

1記事カード：サムネ280×180 + カテゴリバッジ + 日付 + タイトル
グリッド：PC 3列 / モバイル 1列
ページネーション：12件ずつ無限スクロール
データ：Supabase hp_news ISR (60s)

E2: 詳細

┌──────────────────────────────────────┐
│ [カテゴリバッジ]  2026-04-29          │
│                                      │
│ # 大きなタイトル                      │
│                                      │
│ [サムネ画像]                          │
│                                      │
│ 本文 Markdown レンダリング.............│
│ .....................................│
│                                      │
│ [SNSシェアボタン]                     │
│                                      │
│ ─────                                │
│ 関連記事 [3件サジェスト]              │
└──────────────────────────────────────┘

E4: 投稿管理（Admin・Phase 2 後半）

/admin/news でログイン制（簡易）
Markdown エディタ + プレビュー
is_published トグル + publish_at 予約

7. Recruit ページ（F1-F5）

F1: Recruit TOP

┌──────────────────────────────────────┐
│ Join SCALE                           │
│                                      │
│ AIで、未来を SCALE する仲間を募集。   │
│                                      │
│ [募集職種を見る →]                    │
├──────────────────────────────────────┤
│ Why SCALE?                           │
│  - 30人以下の少数精鋭                 │
│  - AI最大活用（Claude Code 標準）     │
│  - 4事業部の成長中フェーズ            │
│  - 完全成果報酬モデルの収益体制       │
├──────────────────────────────────────┤
│ Culture プレビュー                    │
│  - リモート可                         │
│  - フルフレックス                     │
│  - 学習支援                          │
└──────────────────────────────────────┘

F2: 求人一覧

[All] [全社] [営業支援] [制作] [開発] [コミュニティ]

[求人カード×N]
  - 部署バッジ + 職種名 + 給与レンジ + 経験年数

データ：Supabase hp_jobs テーブル

F3: 求人詳細

職務内容・必須要件・歓迎要件・給与・勤務地・選考フロー
「応募する」CTA → F4

F4: 応募フォーム

名前 / メール / 電話 / 経歴URL（GitHub/LinkedIn等）/ 志望動機
送信先：Supabase + Slack 通知（採用チャンネル）

F5: カルチャー紹介

13 AIエージェント運営の中身
1日のフロー（朝ブリ / Pilot / 終日チャット）
大串・細川のコメント

8. Tech & Culture ページ（G1-G4）

全体構成

┌──────────────────────────────────────┐
│ G1: 13 AIエージェント体制              │
├──────────────────────────────────────┤
│ G2: AI最大活用（Claude Code 等）       │
├──────────────────────────────────────┤
│ G3: 開発スタック                      │
├──────────────────────────────────────┤
│ G4: 成果報酬哲学                      │
└──────────────────────────────────────┘

G1: 13 AIエージェント体制

13名の AI が、24時間 SCALE を回している。

[司令]   CEO・全体統括
[ゲンカイ/カイリ/レイジ/シュウ/ソラ]   開発
[ハヤテ/ヒカリ]   マーケ
[ヒロト]   PM
[センリ]   戦略
[カガミ]   CFO
[ツムギ]   人事
[ミヤビ]   秘書

カードグリッド：13名のキャラクター（アバター）+ 役割 + 主な業務
ホバー：詳細パネル展開（管轄業務 / 連携 / 出力例）

G2: AI最大活用

- コードの大半を Claude Code で生成
- 議事録・アジェンダ・週月報を AI 自動生成（SCALE Base Pilot）
- Inbox 整理・ナレッジ蓄積を Vault が自動化
- 1人の人間が、10人分の生産性を出す

G3: 開発スタック

[Next.js 16] [React 19] [Tailwind v4]
[Cloudflare Pages] [Supabase] [D1] [KV]
[Claude API (Opus 4.7)] [Vercel AI SDK]

ロゴアイコングリッド
「46+ プロダクトをこのスタックで全部内製」

G4: 成果報酬哲学

作って終わり、を捨てた。

成果が出るまで、報酬を受け取らない。
成果が出てから、対価をいただく。

これが、SCALE の原則。

黒背景 + オレンジ太文字
動画背景（実績のクライアント風景）

9. Contact ページ（H1-H3）

H1: 問い合わせフォーム

┌──────────────────────────────────────┐
│ Contact                              │
│                                      │
│ お問い合わせ種別 *                    │
│  ◯ サービスのご相談（営業）           │
│  ◯ パートナー募集                    │
│  ◯ 取材・プレス                      │
│  ◯ 採用に関するご質問                 │
│  ◯ その他                           │
│                                      │
│ 会社名 *                             │
│ [_________________]                  │
│                                      │
│ お名前 *                             │
│ [_________________]                  │
│                                      │
│ メールアドレス *                      │
│ [_________________]                  │
│                                      │
│ お問い合わせ内容 *                    │
│ [                          ]         │
│ [                          ]         │
│ [                          ]         │
│                                      │
│ [送信する]                           │
└──────────────────────────────────────┘

要素	仕様
バリデーション	必須項目 + メール形式
送信先	Supabase `hp_contact` + Slack 通知（種別ごとにチャンネル分岐）
reCAPTCHA	v3（スパム対策）

H2: 種別ルーティング

種別	Slack通知先	自動返信文
sales	#sales-inbound	サービス紹介資料 PDF添付
partnership	#partner-inbound	パートナー登録ガイド添付
press	#press-inbound	プレス担当者から24h以内返信
recruit	#recruit-inbound	採用情報ページへ誘導
other	#general-inbound	担当者から3営業日以内返信

H3: 完了画面

お問い合わせありがとうございました。

[内容に応じて返信時間を表示]

[トップへ戻る]  [News を見る]

10. レスポンシブ方針

ブレイクポイント	範囲	仕様
Mobile	〜640px	1カラム / ハンバーガーメニュー / 縦スタック
Tablet	641〜1024px	2カラム / 簡易ナビ
Desktop	1025px〜	フルナビ / 立体ボックス・グリッド
Wide	1440px〜	コンテナ最大1280px中央寄せ

11. 動的演出ポリシー

基本ルール

OK	NG
スクロールイン時のフェード/スライド	ページロードを遅らせる重い演出
マウス追従の光源・パーティクル	過度な3Dローテーション
カウントアップ数字	過度な装飾
立体ボックスのホバー回転	カーソル変更による混乱

採用ライブラリ

用途	ライブラリ
軽量アニメ	Framer Motion
ヒーロー演出	GSAP（最低限）
3D演出	CSS transform で代替（Three.js は不採用）
パーティクル	tsparticles（軽量設定）

12. SEO 仕様

ページ	title	description
TOP	株式会社SCALE \| 業界No.1のプロダクトを作る	営業支援・HP制作・システム開発・コミュニティの4事業でSCALEを実現
About	会社概要 \| SCALE	ミッション・ビジョン・経営理念・メンバー
Business	4事業部紹介 \| SCALE	営業支援・制作・システム開発・コミュニティ
Products	プロダクト一覧 \| SCALE	内製46+プロダクト
Tech	Tech & Culture \| SCALE	13 AIエージェント体制とAI最大活用
News	News \| SCALE	プレス・お知らせ
Recruit	採用情報 \| SCALE	30人以下少数精鋭
Contact	お問い合わせ \| SCALE	サービス・パートナー・プレス・採用

OGP

すべてのページに OGP 画像（1200×630px）を用意
TOP: モットーが入ったブランドビジュアル
個別ページ: 各テーマカラー + ページタイトル

構造化データ

Organization スキーマ（TOP）
BreadcrumbList（全ページ）
Article（News 詳細）
JobPosting（Recruit 詳細）

13. 旧→新 URL 対応表（Phase 3 で 301 設定）

旧URL（scale-group.co.jp）	新URL	リダイレクト先
`/`	TOP	新HP TOP
`/about`	About	新HP /about
`/company`	Company	新HP /about
`/contact`	Contact	新HP /contact
`/recruit`	Recruit	新HP /recruit
`/dl-scale-XXX`	DL系LP	crm.scale-group.co.jp/dl-scale-XXX（旧HP移設先）
`/base`	SCALE Base ログイン	crm.scale-group.co.jp/base（旧HP移設先）

ポイント: 営業系のLP（/dl-*）と /base は旧HP（crm.scale-group.co.jp）に移設して 301 で誘導。

14. 完了判定

Phase 0 ワイヤー完了判定（このノート）

[x] 全11ページの構成が決まっている
[x] 各ページの主要セクション・コンテンツが決まっている
[x] グローバルナビ・フッターが決まっている
[x] レスポンシブ方針が決まっている
[x] 動的演出方針が決まっている
[x] SEO仕様が決まっている
[x] 旧→新URL対応表がある

Phase 1 着手判定（次タスク）

[ ] 大串の本ワイヤー承認
[ ] ブランドガイド完成
[ ] コピー草案完成
[ ] ローカル環境セットアップ完了
[ ] Cloudflare Pages 新プロジェクト作成完了

更新履歴

日付	内容
2026-04-29	初版作成（全11ページワイヤー・サイバーエージェント/FIDIA参考）

01_ワイヤーフレーム

scale-group.co.jp ワイヤーフレーム（全ページ）

30秒で全体像

1. グローバルナビゲーション

8カテゴリ構成（PC・常時表示）

ナビ仕様

多階層ホバーメニュー（PCのみ）

2. TOP ページ（A1-A7）

全体縦構成（スクロール順）

A1: ヒーロー（MVV 確定版）

A2: 数字訴求セクション

A3: 4事業部 立体ボックス（FIDIA型）

立体ボックス仕様

A4: 主力プロダクト 5選

A5: Tech & Culture プレビュー

A6: News 最新3件

A7: Recruit / Contact CTA

Footer（全ページ共通）

3. About ページ（B1-B5）

全体構成

B1: ヒーロー

B2: Mission / Vision / Value

B3: 経営理念

B4: 沿革

B5: メンバー紹介

経営層

AIエージェント13名

4. Business 4事業部（C1-C5）

C5: Business TOP（4事業部一覧）

C1: 営業支援事業部 /business/sales

C2: 制作事業部 /business/creative

C3: システム開発事業部 /business/development

C4: コミュニティ事業部 /business/community

5. Products ページ（D1-D3）

全体構成

D3: プロダクトカード仕様

6. News ページ（E1-E4）

E1: 一覧

E2: 詳細

E4: 投稿管理（Admin・Phase 2 後半）

7. Recruit ページ（F1-F5）

F1: Recruit TOP

F2: 求人一覧

F3: 求人詳細

F4: 応募フォーム

F5: カルチャー紹介

8. Tech & Culture ページ（G1-G4）

全体構成

G1: 13 AIエージェント体制

G2: AI最大活用

G3: 開発スタック

G4: 成果報酬哲学

9. Contact ページ（H1-H3）

H1: 問い合わせフォーム

H2: 種別ルーティング

H3: 完了画面

10. レスポンシブ方針

11. 動的演出ポリシー

基本ルール

採用ライブラリ

12. SEO 仕様

OGP

構造化データ

13. 旧→新 URL 対応表（Phase 3 で 301 設定）

14. 完了判定

Phase 0 ワイヤー完了判定（このノート）

Phase 1 着手判定（次タスク）

関連ノート

更新履歴

A3: 4事業部立体ボックス（FIDIA型）

C1: 営業支援事業部 `/business/sales`

C2: 制作事業部 `/business/creative`

C3: システム開発事業部 `/business/development`

C4: コミュニティ事業部 `/business/community`