- "Build in a weekend" — 高速プロトタイピングの開発者ペインポイントを直撃
- "Scale to millions" — 本番環境での使用に対する懸念を解消
- 一文で個人開発者とエンタープライズ意思決定者の両方をカバー
- 機能を説明する代わりに新しいカテゴリを定義
- 「クラウド」と関連付け（スケーラブル、高可用性）
- 「Next.jsホスティング」から「次世代Webインフラリーダー」へ昇格
良いB2Bバリュープロポジションの3要素：
- ワンラインポジショニング
- 定量化された成果
- ソーシャルプルーフ
| ページ | 内容 | 目的 |
|---|---|---|
| 1 | 表紙 | 企業ロゴ + 顧客ロゴ + バリュープロポジション |
| 2 | 問題 | 顧客のペインポイントを描写 |
| 3 | ソリューション | どのように問題を解決するか |
| 4 | デモ | コア機能スクリーンショット/動画 |
| 5 | 価値 | 定量化されたベネフィット（「30%効率向上」） |
| 6 | ケーススタディ | 同業界の成功事例 |
| 7 | エンタープライズ | セキュリティ、コンプライアンス、サポート |
| 8 | 価格 | ティアと機能比較 |
| 9 | まとめと次のステップ | 要約 + 明確なアクションプラン |
第1幕：チャレンジ
- Frame.ioのウェブサイトはイテレーションが遅く、パフォーマンスが悪い
- 古い技術スタックがビジネスのボトルネックに
第2幕：気づき
- フロントエンド体験を極限まで高める必要性を認識
- マーケティングの柔軟性 + エンジニアリングのコントロールが必要
第3幕：ソリューション
- Vercel + Next.jsを選択
- ISR、Edge Functions、Preview Deploymentsを活用
第4幕：結果
- ページロードパフォーマンス 3倍 向上
- 新ページ公開が 数日 → 数分 に
- グローバル可用性 99.99%
- 最終的にAdobeに買収
核心的洞察： 顧客を「ヒーロー」として描き、製品を勝利を助ける「魔法の武器」として位置づける