PRC-013 公開  更新

単一料金型 料金表

1つの決まった価格と、その価格に含まれるもの・条件を1か所にまとめて示す料金表の設計です。
比べる相手がない代わりに、何が含まれ、何が別途かかるのか、どんな条件で申し込むのかまで、この画面で確認できます。
講座やパッケージ型のサービス、単品の商品など、価格が1つに決まっているサービスに向いています。

ワイヤーフレーム(PC)

単一料金型 料金表 PC版ワイヤーフレーム

ワイヤーフレーム(SP)

単一料金型 料金表 SP版ワイヤーフレーム

SP版の特徴

  1. 上から一本道で並べる:比べるものがないため、価格を見たあと、中身と条件を確かめてそのまま申し込める順番にしています。
  2. 含まれるものは省略しない:1つの価格の妥当性を判断する材料なので、折りたたまずにすべて表示しています。
  3. 別途費用と条件をCTAの直前に:申し込む直前に、追加の費用と返金などの条件をもう一度確認できるようにしています。
  4. よくある確認はカードの外に:カードの中を価格の判断に必要な情報(支払い条件を含む)だけにし、領収書や法人での申し込みなどの補足は下に分けています。

採用前の判断ポイント

向いているケース

  • 提供する内容と価格が1つに決まっている
  • 価格に含まれるものと、別途かかる費用を具体的に示せる
  • 検討者が、複数のプランを比較するより「この内容でこの価格か」を判断したい
  • 講座・セミナー、パッケージ型のサービス、単品の商品、会費が一律の会員サービスなど

向かないケース

このワイヤーの特徴

比べる手間がなく、価格と中身をすぐ把握できる

価格が1つに決まっているサービスでは、検討者が知りたいのは「この内容でこの価格なのか」という点です。
1枚のカードに価格と中身をまとめることで、プランを見比べる手間なく、何をいくらで利用できるのかをすぐに把握できます。

含まれるものを具体的に並べ、価格の中身を伝える

比べる相手がないため、価格を判断する材料になるのは、その金額に何が含まれているかです。
回数・時間・数量が分かる形で項目を並べることで、その価格で何を受け取れるのかが具体的になります。

別途かかる費用と条件を同じカードに置き、支払う金額を読み違えない

価格の近くに別途かかる費用と申し込みの条件を置くことで、表示された金額以外に必要な費用と、申し込みにあたって確認しておきたい条件が分かります。
別途費用がない場合も「なし」と明記すると、読み手が追加費用の有無を探す必要がありません。

申し込み前に気になる点を、料金の近くで答える

価格が1つに決まっているサービスで申し込むかどうかを決める人は、領収書や法人での申し込みなど、細かな条件で迷うことがあります。
こうした確認をカードの下にまとめることで、料金のページを離れずに、申し込みの前の疑問を解消できます。

SPでは、価格から申し込みまでを一本道で並べる

SPでは、名前と提供の形、価格、含まれるもの、別途費用と条件、申し込みボタンの順に1枚のカードで並べています。上から読むだけで、判断に必要な情報を確かめてそのまま申し込めます。

制作時のよくある失敗

比べる相手を作るために、実態のないプランや価格を並べる

1つの価格では安く見えにくいからと、提供する予定のない上位プランや、根拠のない「通常価格」を比較対象として並べると、実際より有利に見せてしまいます。
とくに通常価格などの比較対照価格には根拠が必要で、不適切な二重価格表示は景品表示法上の問題になるおそれがあります。
比べる相手は作らず、中身で価格を伝えます。
通常価格と割引価格を並べる場合の考え方は、キャンペーン価格型の料金表で扱っています。

「すべて込み」と書きながら、別途費用がある

「追加費用なし」「すべて込み」と書いているのに、教材費や送料などが別途かかると、申し込み後の不信につながります。
別途費用がある場合は、項目と金額を価格の近くに書きます。

含まれるものが抽象的な言葉だけになっている

「充実のサポート」「丁寧な指導」のような言葉だけでは、価格に見合うかどうかを判断できません。
回数、時間、数量、期間など、具体的に確かめられる形で書きます。

支払い方法や返金の条件が、別のページにしか書かれていない

分割払いの有無や返金の条件が利用規約のページにしか書かれていないと、申し込みを迷った人がページを行き来することになります。
主な条件は、料金のカードの中か、そのすぐ下に書きます。

価格だけが大きく、申し込みの条件が小さい

価格を大きく見せるあまり、受講期間や回数、対象者などの条件が小さな注記になっていると、申し込み後に「思っていた内容と違う」と受け取られる可能性があります。
条件は、価格と同じカードの中で読める大きさにします。

よくある質問

比べる相手がないと、価格の妥当性が伝わりにくくありませんか?

比べる相手の代わりに、含まれるものを回数・時間・数量で具体的に示すと、判断の材料になります。
受講後にできるようになることや、受け取れる成果物を添える方法もあります。
実態のない比較対象を作ることは避けます。

分割払いや複数の支払い方法がある場合は、どう見せればいいですか?

総額を主な価格として示し、分割払いの場合の回数、1回あたりの金額、手数料の有無を価格のすぐ下に書きます。
1回あたりの金額だけを大きく見せると、総額を読み違えやすくなります。

将来、プランを増やすことになったらどうすればいいですか?

プランが2つ以上になったら、3プラン比較型などの比べる型に切り替えます。
そのときも、含まれるもの・別途費用・申し込みの条件をカードの中に置く構成は、そのまま使えます。

オプションを追加すると料金が変わる場合も、この型を使えますか?

基本料金が1つに決まっていて、追加できる項目が少数であれば使えます。
基本料金と、追加できるオプションの内容・金額を分けて表示します。
選択する条件によって総額が大きく変わる場合は、シミュレーション型や早見表型のほうが向いています。

下限価格型とは何が違いますか?

下限価格型は、案件ごとに価格が変わる中で最低価格と含まれる範囲を示す型です。
この型は、価格が1つに確定している場合に、その価格と中身と条件をまとめて示します。

同じパーツのPattern

料金表の型の選び方と一覧を見る

関連ページ

この型をシェアする

チームや制作先に、この型のページを送れます。

この型は役に立ちましたか?

このPatternを書いた人

岡野 優太

株式会社ENVY DESIGN

代表取締役/ディレクター/デザイナー

Web業界歴14年。これまでに500件以上のWeb制作プロジェクトに携わり、企業サイト、採用サイト、ECサイトなど幅広い領域を手がけてきました。情報設計・ディレクション・デザインを中心に、Webサイトの企画から改善まで携わっています。近年はAIO(AI Optimization)・GEO領域に注力し、ChatGPTやPerplexity、Google AI Overviewなど生成AI検索からの引用獲得を支援しています。

レビュー・修正の履歴

  1. 公開 アバター画像岡野 優太 この型を公開