料金・FAQ・証言

料金・FAQ・証言に分類されるWeb表現技法10件。3プラン料金表(おすすめ強調)、機能比較テーブル、単一プラン・ハイライト、アコーディオンFAQ(解決導線付き) など。ライブデモとコピーできるコード付き。

初級

3プラン料金表(おすすめ強調)

Free・Pro・Team の3枚を横並びにし、中央のおすすめプランを一段持ち上げて強調する定番の料金表。各プランの価格・機能・CTAを揃え、比較しやすく見せます。SaaSやサービスサイトの王道です。

初級

機能比較テーブル

プランごとの機能対応を ✓/− で一覧する比較テーブル。項目数が多いサービスで、どのプランに何が含まれるかを明確に示せます。行ホバーで視線を案内し、上部にプラン名を固定して見やすく。

初級

単一プラン・ハイライト

プランが1つのサービス向けの、価格とベネフィットを大きく見せる単独料金カード。チェックリストと強いCTA、保証バッジで「これ1つでOK」の安心感を作ります。買い切りや単一サブスクに最適です。

初級

アコーディオンFAQ(解決導線付き)

質問をクリックで開閉するFAQ。最下部に「解決しませんか?」のお問い合わせ導線を添えて、自己解決と有人サポートを両立します。サポートページやサービスサイトの定番レイアウトです。

初級

2カラムFAQ(カテゴリ見出し付き)

よくある質問をカテゴリごとに2カラムで並べた一覧型FAQ。スクロールで全体を見渡せるため、質問数が多くても探しやすいのが利点。料金・利用方法など見出しで整理して見せます。

初級

証言カードグリッド(星評価付き)

アイコン・名前・肩書き・コメント・星評価をまとめた証言カードを並べたグリッド。複数の声を一望でき、サービスへの信頼を多面的に伝えます。LPの社会的証明セクションの定番です。

中級

月額/年額トグル切替の料金表

月額と年額をスイッチで切り替え、価格が切り替わる料金表。年額に「2ヶ月分お得」などの割引バッジを添えて年間契約へ誘導します。価格の動きで選びやすさと割安感を演出します。

中級

検索フィルタ付きFAQ

上部の検索ボックスに入力すると、質問がリアルタイムで絞り込まれるFAQ。該当語をハイライトし、件数も表示します。質問数が多いヘルプセンターで、目的の答えに素早く辿り着けます。

中級

流れる証言&ロゴマーキー

短い推薦コメントや導入企業ロゴが横に流れ続けるマーキー型の社会的証明。省スペースで多数の声を見せられ、止まらない動きが活気を演出します。BtoBサイトの実績帯に向きます。

中級

大型引用・証言スライド

大きな引用符とともに1件の声を主役級に見せ、複数の証言を自動で切り替えるスライド。インパクト重視で、導入事例の象徴的な一言を強く印象づけたいときに効果的です。