🌊 制作事業（TERASU）

scale-hp-corporate_開発依頼書

最終更新 2026年05月03日／ 41_制作事業部/scale-hp-corporate/scale-hp-corporate_開発依頼書.md

scale-group.co.jp 全面リニューアル開発依頼書

「営業代行会社」から「企業をSCALEする総合企業」へ。
現状 SCALE CRM 寄りの scale-group.co.jp を、4事業部体制を打ち出す 会社の顔 となるホールディングス型コーポレートHPに全面リニューアルする。

30秒で全体像

観点	一言
核心	scale-group.co.jp を多事業展開企業のコーポレートHPに全面刷新
キーワード	フルリニューアル / 4事業部 / ホールディングス型 / FIDIA・サイバーエージェント参考
使う人	クライアント候補 / 採用候補 / 投資家 / メディア / パートナー
読了目安	12分

最重要：既存HPを絶対に上書きしない

本プロジェクトの最大の制約

[現在公開中の HP（営業 LP）]               [新コーポレート HP]
scale-group.co.jp                         scale-hp-corporate.pages.dev
（既存：触らない・落とさない）            （新規開発・公開で確認）
                                              ↓ 完成後
                                          ↓ ドメイン切り替え
                                              ↓
[Phase 3 完了時]
scale-group.co.jp → 新コーポレートHP
crm.scale-group.co.jp → 旧HP（SCALE CRM専用LPとして移設）

ルール

現 scale-group.co.jp は絶対に触らない（公開中・営業案件流入中）
新HPは別プロジェクト・別ドメイン で開発（scale-hp-corporate.pages.dev）
完成までは scale-hp-corporate.pages.dev で確認
完成承認後にドメイン切り替え + 既存HPは crm.scale-group.co.jp に移設
ロールバック可能性を担保（既存プロジェクト scale-hp はそのまま残す）

1. 概要

現状の問題

項目	状態
メイン訴求	SCALE CRM に約80%偏重
多事業展開の見え方	弱い（9サービス並列だが補完位置）
ビジョン・ミッション	不在
IR / プレス	不在
採用導線	別ページに分離

→ 「株式会社SCALE のコーポレートサイト」になっていない。SCALE CRMのサイトになっている。

あるべき姿

4事業部体制の打ち出し（営業支援 / 制作 / システム開発 / コミュニティ）
「業界No.1のプロダクトを作る」モットーを全面表現
「企業をSCALEする会社」のビジョン訴求
AI企業色の強化（13エージェント・46+プロダクト・少数精鋭）
採用 / 投資家 / メディアの全方位対応

参考企業

企業	学ぶポイント
サイバーエージェント	8大柱ナビ・事業を主力/強化分野で2層化・カルチャー訴求
FIDIA	4ユニット立体ボックス・「ワクワクを創ろう」哲学訴求

2. スコープ

含むもの

新コーポレートHP の完全新規構築
8カテゴリのナビゲーション
4事業部それぞれの詳細ページ
全SCALE 〇〇プロダクト一覧（リンク集）
News / プレスリリース機能
採用ページ統合
Tech & Culture ページ（13エージェント・AI最大活用）
ブランドガイドライン整備
ドメイン切り替え（Phase 3）
既存HPの crm.scale-group.co.jp への移設
SEO 301 リダイレクト整備

含まないもの

各プロダクトの詳細ページ（既存サイトへリンクのみ）
IRシステム（Phase 4以降）
ECサイト機能
ブログ全機能（News のみ）
多言語対応（Phase 4以降）

3. アーキテクチャ

スタック

レイヤー	採用	理由
Frontend	Next.js 16 / React 19 / Tailwind v4	TERASU Lens と同じ・Vercel/Pages対応
デプロイ	Cloudflare Pages	既存パターン踏襲
DB	Supabase	News / Recruit データ
静的生成	SSG主体 + News のみISR	SEO最適化
アニメ	Framer Motion / GSAP	動的演出
フォーム	Cloudflare Pages Functions	お問い合わせ
分析	Google Analytics 4 / GTM	アクセス解析

