ランディングページ
製品を説明しているのではない。人を認識しているのだ。
ほとんどのランディングページは会社内部から書かれている。何を構築したかを列挙し、どのように動作するかを説明し、代替品と比較し、訪問者が計算してくれることを期待する。訪問者は計算しない。彼らはリンクからたどり着き、軽い好奇心を持ち、ほとんどが気を散らしており、まだ言葉にできていない問題を抱えている。彼らはページに数秒を与える。その数秒間、彼らは機能を評価しているのではない。彼らは一つの質問をしている：このものは、私の人生がどんなものか知っているのか？
優れたページは、それが何であるかを一文で平易に伝え、そして「はい」と答える。訪問者は自分が何を見ているかを理解し、次の行を読んで「まさにそれだ」と思い、さらに読み進め、最後には前のめりになる。なぜなら誰かがついにそのことを声に出して言ったからだ。それが全ての仕事だ：瞬時に方向づけ、彼らが認識できるストーリーへと導くこと。
訪問者の椅子に座る
一文字を書く前に、彼らになれ。人口統計ではなく、ある瞬間の一人の人間に。
- これは誰で、30秒前は何をしていたのか？フィードをスクロールしていた。サポートチケットを閉じていた。午後11時にスプレッドシートと格闘していた。
- 彼らが抱えている、半分諦めているフラストレーションは何か？
- 彼らはすでに何を試し、それらは何を間違えたのか？
- 彼らが密かに誰かにただ言ってほしいと思っていることは何か？
- 彼らが安堵を感じるものは何か、そして売り込まれていると感じさせるものは何か？
彼らが言うように、彼らの言葉で、彼らのトーンで答えを書き留めよ。もしあなたの答えがマーケティングブリーフのように聞こえるなら、あなたはまだ会社の椅子に座っている。友達が送るメッセージのように聞こえるまで続けよ。
ページはこれらの答えから構築される。製品は、それが彼らのストーリーに適合する場合にのみページに登場する。
一つの感情、一つのレバー
人々が愛するすべての製品には個性があり、その個性はほとんどの場合、一つの感情に基づいた一つのシンプルなメッセージである。ポジショニングステートメントではない。感情だ。安堵。落ち着き。コントロール。ついに。特定の小さな苦しみからの解放。
その感情を見つけよ。そして、それを表現する最もシンプルなレバーを見つけよ：一度言われればほとんど恥ずかしいほど明白な、一つの平易な観察。優れたページは、まだ誰も声に出して言っていない明白なことを述べる。彼らは賢くあろうとしない。賢さは読者に努力を強いる；明白さは彼らを頷かせる。
一度感情とレバーを得たら、すべての見出し、すべてのセクション、すべての画像がそれに奉仕する。もしある行が感情を指していなければ、その行はこのページにはない。
メカニズムの説明には抵抗せよ。「すべてのランはレシートである」はシステムの動作を説明する。そこに感情はなく、読者はそれを解読しなければならない。メカニズムはドキュメントに属する。ページが伝えるのは、読者がすでに感じていることと、それがなくなるという約束だけである。
それが何かを最初に言え
最も一般的な失敗は、コンセプトばかりで対象物がないページである。「AIは幻覚を起こしすぎる」「仕事はもっと軽やかにあるべき」「研究を再考する」。読者はヒーローセクションを読み終えても、自分が何を見ているのかわからない。抽象的であることは感情的であることと同じではない。抽象的であることは単に曖昧なことだ。
最初の行はそのものを名指す。平易に。それが属するカテゴリーと、それが異なる一つの理由、あるいは気にする一つの理由。両方を、数語で、同じ息遣いで。「でっち上げないAIウェブリサーチツール」。カテゴリー、差別化要因、完了。それは率直でも挑発的でも構わない。それが不明瞭であってはならない。
読者はヒーローセクションを3秒見て、二つの質問に答えられるべきだ：これは何か、なぜ気にする必要があるのか。もし答えられなければ、スクロールしても何も読まれない。なぜなら彼らはすでに去っているからだ。
すべてのセクションはビジュアルと一行の短い文章
これはページ全体のルールであり、ヒーローセクションはそれが適用される最初の場所にすぎない。
セクションとは、絵とその上にある一行である。その行は4〜8語である。ビジュアルが感情を伝え、行が事実を伝える。セクション内の他の何も、そのどちらとも競合しない。もし二行目があれば、それは小さく、控えめで、オプションであり、ほとんどの読者は決して見ない。
ヒーローセクションも同じだ：一つのビジュアル、タグライン、一つのボタン。タグラインは、製品が何であり、なぜ重要かを伝える4〜8語である。補足段落なし。三つのバリュープロップなし。フィーチャーカルーセルなし。これ以上スクロールしない読者でも、それが何であり、それについて一つの感情を感じたまま去るべきである。
説得ではなく認識
売り込むな。認識せよ。
読者がそれが何かを知ったら、ページは製品の説明をやめ、彼らの描写を始める。彼らの状況を、彼らの言葉で。彼らが経験した小さな具体的な瞬間。その瞬間の彼らの感情。そして、そこからの解放を、軽やかに。
ページは誰かに製品が優れていると納得させようとはしない。「他のツールとは違う」とは言わない。読者がすでに考えていることを、あまりに正確に言うので、彼らは理解されたと感じる。説得は自然に起こる。なぜなら人は自分を理解してくれる人を信頼するからだ。
各行は一つのテストを通過すべきだ：読者は「そう、本当にその通り」と言うか？もしある行が「わかった、なるほど」としか言わせなければ、それは情報的であり、もっと控えめな場所に属する。もし「ええ、そう言うでしょうね」と言わせれば、それは売り込みであり、削除する。
ページはストーリー
ランディングページはセクションの積み重ねではない。上から下へ読む一つのストーリーであり、読者を一連の感情を通して導く。各ビートは一つのことを伝える。ビートが積み重なって弧を描く。
弧は、製品が何であり、なぜ異なるのかで始まり、読者を方向づける。次に、問題（説明されるのではなく感じられるもの）と、安堵（主張されるのではなく示されるもの）を通して読者を導く。問題がより具体的になるにつれて、製品もそれに沿ってより具体的になり、常に同じ平易な調子で。最後には、読者は全体を感じており、下部の行動は明白である。
リサーチツールの典型的な弧：
- 「でっち上げないAIウェブリサーチツール」。方向づけ。何か、なぜ気にするか。
- 「AI検索は間違っているときも同じくらい自信満々だ」。問題を、一つの率直な行で名指す。認識。
- 自信満々の回答が存在しないページを引用する短いアニメーション。問題を感じさせる。キャプション以外の言葉は不要。
- 「ライブページのみ。記憶からは何も」。ツールが何をするかを、問題と同じくらい平易に述べる。
- 実際の引用が実際のページに解決されるビジュアル。安堵を、示す。
- 一つのボタン。彼らが得るものとして表現される。
各ビートが正確に一つのことを言っていることに注目。どのビートも二つのアイデアを持たない。どのビートもメカニズムを説明しない。ビートあたりの単語は片手で数えられ、ビジュアルが残りを担う。
セクションごとに一つのこと
ページ上の何も、あなたが焦点を強制した数語以外は読まれない。だから強制せよ。
もしセクションで言いたいことが二つあれば、それは二つのセクションだ。もし文が三つの概念を詰め込んでいれば、あなたはまだその文を見つけていない。一つのことを平易に言い、ビジュアルにその周りの感情を担わせよ。
通信路を意図的に細く保て。細ければ細いほど、通り抜けるものがあなたが選んだものである確信が持てる。
少ない言葉、軽い文
短く書け。さらに短く。読者は段落を読まないし、余分な言葉はすべてうなずきを薄める。
トーンは楽々としており、決して無理がない。言葉がなすべき仕事を感嘆符に任せてはいけない。形容詞を積み重ねてはいけない。専門用語、社内用語、読者が調べる必要のあるカテゴリー語を使ってはいけない。読者が友人に言うように言え、そして言葉を半分に減らせ。
そのどれもがマーケティングのように感じられてはいけない。もしある行がプレスリリースに掲載されそうなら、テキストメッセージにしか出てこないように書き直せ。
すべてビジュアル、すべてアニメーション
読者はページを読む前に見る。レイアウト、動き、画像が感情を伝え、言葉が事実を伝える。すべてのセクションは、線とその上の行であり、行とその横のイラストではない。
問題が起こっているところを見せよ。安堵が起こっているところを見せよ。物事が間違っている短いアニメーション、そして物事が正しくなるアニメーションは、どんなコピーよりも効果的だ。動きは製品の気質に合うべきだ：落ち着いた製品は静かに着地し、遊び心のある製品は跳ね、精密な製品はパチンとはまる。アニメーションは行に目を引き付け、その周りを飾り立てることはない。
各セクションには、正確に一つ最も目立つ要素がある。スペースはたっぷりと。ページは呼吸している。
何を削除するか
これらは会社の椅子から来る。見つけ次第削除せよ：
- 製品ではなくテーマを述べる抽象的なヒーローセクション。
- 機能グリッドとアイコン＋宣伝文句のタイル。それらはシステムを説明し、人を説明しない。
- 「私たちは優れている。なぜなら」と比較表。読者は議論を求めていない。
- 仕組み、アーキテクチャ、パイプライン、巧妙な内部構造の説明。
- バズワード、カテゴリー用語、解読が必要なものすべて。
- 推薦文の壁、ロゴの帯、信頼を得る代わりに要求するバッジ。
- 考えられるすべての読者をカバーしようとする積み重ねられたバリュープロップ。一人の人を選べ。
- 二つのことを言うセクション。分割するか削除せよ。
- 読者が必要とするからではなく、チームが誇りに思うから存在する行。
完了と呼ぶ前に
ページを、椅子に座った人のように、スマートフォンで、何か他に気になることがある状態で、冷たく読め。
- ヒーローセクションを3秒見た後、製品が何でありなぜ気にする必要があるかを言えるか？
- タグラインはカテゴリーと差別化要因の両方を伝えているか？
- すべてのセクションは、ヒーローセクションを含めて、ビジュアル＋4〜8語の一行か？
- ページは一つのストーリーラインとして読め、各ビートが次へと導くか？
- すべてのセクションは正確に一つのことを言っているか？
- すべての行は「そう、本当にその通り」テストを通過するか？
- 感情を名指す代わりにメカニズムを説明しているものはあるか？
- どこかに段落はあるか？なぜ？
- 言葉を削除した場合、ビジュアルは各セクションをそれだけで伝えるか？
- 一つの行動があり、それは明白か？
- 何を削除したか？もし何もなければ、ページはまだ会社が話している。
追い求める感情：読者はこれを3秒で理解し、二画面目で理解されたと感じ、ボタンにたどり着いて「やっと見つけた」と思う。ページ上の他の何も重要ではない。