taste-landing-page

taste-landing-page

ランディングページの役割はひとつです。読者を好奇心から意思決定へ導くことです。構成はコピーそのもの。このスキルが、その構成を示します。

1. 8秒で伝える（まずページ上部の3分の1を設計する）

訪問者はスクロールせずに、8秒以内に次の3つの問いへの答えを見つけられる必要があります。

1. これは何ですか？ — H1ではカテゴリーではなく、プロダクトや成果を示します（「データチームがいなくても使える分析」＞「エンタープライズ向け分析プラットフォーム」）。
2. 誰のためのものですか？ — サブラインで対象ユーザーを示します（「インディーの創業者や、1人で運営するSaaS向け」）。
3. 何をすればよいですか？ — ファーストビュー内に、目立つコントラストのあるメインCTAを1つだけ配置します。

ページ上部の3分の1でこの3つすべてに答えられなければ、ページの残りは値引きにしかなりません。

2. セクションの順序（売り込む流れ）

1. ヒーロー — 提供価値＋メインCTA（ビジュアルで証明できる場合はプロダクトも）。
2. 実績の帯 — ロゴ、ユーザー数、または報道実績。主張の前に信頼を築きます。
3. 課題 — 読者自身の言葉で、ひとつの悩みを示します（「現代のチームには……が必要」ではありません）。3行以内に収めます。
4. 仕組み — 機能は最大3つまで。それぞれを1文で説明し、証拠をひとつ添えます。ランディングページで機能が3つを超えると、売り込みではなく仕様書になります。
5. 証拠 — 数値を使った実績の強調、氏名と役職を添えた顧客の声、またはその両方を示します。ここで証拠のない主張は、ここで終わります。
6. 仕組みの説明 — 3ステップのみ（説明が必要なプロダクトの場合）。
7. 料金 — プランは最大3つまで。中央のプランを目立たせます。ランディングページに4つ以上のプランを載せてはいけません。
8. 締めくくり — まだ残る不安にひとこと答え（「クレジットカード不要。4分で設定完了。」）、もう一度CTAを示し、人間味のある導線を添えます（「担当者に相談する →」）。

各セクションは、その時点で読者が抱く懸念に答えることで、掲載する価値を得ます。問いに答えないセクションは、飾りにすぎません。

3. ヒーローのパターン（対象ユーザーに合わせてひとつ選ぶ）

対象ユーザー	パターン	H1の例
開発者向けツール	課題 → 仕組み	「入力を減らして、リリースを増やす。」＋ターミナル／プロダクトのパネル
B2Bの購入担当者	成果＋対象の明確化	「セルフサービスのオンボーディングで、サポートチケットを40%削減」
消費者	欲求＋手間の解消	「眠っている間に整理される、あなたの写真」
エンタープライズ	カテゴリー＋証拠	「規制対象業界向けのアイデンティティセキュリティ」＋コンプライアンスバッジ
個人／情熱を持つ人	アイデンティティ＋招待	「採用につながるポートフォリオを作ろう」

2つのパターンを組み合わせてはいけません（ひとつのH1に成果とアイデンティティの両方があると、意図が曖昧になります）。約束が理解される前に、ヒーローでプロダクトのスクリーンショットを見せてはいけません。

4. CTAの原則

• 1つのビューポートにつきメインCTAは1つ。 副次的なアクションはテキストリンクか控えめなボタンにします。同じ強さのボタンが2つあるなら、ボタンがないのと同じです。
• メインCTAのラベルには、成果またはアクションを示します。「無料トライアルを始める」＞「始める」＞「送信」。一人称のラベル（「自分の無料トライアルを始める」）は、消費者向けページでクリック数を伸ばします。
• CTAの色をアクセントカラーにします。そのビューポート内では、アクセントカラーをほかの場所に使いません。
• 最後のCTAには、ヒーローのCTAと同じラベルを使います。ページの途中で名前を変えてはいけません。
• フォームのCTAでは、入力項目を最小限にします（トライアルではメールアドレス＋パスワード、エンタープライズ向けのオファーの場合のみ会社名）。

5. 証拠と信頼の配置

• ロゴは機能の前に、グレースケールで表示します。ロゴは6個以下にします（それ以上では、偽物のように見えます）。
• 実績の強調には、数値＋測定対象＋出典を添えます。「トライアルから有料への移行率18.4%」だけでは意味がありません。「4,120チームにおけるトライアルから有料への移行率18.4%」なら意味があります。
• 顧客の声には、氏名、役職、会社名を添えて紹介します。「カリフォルニア在住のJohn D.」のような表記は避けます。
• コンプライアンスバッジ（SOC 2、GDPR、ISO 27001）は、意思決定が行われる料金とフォームのそばに配置します。フッターに埋もれさせてはいけません。
• リスクが最も高い場所に保証をひとつ示します。フォームの近くに「14日間の無料トライアル。2クリックで解約できます。」といった内容を配置します。

6. 価格設定の心理学（アンカー効果を活用した3つのプラン）

• 3つのプラン：エントリー（無料または低価格）、おすすめ（最も人気があり、アクセントカラーを1色使って視覚的に目立たせる）、最上位（プレミアムまたは「お問い合わせください」）。
• おすすめプランがアンカーになります。比較の基準となるため、視覚的に目立たせつつ、過度に強調しないようにします。
• 各プランで最も価値の高い項目を最初に記載します。一般消費者向けには月額29ドルを「1日あたり約1ドル」に換算し、B2B向けには年払いで「2か月分無料」とします。
• 3つの価格列を同じ視覚的な重みで表示しないでください。目線が必ず1つのプランに向かうようにします。

7. モバイルでの動作（第二のページ）

• モバイルでもセクションの順序は同じにします。ヒーローの補足文と実績の概要は順序を入れ替え、画面の小さい端末では機能より先に実績を表示します。
• CTAは全幅で高さ48px以上にし、スクロールの上下どちらの端でも親指で届く位置に配置します。
• 表はカードを縦に並べるか、横スクロールにしてヒントを表示します。価格プランは縦に並べ、モバイルではおすすめプランを最初に表示します。

8. チェックリスト（以下に当てはまる場合はページを不合格とする）

• ページの上部3分の1を見ても、何を、誰に、どう提供するのかが8秒以内にわからない。
• 1つの表示領域にメインCTAが2つ以上ある。
• 近くに根拠を示さずに機能を列挙している。
• 同じ表示領域に出典を示す行がない主張がある。
• 価格プランの列が同じ視覚的な重みで表示されている、またはプランが4つ以上ある。
• どの異議にも答えていないセクションがある。
• ヒーローのCTAラベルと最後のCTAラベルが異なる。