Cloudflare Pages プロジェクト

項目	値
新プロジェクト名	`scale-hp-corporate`
開発・確認用URL	`https://scale-hp-corporate.pages.dev`
本番URL（Phase 3 切替後）	`https://scale-group.co.jp`
ローカルパス	`/Users/oogushiyuuki/株式会社SCALE/scale-hp-corporate/`
既存プロジェクト（保護）	`scale-hp` ← 触らない

移設先（既存HP）

項目	値
ドメイン	`crm.scale-group.co.jp`
中身	現在の scale-group.co.jp の内容（SCALE CRM LP）
Cloudflare project	`scale-hp` を引き続き使う or 新規 `scale-lead-lp` 作成

4. データベース設計（Supabase）

`hp_news` テーブル

カラム	型	説明
id	uuid	PK
slug	text	URL slug
title	text
body	text	Markdown
category	enum	press / event / product / company
publish_at	timestamptz
is_published	boolean
thumbnail_url	text

`hp_jobs` テーブル

カラム	型	説明
id	uuid	PK
title	text
department	text	38/41/42/43/全社
description	text
requirements	text
salary_range	text
is_active	boolean

`hp_contact` テーブル

カラム	型	説明
id	uuid	PK
name	text
email	text
company	text
inquiry_type	enum	sales / partnership / press / recruit / other
message	text
created_at	timestamptz

5. URL構造

scale-group.co.jp/                       ← 新TOP（Phase 3切替後）
├── /about/                              ← 会社概要・ミッション・ビジョン・カルチャー
├── /about/history/                      ← 沿革
├── /about/members/                      ← メンバー紹介
├── /business/                           ← 4事業部一覧
├── /business/sales/                     ← 営業支援事業部
├── /business/creative/                  ← 制作事業部
├── /business/development/               ← システム開発事業部
├── /business/community/                 ← コミュニティ事業部
├── /products/                           ← 全SCALE 〇〇 プロダクト一覧
├── /tech/                               ← Tech & Culture（13エージェント・AI活用）
├── /news/                               ← プレス・お知らせ
├── /news/[slug]/                        ← 個別記事
├── /recruit/                            ← 採用情報
├── /recruit/[id]/                       ← 個別求人
└── /contact/                            ← 問い合わせ

crm.scale-group.co.jp/                  ← 旧HP移設（SCALE CRM 専用LP）

6. デザイン方針

ブランドカラー

役割	色
背景メイン	#0a0a0a（黒）
背景サブ	#111 / #1a1a1a
テキスト	#e0e0e0 / #999 / #666
アクセント	#ff6b2b（オレンジ）
アクセント2	#ff8f5e

フォント

英: Inter（Bold/Heavy 多用）
和: Noto Sans JP

トーン

クリーン・モダン・AI企業
動的演出（数字カウントアップ・スクロール演出・パララックス）
レスポンシブ完全対応
高速表示（Lighthouse 90+）

ロゴ

既存 scale-icon.png（黒背景wing-S）を採用
各ページで一貫したブランディング

7. 実装順序

Phase 0：戦略確定・ワイヤー・ブランドガイド（1週間）

[ ] ワイヤーフレーム作成（全ページ）
[ ] ブランドガイドライン整備
[ ] コピーライティング草案
[ ] Cloudflare Pages 新プロジェクト作成（scale-hp-corporate）
[ ] ローカル環境セットアップ

Phase 1：TOP / About / Business（3週間）

[ ] A: TOP ページ（ヒーロー・数字・4事業部・主力プロダクト・Tech&Culture・News・Recruit CTA）
[ ] B: About ページ（会社概要・ミッション・ビジョン・経営理念・沿革・メンバー）
[ ] C: Business 4事業部詳細ページ
[ ] グローバルナビ・フッター
[ ] レスポンシブ対応

Phase 2：Products / News / Recruit / Tech&Culture（2週間）

