scale-hp-corporate 現在状態

新セッションで「続きから」即着手可能。

プロジェクト概要

scale-group.co.jp を会社の顔となるコーポレートHPに全面リニューアル
- 4事業部体制を打ち出すホールディングス型サイト
- AI企業ブランド再構築
- MVV：「良いものがめぐる、世の中をつくる。」
- デザイン：黒×洗練×高級×大手感（Anthropic + Mercedes-Benz + Linear）
- 主管：41_制作事業部（自社案件）
- 既存HPは crm.scale-group.co.jp に移設

最重要：既存HP保護ルール

[現在公開中]                      [新規開発]
scale-group.co.jp                 scale-hp-corporate.pages.dev
（触らない・落とさない）          （別プロジェクト・別ドメイン）
                                       ↓ 完成後 / 大串の最終承認後
                                       ↓
                                 [Phase 3 でドメイン切替]

→ 既存 scale-hp プロジェクト・ドメイン scale-group.co.jp は Phase 3 完了まで一切触らない。

MVV（確定版・2026-04-29）

Mission  良いものがめぐる、世の中をつくる。
Vision   業界の新しい標準を、つくり続ける会社に。
Values   01 MAKE IT WELL    妥協なく、つくる。
         02 MAKE IT BOLD    未踏に、挑む。
         03 MAKE IT COUNT   過程より、結果。
         04 MAKE IT NEW     毎日、磨く。
         05 MAKE IT FLOW    めぐらせ続ける。

→ 詳細：20_全体/_SCALE_MVV

デザイン方針（確定版・2026-04-29）

→ 詳細：03_ブランドガイド

HP 構成（確定版）

01  Home（Hero = Mission）
02  About（Vision + Values 5 つ）
03  Business（4 事業部）
04  Products（プロダクト一覧）
05  News
06  Recruit
07  Contact

→ 詳細：01_ワイヤーフレーム

Phase 0 + MVV 反映 で作ったもの

Vault側 ドキュメント（5 件）

ローカル実装

ローカルパス：/Users/oogushiyuuki/株式会社SCALE/scale-hp-corporate/

scale-hp-corporate/
├── src/
│   ├── app/
│   │   ├── layout.tsx
│   │   ├── page.tsx              # Hero / About / Business / Products / News / CTA
│   │   └── globals.css           # 完全黒 + Anthropic タイポ + 高級カラーパレット
│   ├── components/
│   │   ├── Header.tsx            # 透明→黒変化・大胆ナビ
│   │   ├── Footer.tsx            # 高級感・MVV 表示
│   │   ├── Hero.tsx              # Mission 全画面・120-160px タイポ
│   │   ├── About.tsx             # 新規・Vision + Values 5 つ縦組み
│   │   ├── BusinessUnits.tsx     # 高級ブラック・2x2 グリッド
│   │   ├── FeaturedProducts.tsx  # 整然グリッド・5 プロダクト
│   │   ├── LatestNews.tsx        # シンプルリスト・大手新聞風
│   │   └── CtaJoinContact.tsx    # 高級 CTA 2 ボックス
│   └── lib/
│       ├── changelog.ts
│       ├── types.ts
│       └── constants.ts          # MVV データ + ナビ + 4事業部 + プロダクト
├── package.json                  # Next.js 16.2.3 / React 19.2.4 / Tailwind v4
├── README.md / SETUP.md / DEPLOY.md
└── .env.local（ダミー値）

動作確認済み

環境

Phase 進捗

確定事項

• 戦略選択肢B（フルリニューアル）採択
• 新プロジェクト名：scale-hp-corporate
• 既存HP：移設先 = crm.scale-group.co.jp
• スタック：Next.js 16 / React 19 / Tailwind v4 / Cloudflare Pages
• 主管：41_制作事業部
• 参考企業：Anthropic + Mercedes-Benz + Linear（旧：サイバーエージェント / FIDIA から変更）
• ブランドカラー：完全黒（#000000）+ オレンジ極小（#ff6b2b）
• ロゴ：S マーク（オレンジ正方形）+ "SCALE"
• ナビ：7 カテゴリ（Home / About / Business / Products / News / Recruit / Contact）
• 構成：C 案（シンプル多事業型 = Hero / About / Business / Products / News / Recruit / Contact）
• MVV 完全確定

大串確認待ち（Phase 1 着手前）

次の一手

1. 大串 確認：http://localhost:3008/ でデザイン確認
2. About / Business 4事業部 / Products / News / Recruit / Contact の各個別ページ実装（Phase 1）
3. Cloudflare Pages 初回接続 → デプロイ
4. Phase 1 完了時に tar.gz バックアップ + changelog 追記

完了報告

cd /Users/oogushiyuuki/株式会社SCALE/scale-company/
./slack_post.sh shirei "scale-hp-corporate Phase X 完了。<確認URL>"

更新履歴