Growth
ファーストビューで価値と対象を伝える
ファーストビューはサービス理解の圧縮表示です。誰向けか、何が得られるか、次に何をすればよいかが揃うと、診断や問い合わせへ進みやすくなります。
ui.design: llm-marketingui.design: llm-growthui.design: llm-visual
まず確認する症状
- 見出しは強いが、対象顧客や成果物が曖昧。
- CTAより下のカードや説明が目立ち、視線が分散する。
なぜ問題か
- 初回訪問者は詳細説明より先に、自分向けかどうかを判断します。
- 価値・対象・CTAが離れていると、サービスの独自性が伝わる前に離脱します。
診断で見る指標
H1とサブコピーの具体性
主CTAの視認性
対象顧客の明示
ファーストビュー内の信頼材料
修正方法
最小修正
H1直下に具体成果を置く
点数、証拠画像、改善タスク、修正指示など、得られる成果物を短く示します。
推奨修正
対象顧客を本文の前半に出す
SaaS、EC、制作会社などの対象と利用場面を、CTAより前に読める位置へ置きます。
さらに改善
実サンプルへ接続する
公開サンプルレポートやdogfood結果へリンクし、診断後のイメージを見せます。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
コーディングエージェント向け修正指示
目的: ファーストビューで対象顧客、提供価値、主CTA、診断成果物が一目で分かる構成にしてください。CTAより目立つ装飾カードや補助導線があれば優先度を下げてください。
参考資料
よくある失敗
- 抽象的なミッション文だけを大きくし、成果物を説明しない。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。