料金ページの事例14選：Slack、Notion、Basecampなどのレイアウト

良い料金ページでは、適切なプランを見つけ、支払う金額を1分以内に正確に把握できます。優れた料金ページは、プランの数を少なくし、請求期間を含めて価格を示し、上限を数字で書き、おすすめのプランを一つ示し、同じページでトライアル、解約、返金に関する質問に答えています。以下に料金ページの事例14件を紹介します。そのうち7件は2026年10月に実際に確認したページで、残りの7件は他のビジネスモデルに向けたパターンです。その後に、チェックリスト、よくある失敗、自分のページの作り方を紹介します。

14の事例一覧

実在の料金ページと、その優れた点

すべての価格と詳細は、各社の公式ページに表示されていた2026年10月時点のものです。

1. Slack

Slackの料金ページには、Free、Pro、Business+、Enterpriseが並んでいます。有料の各カードには、月払いの価格と年払いの価格が「月払いの場合」「年払いの場合」と表示されています（Proは月払いで1ユーザーあたり月8.75ドル、年払いで月7.25ドル）。Business+には「ベストバリュー」のバッジが付いています。その後に、分野ごとにまとめられた長い比較表があり、上限は数字で示されています。例えばFreeでは、メッセージ履歴90日分とアプリ連携10件などです。

学べるポイント： 各価格に請求期間を明記し、上限は数字で書きましょう。

2. Notion

Notionの料金ページには、Free、Plus（メンバー1人あたり月10ドル）、Business（20ドル、「おすすめ」と表示）、Enterprise（営業への問い合わせ）が並び、月額と年額の切り替えと、年額で最大20%お得になる旨の注記があります。カスタムドメインなどのアドオンは別料金です。FAQでは、座席数、アップグレードとダウングレード、解約、支払いの失敗、返金について説明しています。

学べるポイント： 返金とダウングレードを説明するFAQがあると、支払う前に人が感じる不安を取り除けます。

3. Linear

Linearの料金ページでは、各プランの直下に重要な上限を示しています。Freeはメンバー無制限、チーム2つ、課題250件。Basicは年払いで1ユーザーあたり月10ドル、チーム5つ。Businessは16ドルで、チーム数無制限です。Enterpriseは年払いのみで、営業を通じて契約します。その後に機能の一覧表があります。

学べるポイント： 選択を決める上限を二つか三つ、各カードの冒頭に置きましょう。

4. Basecamp

Basecampの料金ページでは、FreeからPro Unlimitedまで、定額の月額パッケージを使っています。それぞれに、アクティブなプロジェクト、ストレージ、ユーザー数の上限があり、「ユーザー単位の料金なし」と書かれています。有料プランには、カード不要の30日間トライアルがあり、終了時に自動課金されることはありません。非営利団体と教育機関向けの割引も掲載されています。

学べるポイント： 競合と料金モデルが違うなら、それを見出しにしましょう。

5. GitHub

GitHubの料金ページには、Free、Team、Enterpriseがユーザー単位の価格とともに並びます。その後に、各プランに含まれる利用量（CI/CDの実行時間、パッケージのストレージ）と、Codespacesや Git LFS などの、別料金のアドオンが示されています。Enterpriseには、無料トライアルと営業への問い合わせの両方があります。

学べるポイント： コストの一部が利用量に依存するなら、何が含まれ、追加の利用にいくらかかるかを示しましょう。

6. Plausible

Plausibleは、トップページに料金表を直接置いています。月額9ドルからの4プラン、年額では「2か月無料」と表示される月額と年額の切り替え、そして30日間トライアルにはカードが不要である旨の注意書きがあります。

学べるポイント： シンプルな製品なら、トップページで料金を示すとクリックを一回省けて、早い段階で疑問に答えられます。

7. Cal.com

Cal.comのトップページでは、FAQで「いくらかかりますか？」に答えています。個人は無料、Teamsはユーザーあたり月16ドル、Organizationsはユーザーあたり月37ドルです。

学べるポイント： サイトのどこで料金の話が出ても、その場で一文で答えましょう。

真似できる料金ページのパターン

8. 従量課金

