プロダクトのランディングページを（デザイナーなしで）作る方法

すべてを決めるページ

誰かがあなたのアプリを使う前に、その人はあなたのランディングページを見て、あなたが時間をかける価値があるかどうかを、およそ8秒で判断します。

これは厳然たる事実で、そのせいでランディングページは本来より怖いものに感じられます。技術にうとい多くの創業者は、デザイナーにお金をかけすぎるか、ウェブデザインを学ぼうとして何週間も無駄にするか、自分でも恥ずかしいものを世に出すか、のいずれかです。どれも良い選択肢ではありません。

うれしい知らせ。ランディングページは、AIウェブサイトビルダーで作れるもののなかでも、いちばん分かりやすいものの一つです。デザインの仕組みを知っている必要はありません。何を言おうとしているのかを知っていればいいのです。

この記事は、コンバージョンするランディングページに何が入るのか、そしてそれをAIビルダーで — ゼロから、午後のあいだに — どう作るのか、についての話です。

ランディングページに本当に必要なもの

見た目を取り去ると、ランディングページは3つの仕事をします。あなたのプロダクトが何をするのかを伝え、それがその人のためのものだと納得させ、次の一歩を与えること。

それだけです。ほとんどどんなプロダクトでも、5つのセクションがこれをこなします。

1. 見出し。 一文で。あなたのプロダクトは何をして、誰のためのものか？いちばんいい見出しは、気が利いているのではなく、具体的です。「スプレッドシートなしでフリーランスの請求書を管理」は、「あなたの財務ワークフローをシンプルに」に勝ります。

2. サブ見出し。 見出しを広げる一文か二文。いちばんのメリットは何か？なぜそれが大事なのか？ここが、人に読み進める理由を与える場所です。

3. ビジュアル。 スクリーンショット、短いデモ動画、あるいは使われている様子のシンプルなイラスト。人は、自分が何に申し込もうとしているのかを見る必要があります。あなたのアプリの実際のスクリーンショットは、いつだってストックフォトに勝ります。

4. 3〜5個の短いメリットの箇条書き。 機能ではなく — メリットを。「自動で支払いリマインダーを送る」は機能です。「未払いの請求書を追いかけるのをやめる」はメリットです。違いは、プロダクトが何をするのかを説明しているのか、それともそれがユーザーのために何をしてくれるのかを説明しているのか、にあります。

5. 明確な行動喚起。 ボタンは1つ。目的は1つ。「無料で試す」「始める」「ウェイトリストに参加」。人に4つの選択肢を与えてはいけません。1つを選び、見逃しようがないようにしましょう。

それでページは丸ごと完成です。もしあれば、その下にお客様の声、FAQセクション、料金を足してもかまいません — けれど、リリースに必要なのは上の5つのセクションだけです。

AIウェブサイトビルダーで作る

Proyecta を使ってこれに取り組む方法を紹介します。コツは、ほしいものを平易な言葉で説明することであって、ゼロからビジュアルでデザインしようとすることではありません。

見出しから始めて、外側へ広げていく。 ビルダーを開いて、いきなり「美しいランディングページ」を作ってと頼むのはやめましょう。それは、ありきたりなものを生み出します。代わりに、実際の見出しを貼りつけて、こう言いましょう。「［名前］というプロダクトのランディングページを作って。見出しは：［あなたの見出し］。主な対象は［誰のためか］。」

AIは、あなたが反応できる構造を作ってくれます。この段階でのあなたの仕事は、何が正しいかではなく、何が間違っているかを言うことです。「見出しが小さすぎる。」「CTAボタンをもっと大きくして、文言を『無料で始める』に変えて。」「機能についてのセクションは消して — メリットだけにしたい。」

デザインを説明しない。ゴールを説明する。 「プロらしく見せて」は役に立ちません。「これは信頼できて、使いやすいプロダクトだと感じてほしい」は役に立ちます。あなたは意図を伝えていて、ビルダーがそれをデザインの選択へと翻訳するのです。