[ ] D: Products 全プロダクト一覧
[ ] E: News 機能（一覧・詳細・カテゴリ）
[ ] F: Recruit ページ（求人一覧・詳細・応募フォーム）
[ ] G: Tech&Culture ページ
[ ] H: Contact フォーム

Phase 3：SEO移行・既存HP移設・ドメイン切替（1週間）

[ ] I1: 既存HP（hp プロジェクト）を crm.scale-group.co.jp に移設
[ ] I2: 新HP（scale-hp-corporate）に scale-group.co.jp カスタムドメイン適用
[ ] I3: 301 リダイレクト整備
[ ] I4: sitemap.xml / robots.txt
[ ] I5: Google Search Console 申請
[ ] I6: 大串の最終承認 → 公開

Phase 4：継続運用（公開後・継続）

[ ] News 定期更新
[ ] SEO 最適化
[ ] IR ページ追加（将来）
[ ] サステナビリティページ追加（将来）

8. 機能IDマップ

A. TOP ページ

A1: ヒーロー（モットー・動画/アニメ）
A2: 数字訴求（46+プロダクト・年商72億計画・4事業部・成果報酬モデル）
A3: 4事業部立体ボックス
A4: 主力プロダクト 5選
A5: Tech & Culture プレビュー
A6: News 最新3件
A7: Recruit CTA

B. About

B1: 会社概要・基本情報
B2: ミッション・ビジョン・バリュー
B3: 経営理念（toB特化・No.1主義）
B4: 沿革
B5: メンバー紹介（経営層 + AIエージェント）

C. Business（4事業部）

C1: 営業支援事業部
C2: 制作事業部
C3: システム開発事業部
C4: コミュニティ事業部
C5: 事業部一覧 TOP

D. Products

D1: SCALE 〇〇全プロダクト一覧
D2: カテゴリフィルタ
D3: 各プロダクトカード（外部リンク）

E. News

E1: News 一覧
E2: News 詳細
E3: カテゴリフィルタ
E4: 投稿管理（Admin）

F. Recruit

F1: 採用 TOP
F2: 求人一覧
F3: 求人詳細
F4: 応募フォーム
F5: カルチャー紹介

G. Tech & Culture

G1: 13 AIエージェント体制
G2: AI最大活用
G3: 開発スタック紹介
G4: 「成果報酬」哲学

H. Contact

H1: 問い合わせフォーム
H2: 問い合わせ種別ルーティング
H3: 完了画面

I. SEO・移行

I1-I6: Phase 3 タスク

9. 評価基準

Phase 1 完了条件

[ ] scale-hp-corporate.pages.dev で TOP / About / Business 4事業部が確認可能
[ ] レスポンシブ動作（PC/タブレット/スマホ）
[ ] Lighthouse スコア 80+
[ ] 大串・細川の 1次承認

Phase 2 完了条件

[ ] News / Recruit / Tech&Culture / Contact 完成
[ ] フォーム送信動作確認
[ ] Lighthouse スコア 90+

Phase 3 完了条件（最終承認）

[ ] scale-group.co.jp で新HPが公開（ドメイン切替済）
[ ] crm.scale-group.co.jp で旧HPが稼働
[ ] 301 リダイレクト動作
[ ] Google Search Console エラーなし
[ ] 大串の最終 GO サイン

全体の品質基準

「サイバーエージェント / FIDIA レベルの多事業企業HPに見える」
AI企業らしい先進感
ブランド統一感
SEO スコア優秀

10. 完了状況チェックリスト

Phase 0

[ ] ワイヤー
[ ] ブランドガイド
[ ] コピー草案
[ ] プロジェクト作成

Phase 1

[ ] A1-A7 (TOP)
[ ] B1-B5 (About)
[ ] C1-C5 (Business)
[ ] グローバルナビ
[ ] レスポンシブ
[ ] 1次承認

Phase 2

