Growth
ファーストビューで価値と対象を伝える
ファーストビューはサービス理解の圧縮表示です。誰向けか、何が得られるか、次に何をすればよいかが揃うと、診断や問い合わせへ進みやすくなります。
ui.design: llm-marketingui.design: llm-growthui.design: llm-visual
まず確認する症状
- 見出しは強いが、対象顧客や成果物が曖昧。
- CTAより下のカードや説明が目立ち、視線が分散する。
- 担当者は理解できるが、初回訪問者が次に取る行動を1つに絞れない。
- 価値、証拠、料金、データ扱いのどれかがCTAやフォームから離れている。
なぜ問題か
- 初回訪問者は詳細説明より先に、自分向けかどうかを判断します。
- 価値・対象・CTAが離れていると、サービスの独自性が伝わる前に離脱します。
- CV改善は見た目の変更だけではなく、訪問者の不安、期待値、計測を同じ導線で揃える必要があります。
- 人間のレビューとAIの修正指示が同じ優先順位を持たないと、ボタン追加や文言差し替えだけで終わりやすくなります。
診断で見る指標
H1とサブコピーの具体性
主CTAの視認性
対象顧客の明示
ファーストビュー内の信頼材料
CTAクリックから完了までのファネル
不安解消要素とCTAの距離
無料/有料/相談の役割分担
H1直後の具体成果
対象顧客の明示位置
証拠リンクの近さ
修正方法
最小修正
H1直下に具体成果を置く
点数、証拠画像、改善タスク、修正指示など、得られる成果物を短く示します。
推奨修正
対象顧客を本文の前半に出す
SaaS、EC、制作会社などの対象と利用場面を、CTAより前に読める位置へ置きます。
さらに改善
実サンプルへ接続する
公開サンプルレポートやdogfood結果へリンクし、診断後のイメージを見せます。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
- 04初回訪問者が、対象、得られるもの、次アクション、費用やデータ扱いの要点を1画面内またはCTA直前で確認できる。
- 05GA4、Search Console、Clarityなどで、閲覧、CTA、フォーム開始、完了、離脱のどこを見るかが決まっている。
- 06H1、サブコピー、CTA、証拠材料を読めば、誰向けに何を提供し、次に何をするかが分かる。
- 07スマホの初期表示で、見出しだけで画面が埋まらず、価値説明またはCTAの一部が見える。
コーディングエージェント向け修正指示
目的: ファーストビューで対象顧客、提供価値、主CTA、診断成果物が一目で分かる構成にしてください。CTAより目立つ装飾カードや補助導線があれば優先度を下げてください。 追加確認: H1を抽象語で強くする前に、対象ユーザー、成果物、利用タイミング、主CTAを1文ずつ書き出してください。
参考資料
よくある失敗
- 抽象的なミッション文だけを大きくし、成果物を説明しない。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。
- CVRだけを追い、流入意図、フォーム前不安、結果閲覧後の行動を分けて見ない。
- AIに『CVを上げて』とだけ渡し、対象ユーザー、主CTA、非目標、確認条件を渡さない。