実際のコンテンツを早めに入れる。 プレースホルダーのテキストを、できるだけ早く本物の言葉に置き換えましょう。AIビルダーはレイアウトやスタイルをいくらでも調整できますが、あなたが本当に何を言いたいかを知っているときにこそ、最高の仕事ができます。本物の見出しと本物のメリットの箇条書きが入ったランディングページは — たとえ荒削りに見えても — プレースホルダーのテキストが入った美しいランディングページよりも役に立ちます。

ある物語：マルコスは2時間で作った

マルコスは小さな会計事務所を営んでいます。彼は何年ものあいだ、クライアントの依頼をメールで手作業で追っていて、Proyecta を使ってシンプルなクライアントポータルを作りました。それは十分にうまく機能して、彼のクライアントたちがほかのビジネスに勧めはじめました。

彼は、それをもっと広く共有しはじめられるようにランディングページが必要でした。選択肢は、2,500ドルのデザイナーの見積もり（しかも4週間待ち）か、自分でやるか。彼はウェブサイトを作ったことがありませんでした。

彼は Proyecta を開いて、自分が持っているものを説明しはじめました。クライアントが書類を提出し、確定申告の状況を追え、何かが完了したら通知を受け取れる、シンプルなポータルです。彼の対象は、大事な書類をメールのスレッドのなかで失うのに疲れた、スモールビジネスのオーナーたちでした。

最初の下書きは荒削りでした — 見出しは長すぎ、メリットの箇条書きは機能のリストのように読め、ページには強いCTAがありませんでした。彼はビルダーと4〜5周のやりとりを重ねました。見出しを引き締め、メリットを成果として書き直し、ページがひとつの仕事だけを持つようになるまで簡素化していったのです。

2時間が経つころ、彼は心から誇れるページを手にしていました。彼はその晩それを共有しました。寝るまでに3人が登録しました。

それは磨き上げられた、賞を取るようなデザインだったか？いいえ。誰かにプロダクトを試してみたいと思わせるほど、正直で、明確で、具体的だったか？はい。それがゲームのすべてです。

いちばんよくあるミス

技術にうとい人のランディングページを台無しにする一番のものは、あれもこれもと言おうとすることです。

どの創業者も、自分のプロダクトを深く知っていて、そのすべてを説明したくなります。これに抗いましょう。ランディングページはオンボーディングガイドではありません。第一印象です。あなたのひとつの仕事は、誰かをボタンをクリックしたくなるくらい興味を持たせることです。

ページのどの一文も、あなたが何をするのかを説明するか、試す価値があると証明するか、行動喚起へと後押しするか、そのいずれかによって、その居場所を勝ち取らなければなりません。もしその3つのどれもしていないなら、削りましょう。

書き終えたら、ページを声に出して読んでみてください。もしどこかの一文で読むのがつかえるなら、それは複雑すぎます。カフェで一緒に列に並んでいる誰かに説明できるくらいになるまで、簡素にしましょう。

リリースしたあとに足すもの

基本のランディングページは、上の5つのセクションだけで公開できます。いったん世に出て、人が実際にクリックするようになったら、こう足しましょう。

本物のお客様の声を1つ。 本物のユーザーからのたった一文でも — 「これで週に1時間浮いた」 — どんなマーケティングのコピーよりも効きます。
短いFAQ。 いちばんよく尋ねられる2つか3つの質問に答えましょう。これは、登録まであと一歩なのに後押しがほしい人たちの摩擦を減らします。
料金（該当する場合）。 価格を隠すと不信を生みます。料金があるなら、見せましょう。

リリースの前に完璧なページを作ろうとしてはいけません。シンプルなバージョンをリリースし、ひと握りの人と共有し、彼らが実際に何を尋ねてくるかをもとに更新しましょう。

ランディングページが本当に完成することはありません。時とともに、ただ良くなっていくだけです。

今日ランディングページを作りたいなら、Proyecta は始めるのにうってつけの場所です。あなたのプロダクトが何をして、誰のためのものかを説明すれば、今夜までに公開できるものを手にできます。