[ ] D1-D3 (Products)
[ ] E1-E4 (News)
[ ] F1-F5 (Recruit)
[ ] G1-G4 (Tech&Culture)
[ ] H1-H3 (Contact)

Phase 3

[ ] I1: 旧HP移設
[ ] I2: ドメイン切替
[ ] I3: 301
[ ] I4: sitemap
[ ] I5: SC申請
[ ] I6: 大串最終承認

11. 守るべきこと（特に重要）

観点	内容
既存HP保護	scale-group.co.jp / scale-hp プロジェクトは触らない（公開中）
新規プロジェクト	`scale-hp-corporate` を新規作成・別ドメインで開発
ドメイン切替	Phase 3 の最後・大串の最終承認後のみ
ロールバック準備	既存HPは crm.scale-group.co.jp に移設後も復旧可能性担保
changelog 追記	既存パターン準拠
バックアップ	各Phase完了時に tar.gz
SEO移行	旧URLからの 301 リダイレクトを完全整備
モットー準拠	「業界No.1」「toB特化」「企業をSCALE」を全ページで表現
ブランド統一	scale-icon.png ロゴ・カラーパレット・フォント

12. 必読ノート

経営・戦略

部署別

プロダクト

31_システム開発部/_SCALE_全プロダクト一覧 — 全46+プロダクト
31_システム開発部/_SCALE_全システム配置マップ

システム開発ルール

既存HP情報

ローカル: /Users/oogushiyuuki/株式会社SCALE/hp/
Cloudflare project: scale-hp（保護）
本番: https://scale-group.co.jp/

13. 完了報告フロー

各 Phase 完了時に Slack 報告：

cd /Users/oogushiyuuki/株式会社SCALE/scale-company/
./slack_post.sh shirei "scale-group.co.jp Phase X 完了。<確認URL>で確認可能。"

14. ロードマップサマリー

Phase	期間	完了目標
Phase 0	1週間	戦略・ワイヤー・ブランドガイド
Phase 1	3週間	TOP / About / Business
Phase 2	2週間	Products / News / Recruit / Tech / Contact
Phase 3	1週間	SEO移行・ドメイン切替・公開
合計	約1.5-2ヶ月

15. 更新履歴

日付	内容
2026-04-29	初版作成（フルリニューアル戦略・既存HP保護要件付き）

scale-hp-corporate_開発依頼書

scale-group.co.jp 全面リニューアル 開発依頼書

30秒で全体像

最重要：既存HPを絶対に上書きしない

ルール

1. 概要

現状の問題

あるべき姿

参考企業

2. スコープ

含むもの

含まないもの

3. アーキテクチャ

スタック

Cloudflare Pages プロジェクト

移設先（既存HP）

4. データベース設計（Supabase）

hp_news テーブル

hp_jobs テーブル

hp_contact テーブル

5. URL構造

6. デザイン方針

ブランドカラー

フォント

トーン

ロゴ

7. 実装順序

Phase 0：戦略確定・ワイヤー・ブランドガイド（1週間）

Phase 1：TOP / About / Business（3週間）

Phase 2：Products / News / Recruit / Tech&Culture（2週間）

Phase 3：SEO移行・既存HP移設・ドメイン切替（1週間）

Phase 4：継続運用（公開後・継続）

8. 機能IDマップ

A. TOP ページ

B. About

C. Business（4事業部）

D. Products

E. News

F. Recruit

G. Tech & Culture

H. Contact

I. SEO・移行

9. 評価基準

Phase 1 完了条件

Phase 2 完了条件

Phase 3 完了条件（最終承認）

全体の品質基準

10. 完了状況チェックリスト

Phase 0

Phase 1

Phase 2

Phase 3

11. 守るべきこと（特に重要）

12. 必読ノート

経営・戦略

部署別

プロダクト

システム開発ルール

既存HP情報

13. 完了報告フロー

14. ロードマップサマリー

15. 更新履歴

scale-group.co.jp 全面リニューアル開発依頼書

`hp_news` テーブル

`hp_jobs` テーブル

`hp_contact` テーブル