ハクソク

世界を動かす技術を、日本語で。

プライシングページ – プライシングページデザインのキュレーションギャラリー

287日前原文(pricingpages.design)

概要

AI & Machine Learning や Fintech など、様々な業界やスタイルによるフィルタリング機能について解説。 価格表や機能比較 の表示方法も複数紹介。 エンタープライズ向けオプション やカスタム価格への対応方法。 利用量ベースの料金計算ツール の概要も含む。 業界別・用途別のフィルタリングや表示形式のポイントを整理。

業界・スタイル別フィルタリング機能

  • 業界別フィルタ による対象サービスの絞り込み
    • AI & Machine Learning、 Business & Productivity、 Fintech & Financial Services など
    • E-commerce & Retail、 HR & Recruiting、 Travel & Transportation など多様な業界対応
  • スタイル別フィルタ の活用
    • Design & Creative、 Developer Tools & Infrastructure、 Content & Media など
    • Marketing & Sales、 Specialized & Niche のようなニッチ分野にも対応
  • 複数フィルタ の組み合わせによる柔軟な検索
    • 業界・スタイル両軸での絞り込み
    • ユーザーの目的に合わせた最適なサービス発見

価格表・機能比較の表示形式

  • カラ―コード付きティア による視覚的な価格帯識別
  • 比較表 （Comparison Table）の利用
    • 機能チェックマーク による搭載機能の明示
    • 標準テーブル や 階層型テーブル （Tiered Table）の採用
  • 月額/年額切替トグル による料金体系の柔軟表示
  • カード型レイアウト （Stacked Cards）での直感的な比較
  • 特徴リスト （Feature Lists）によるサービス強みの提示

エンタープライズ・カスタムプランへの対応

  • Contact Sales による営業担当への直接問い合わせ導線
  • Custom Pricing での個別見積もり対応
  • Enterprise Option として大規模利用向けの専用プラン用意

利用量ベースの料金計算

  • Usage-Based 料金体系の導入
  • Usage-Based Calculator による見積もりシミュレーション
    • 利用量に応じた料金変動を即時確認可能
  • 柔軟な料金設計で多様なユーザーニーズに対応

Hackerたちの意見

SaaSのインターネット、マジでつまんない！みんな同じような感じだよね。

└

それっていいことじゃない？簡単に比較できるし。

└

そうそう。全部が .flex-row>.pricing-card*4 みたいな感じだよね。

└

これってA/Bテストにかなり関係してるよね。顧客をある程度獲得できる解決策が見つかると、リスクを取るのが難しくなる。代替デザインもあるけど、知られているものを選ぶのが一番安全だし。場合によっては、馴染みがあるのがユーザーにとって役立つこともあるけど、つまらないのは否定できないよね。多くの才能ある人たちがこういう制約の中で働かなきゃいけないのは残念だな。

└

ボールをフープに通すとか、他のチャレンジをクリアしたら割引がもらえる価格ページが見てみたいな。

└

退屈じゃないことが金につながるわけじゃないけどね。

└

なんでコード生成のLLMが…って、いや、考えるまでもないか。もちろん、今は自分の価格ページは違うけど、結局は訪問者が期待する形になるんだよね。

└

S3statのためにそんなのを持ってた時期があったよ。A/Bテストで、置き換えた醜いテキストの壁に完敗したから、今はそれが表示されてる。https://www.s3stat.com/Pricing.aspx 次世代のトレンディなSaaS企業がこれを真似するのを待ってるんだ。

└

Investor Portal Proの投資家ポータルソフトウェアソリューションは、カスタムで、顧客のAWSアカウントに基づいて構築されていて、ツールキットを使用しています。もうすぐSaaS版をリリースする予定ですが、こういう価格ページはあまり好きじゃないです。支払い後にすぐソフトウェアに入れるような、ユーザーごとの単一の価格が欲しいです。シンプルさは難しいし、価格「計算機」がないとどのオプションがより手頃か理解するのが難しいです。こちらが現在の価格ページ（オンプレミス版）のリンクです。フィードバック大歓迎！ https://investorportalpro.com/pricing.html

ずっと気になってたんだけど、もっと細かい価格オプションに興味ある人っているのかな？例えば、10倍のトークンをくれるけど画像生成はなしとか、もっと帯域幅を増やすけどドメインは1つだけとか。最近は、価格パッケージの80%くらいは実際にお金を払ってる人が使ってない気がするけど、オプトアウトできないし…

└

もっと細かい価格オプションに興味ある人っているのかな？はい。契約、コールプライシング、そして「パートナーシップ」の世界へようこそ。多くのゼロが付くスケールでは、毎セントが交渉されて、APIコールをする時間によって価格が変わることもあるよ。

└

Adobeのサブスクリプションはマジで最悪だよ。単品が欲しいのに、年間契約で何百ドルもするし、解約料もめっちゃ高い（残りの年分）。でも、ダウンロードしないような製品が十数個ついてくるっていうね、笑

└

研究によると、消費者は実際には選択肢が少ない方が好むらしいよ。「選択の逆説」ってやつで、細かい価格設定が決断麻痺やカート放棄を増やすことが多いんだって。

└

