pricing-page

料金ページ（高コンバージョン）— Web デザインスキル

訪問者が納得して選べる料金ページをデザインします。 目的は「価格を見せること」ではありません。 目的は、迷いを減らすことです。

デザインや執筆を始める前に

情報を集めます（不明な場合は質問してください）。

1) 提供内容と対象ユーザー

• 何を販売しますか？（カテゴリ）
• 誰を対象にしていますか？（理想顧客プロファイル（ICP）＋主なユースケース）
• 主な価値指標は何ですか？（シート数、利用量、プロジェクト数、売上など）

2) プラン

• プラン名と価格（月額／年額）
• プランごとの上限（重要な上限を3〜6個）
• アップグレードのきっかけは何ですか？（どのような場合に上位プランへ移行しますか？）

3) 懸念事項とリスク

• 現時点で購入に至らない主な理由を3つ
• セキュリティ／コンプライアンス要件はありますか？（SOC2、GDPRなど）
• 無料トライアル、無料プラン、返金保証、デモを提供できますか？

4) 実績

• お客様の声、ロゴ、成果、事例、指標

5) トラフィックの状況

• 訪問者はどこから来ていますか？ホームページ、機能ページ、広告、比較ページなど
• 訪問者はすでにどのような情報を知っていますか？

---

基本構成（料金ページに必要な要素）

ファーストビュー（必須）

• 価値が明確に伝わる見出し（誰に、どのような成果をもたらすか）
• 月額／年額の切り替えと年間割引の案内
• 3プランの料金表（一般的な構成）、または2プラン（シンプルな製品の場合）
• プランごとの主要CTA（動詞を統一）

ファーストビュー以降（効果が大きい要素）

• プラン比較（機能一覧表、または「利用できる内容」の箇条書き）
• FAQ（懸念への対応）
• 意思決定のポイント付近にお客様の声や実績
• セキュリティ／コンプライアンス／調達のセクション（B2Bの場合）
• 最後のCTA＋営業への問い合わせ

---

レイアウトの種類（1つ選択）

A) 定番の3カード形式

次のような場合に最適です。

• Starter／Pro／Businessなど、自然な3段階のプランがある
• 料金体系がシンプル

ルール：

• 1つのプランにおすすめのラベルを付ける
• 「最も人気」と示しつつ、強く押し出しすぎない

B) 価値指標スライダー

次のような場合に最適です。

• 利用量（シート、イベント、クレジット）に応じて料金が変わる

ルール：

• 計算方法をわかりやすくする
• 安全な初期値（中央値の顧客）を設定する

C) 「利用目的から選ぶ」（2列）

次のような場合に最適です。

• 対象ユーザーが異なる（個人とチームなど）

ルール：

• まずペルソナで分け、その後に価格を示す

D) エンタープライズの最終ステップ

次のような場合に最適です。

• セルフサービスの利用経路と営業主導の利用経路がある

ルール：

• エンタープライズ向けプランは、調達時の安心感を伝える内容にする

---

コンバージョンを高める戦略（実践編）

1) 選びやすくする

• プランは最大3つ（明確な理由がある場合を除く）
• おすすめのプランを1つ設定する
• 箇条書きでは社内向けの機能ではなく、得られる成果を説明する

2) 価値を示す（誤解を招かない範囲で）

• 年額への切り替えに「X%割引」を表示する
• 料金が実際に変動する場合に限り、「〜から」と表示する
• 想定外の料金を避ける

3) リスクを減らす

少なくとも1つ選びます。

• 無料トライアル
• 無料プラン
• 返金保証
• 「営業に相談」には、明確な約束（返信時間、デモなど）を添える

4) 訪問者が離れる前に懸念へ対応する

特に効果的なFAQのテーマ：

• 「いつでも解約できますか？」
• 「上限に達した場合はどうなりますか？」
• 「割引はありますか？」
• 「フリーランスやチームでも利用できますか？」
• 「セキュリティ／データ／コンプライアンス」

5) 読みやすい比較表を用意する

• 大きすぎる表は避ける
• 「基本機能」「コラボレーション」「管理／セキュリティ」「サポート」に分類する
• プランごとの違いを強調する

---

コピーライティング（テンプレート）

見出し（いずれかの型を選択）

• 「{対象ユーザー}のための{成果}——{課題}を解消」
• 「{小規模}から{大規模}まで対応するプラン」
• 「まずは小さく始めて、{きっかけ}に応じてアップグレード」

プランの説明（2行）

• 対象ユーザー
• 利用できるようになること

例：

• Pro — 毎週デザインをリリースするデザイナー向け。より優れたコンポーネントで、より速く反復できます。

CTAボタン

ルール：

• 利用の流れに合った動詞を使います。
  • 「無料トライアルを始める」
  • 「Proを購入」
  • 「営業に問い合わせる」
• すべてのプランでCTAを統一します（「始める」「今すぐ試す」「登録する」を混在させない）。

機能の箇条書き（成果として書く）

• ❌「プロジェクト数無制限」
• ✅「追加料金なしで、クライアント向けサイトを無制限に公開」

料金表のチェックリスト（UI）

• 月払い／年払いの切り替えを表示する
• 年払いに「X%お得」の案内を表示する
• おすすめプランを控えめに強調する
• 主な上限を表示する（最大3～6項目）
• 含まれる内容を表示する（最大3～6項目）
• 各プランの下に明確な次のステップを示す（トライアル／購入／問い合わせ）
• 「プランを比較」リンクを設置する（比較表までスクロールする）
• モバイルでは、表を縦に並ぶカード形式にする（横スクロールが必要な状態は避ける）

---

SEO + AEO（AI による回答）のチェックリスト

SEO の基本

• タイトル：「料金 — {Product}」+ 成果を示すキーワード
• メタディスクリプション：価値を説明する1文 + 料金の開始価格を説明する1文
• わかりやすい URL：/pricing
• 次のページから内部リンクを設置する：
  • ホームページの CTA
  • 機能ページ
  • 比較ページ

AEO（回答エンジン）

• 次の質問に答える FAQ セクションを追加する：
  • 返金ポリシー
  • トライアル期間
  • キャンセル
  • シート数／使用量の数え方
  • エンタープライズの調達
• FAQ は簡潔な質問／回答形式で記述する。
• 任意：FAQ スキーマを追加する（使用中のスタックが対応している場合）。

---

よくある落とし穴

• プランが多すぎる（分析麻痺）
• 機能を、重要である理由を説明せずに列挙する
• すべてのプランで「営業に問い合わせる」まで料金を表示しない
• ページの途中で価値指標を切り替える（混乱を招く）
• デザインを凝りすぎた表によって可読性が損なわれる

---

出力形式（料金ページを生成する場合）

次の内容を返してください：

1. ページの概要（セクションと順序）
2. 料金表の仕様（プラン、箇条書き、上限、CTA）
3. FAQ リスト（6～12件の質問／回答）
4. SEO/AEO（タイトル + メタディスクリプション + FAQ スキーマの提案）
5. レイアウトの推奨案（A/B/C/D + 理由）

---

確認事項（ユーザーから「料金ページを作って」とだけ依頼された場合）

• 無料プランとトライアルのどちらにしますか？
• 月払い／年払いの料金はいくらですか？
• 価値指標は何ですか？
• おすすめプランはどれですか？その理由は何ですか？
• 主な懸念事項を3つ挙げてください。