料金ページの作り方

CVを最大化する料金ページを作りましょう。

料金ページの基本構成

1. ヘッドライン
2. プラン比較表
3. 機能一覧
4. FAQ
5. CTA

プラン設計のコツ

3プラン構成

プラン	役割
Basic	比較対象
Pro	主力（おすすめ）
Enterprise	高単価狙い

価格のアンカリング

Basic: ¥980/月
Pro: ¥2,980/月 ← おすすめバッジ
Enterprise: ¥9,800/月

Proを選ばせたいなら、Enterpriseを高めに設定。

実装

プロンプト:
3プランの料金ページを作って:
- Basic（¥980/月）、Pro（¥2,980/月）、Enterprise（¥9,800/月）
- Proに「おすすめ」バッジ
- 各プランの機能チェックリスト
- 年額で20%オフの切り替え
- CTAボタン

デザイン:
- Proを少し大きく
- 中央に配置
- ホバーでシャドウ

コード例

const plans = [
  {
    name: 'Basic',
    price: 980,
    features: ['機能A', '機能B'],
    recommended: false
  },
  {
    name: 'Pro',
    price: 2980,
    features: ['機能A', '機能B', '機能C', '機能D'],
    recommended: true
  },
  // ...
]

CVを上げるテクニック

• 年額割引: 20%オフ等
• 無料トライアル: 「14日間無料」
• 返金保証: 「30日間返金保証」
• 人数限定: 「残り10名」

次のステップ

• Stripeでサブスク課金を実装
• 無料トライアルの実装