Growth
価格と無料範囲を迷わず伝える
価格表示は単なる料金表ではなく、ユーザーが今どの選択肢を選ぶべきか判断するための情報設計です。無料で分かること、有料で解放されること、例外条件を近くに置きます。
ui.design: llm-growthui.design: llm-marketing
まず確認する症状
- 無料ボタンと有料相談の役割が混ざり、どこまで無料か分からない。
- 価格、税込/税別、納期、返金条件が購入導線の近くにない。
- 担当者は理解できるが、初回訪問者が次に取る行動を1つに絞れない。
- 価値、証拠、料金、データ扱いのどれかがCTAやフォームから離れている。
なぜ問題か
- 価格や範囲が曖昧なままでは、興味があるユーザーほど比較・確認のために離脱します。
- 支払い前の条件が明確だと、サポート問い合わせとキャンセルリスクを減らせます。
- CV改善は見た目の変更だけではなく、訪問者の不安、期待値、計測を同じ導線で揃える必要があります。
- 人間のレビューとAIの修正指示が同じ優先順位を持たないと、ボタン追加や文言差し替えだけで終わりやすくなります。
診断で見る指標
無料/有料の境界
価格と税込/税別表示
納期と成果物
返金・キャンセル条件
CTAクリックから完了までのファネル
不安解消要素とCTAの距離
無料/有料/相談の役割分担
税込/税別
成果物の範囲
納期
キャンセル/返金条件
無料診断との差分
修正方法
最小修正
無料で得られる範囲を明記する
無料Scanで見られる項目と、Review Packで解放される成果物を分けて書きます。
推奨修正
購入前条件をCTA近くに置く
価格、支払時期、納期、返金条件、成果保証ではない境界を短く表示します。
さらに改善
利用場面別に選ばせる
まず試す、納品前に確認する、継続監視する、のように用途でプランを分けます。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
- 04初回訪問者が、対象、得られるもの、次アクション、費用やデータ扱いの要点を1画面内またはCTA直前で確認できる。
- 05GA4、Search Console、Clarityなどで、閲覧、CTA、フォーム開始、完了、離脱のどこを見るかが決まっている。
- 06無料、単発有料、継続監視の違いが、価格だけでなく成果物と利用場面で説明されている。
- 07購入直前に、支払い時期、納品物、納期、返金やキャンセルの条件へ到達できる。
コーディングエージェント向け修正指示
目的: 無料診断と有料Review Pack/Monitorの境界、価格、納期、返金条件を購入導線の近くに明示してください。成果保証や専門家監査のように誤解される表現は避けてください。 追加確認: 料金表を作る前に、ユーザーが比較する選択肢を『まず試す』『修正したい』『継続監視したい』のような用途で整理してください。
参考資料
よくある失敗
- 無料を強調しすぎて、有料転換点を隠す。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。
- CVRだけを追い、流入意図、フォーム前不安、結果閲覧後の行動を分けて見ない。
- AIに『CVを上げて』とだけ渡し、対象ユーザー、主CTA、非目標、確認条件を渡さない。