スライダーまたは計算ツールを置き、「月にいくつのメールを送りますか？」と尋ねて、価格が自動で更新されるようにします。一般的な顧客の月額請求の例をいくつか示し、利用量を超えた場合にどうなるかを明記しましょう。

9. クレジット制

クレジットを販売する場合は、クレジット1つで何ができるのか（「画像およそ1枚」や「タスク1回」など）を平易に説明し、各プランに含まれるクレジット数を示し、使わなかったクレジットを翌月に繰り越せるかどうかを明記します。例えばMythexでは、Freeプランは1日あたりクレジット5個を提供し、Proは月額25ドルからです。Mythexの料金ページを参照してください。

10. 単一プラン

一つの価格で、すべてが含まれます。含まれる内容の一覧と、ボタン一つだけを置きます。シンプルなツールに向いており、説明しやすい形式です。

11. サービス業の料金

「〜から」の価格付きで、ベーシック、スタンダード、プレミアムなどのパッケージを並べ、含まれる内容、一般的な納期、個別対応が必要なものの見積もりフォームを載せます。代理店、清掃業者、写真家などがうまく活用しています。

12. 講座・会員制の料金

買い切りとサブスクリプションの選択肢を並べて表示し、会員が毎月受け取れるもの、返金ポリシーを示します。会員サイトの作り方を参照してください。

13. エンタープライズ専用

公開価格がなくても、含まれる内容、一般的な契約条件、セキュリティ機能、購入の流れを説明します。商談を始めるための短いフォームも添えましょう。

14. 非営利団体・寄付の段階

推奨金額と、それぞれの金額で何が実現できるかを示し、毎月の寄付の選択肢と任意の金額の入力欄を用意します。非営利団体の寄付サイトの作り方を参照してください。

優れた料金ページに共通する点

• プランは少なく、分かりやすい名前。 3つか4つが一般的です。
• 単位を含めた価格。 ユーザー単位か定額か、月額か年額か、通貨、税。
• おすすめのプランは一つ。 誠実な形で明示します。
• 各カードの上に、数字で示した上限。
• 無料プランまたはトライアルを分かりやすく。 カードが必要かどうかも含めます。
• 詳細を知りたい人のための比較表。 カードの下に置きます。
• 解約、返金、アップグレード、支払い方法についてのFAQ。
• 大口の購入者への導線。 営業への問い合わせ、請求書払い、数量割引。

よくある失敗

• 請求期間が見えない。 年額換算の価格がラベルなしで表示されている。
• 曖昧な上限。 数字ではなく「十分な利用量」と書く。
• プランや切り替えが多すぎる。 選択肢が多すぎると人は決められなくなります。
• 誰も理解できない機能名。 各機能が何をするかを説明しましょう。
• 会計時の予想外の費用。 税、初期費用、アドオンの費用は、事前に示しましょう。
• 偽の緊急性。 リセットされるカウントダウンタイマーは信頼を損ない、消費者保護の規則に抵触することもあります。
• 古いページ。 価格が変わった日に、FAQとともにページを更新する。

自分の料金ページを作る方法

1. モデルを決める。 ユーザー単位、定額、従量課金、クレジット制のどれか。SaaS製品の価格設定方法とフリーミアムと無料トライアルの違いで選び方を解説しています。
2. プランを分ける上限を二つか三つ書き出す。
3. 実際に顧客から受けた質問をもとに、FAQを書く。
4. ページを作る。 Mythexでは、チャットでプランを説明し、ライブプレビューで確認し、ワンクリックで公開できます。ランディングページや会員制の出発点も使え、テンプレートもあります。請求の仕組みが複雑（従量計測、税、請求書発行）なら、請求サービスを使い、ページはシンプルに保ちましょう。Stripeでサブスクリプションを追加する方法を参照してください。
5. スマートフォンで確認する。 プランのカードがきれいに縦に並び、比較表はスクロールするか折りたためるようにしましょう。

これらの事例の選び方

名前を挙げた各料金ページは2026年10月に確認し、価格と条件は、その時点で表示されていた通りに記載しています。価格はよく変わるため、金額を引用する前には必ず公式ページを確認してください。これらのページが所有者にとってどれだけ効果があるかは分からないため、結果ではなく、見て分かる手法を説明しています。パターンは、一般的な料金モデルを大まかに説明したものです。

よくある質問