そう思うけど、どっちにしても損する気がするんだよね。* ティア（新車モデルみたいなやつ）：理想的なティアには何かが戦略的に抜けてて、上のレベルに上がらざるを得ないようにされてる。ほとんどのオプションは使わないのにね。時々「ほぼそこにいる」ティアは高すぎて、上のティアに誘導するためのトリックになってる。中くらいのコーヒーが大きいのとほとんど変わらない値段っていうのと同じ。* アラカルト（車や食洗機の部品モデル）：どのオプションも高く感じて、ちょっとずつお金を取られてる気がする。提供コストは少ないのにね。* トップアップ（電話の分数モデル）：トップアップは異常に高くて、「安く」することへの罰だったり、最初から上のティアに押し上げる脅威だったりする。特別オファーやポイント、コストの無駄遣い、ロックイン（特にハードウェアが関わるところ）を加えて、明確な比較をできなくしてる。基本的に、すべてのサブスクリプションは価格のあらゆる面で何らかのマインドゲームや詐欺をしてると思ってる。公正な価格が上記のどれかになれないわけじゃないけど、業者はどこかでオーバーヘッドをカバーしなきゃいけないからね！

価格ページで一番イライラするのが「機能の違い」。ティアや製品間で冗長な機能がたくさんリストアップされてて、ほとんど同じ機能なら表示しない方がいい人も多いと思う。

└

じゃあ、特定のパッケージで何が含まれているかをどうやって見たり比較したりするの？

無限スクロールを全部見たわけじゃないけど（デザインについてのページで皮肉だね）、価格を隠すことに専念してるのが半分以上だったのには驚いたよ。自分がどれくらいお金を払う必要があるのかを理解しようとしたときの経験のほとんどがそうだったから。「電話して話そう！」とか、他のイライラするやつもね。https://lucidic.ai/#:~:text=Get%20started%20for%20free つまり、気に入るまで心配しなくていいってこと！

└

「営業に連絡」というフィルターオプションがあるのはいいね。そういう例を探しているなら。ただ、例は一つだけで、あまり良くないと思うけど。

└

誰とも電話やメールで話さずに、月に100万ドルでもスケールできるし、AWSみたいな大手プロバイダーと自動的に（かなり深い）割引を受けられるよ。彼らは確かに「エンタープライズ営業」でみんなの時間を無駄にするだけの余裕があるから、必要がなければ誰もあなたのSaaSと話す必要はないってことだよね。もし彼らが買ったものの使い方が分からないから話さなきゃいけないなら、それは別の話だけど。例えば、OIDCでサインインしたり、監査ログをオンにするために電話を強制するのはやめてほしいな。

└

うん、今GRCコンプライアンスソフトを探してるんだけど、価格ページが「お電話ください！」の3カラムしかないベンダーがたくさんいるんだ。なんでそんなことするの？

価格ページが大好き！ランディングページとか、他の読みたいことは避けて、直接価格ページに行って、提供内容の本質を知るんだ…それから価格を見る。

└

その通りだね。ターゲットオーディエンスが誰なのか、実際に無料プランがあるのかが分かるのはいいよね。月額5ドル、ユーザーごとに固定なのか、月額500ドルなのかも教えてくれる。価格ページを見つけるまで、どれになるか全然分からないことが多いのが衝撃的だよ。

└

私も同じだよ — 価格に直行する。ちょっと気になるんだけど、そこに行ったとき、固定のプラン（クラシックな「3バケット」レイアウトみたいな）をいくつか見るのが好き？それとも、スライダーを調整したり、自分の正確なニーズを入力してリアルタイムで価格が変わる使用ベースのフォーミュラがいい？

最初かどうかは分からないけど、37signalsとBasecampが、今や主流になったマルチカラム/ハイライトされたプランのデザインを最初にうまくやったと思うんだ。2009年の例がこれだよ: https://web.archive.org/web/20090307125843/http://www.baseca... 2007年に遡ると、もっとシンプルなプレゼンテーションで同じ構造が見えるよ。どのように進化したかが分かりやすい: https://web.archive.org/web/20070831191822/http://www.baseca... 面白いね！

└

でも、HeyもBasecampも（どちらも37Signalsから）もうそのレイアウトスタイルは使ってないよ。 https://www.hey.com/pricing/ https://basecamp.com/pricing

└

それと面白いのは、彼らはプランを左から右へ、最も高いものから最も安いものへと並べていることです（現在のプランページも同じようにしています）。これって珍しい気がします。これまで見た価格ページで、こんな風に並べているのは記憶にありません。他のは（ぼんやりですが）左に一番安い（または無料）オプションがあるのが普通です。

これはあなたのウェブサイトで2番目に重要なページです。1番目は商品の明確な説明です。価格ページがないと、人々はすぐにあなたの価格設定や契約が悪質だと思ってしまい、契約のロックインで商品に欠陥が隠されているんじゃないかと疑います。

└

多くのサイトが最初の部分を間違えているので、2番目も悪いだろうと予想してしまいます。ホームページの情報を全部読んでも、結局「これって何？」ってなるページが多すぎます。1つのものしか提供していないサイトで、ホームページの前にランディングページがあるのも嫌いです。

これもありますね： https://opengraphexamples.com/ オープングラフ画像の例のコレクション。

「スタイル」タグ/フィルターはあまり良くないみたいです。名前だけでは定義があまり明確じゃなくて、カテゴリ内の例からは何なのかよく分かりません。それぞれのスタイルの定義と基本的なワイヤーフレームの例があるといいですね。スタイルをフィルタリングして、マルチティア（「無料/基本/プロ/エンタープライズ」）の縦型カードだけじゃない例に絞り込めると嬉しいです（専用のスタイルタグがないみたいですが、もしかして「スタックカード」？でも、そう見えるのにそのタグがないものがたくさんあります）。

これは素晴らしいです。一つ提案があるんですが、サブスクリプションと一回払いでフィルタリングできるといいなと思います。