インスピレーションを得るためのトップ企業からの25のベストランディングページの例

公開: 2017-09-20

デジタルマーケティングに関しては、業界のトップリーダーの最高のランディングページの例を見て、改善し、学ぶ必要があります。

結局のところ、これらのアクション指向のスタンドアロンWebページは、購入者の旅のすべての段階で人々を動かすために極めて重要です。また、定評のある企業がランディングページを使用している場合、それは、特に企業レベルで、マーケティング戦略の不可欠な部分である必要があります。

以下に、25のトップ企業の最高のランディングページの例を示します。それらを読んで、最高の方法から学び始め、独自の非常に効果的なクリック後のランディングページを作成します。また、ブランド名をクリックして、その特定のブランドのさらに多くの例を含む専用の記事を見つけることもできます。

ランディングページの例が最も優れている上位25社

（短いページの場合はページ全体を表示しました。長いページの場合は折り目の上にのみ表示します。説明するポイントの一部を表示するには、ランディングページの例をクリックする必要がある場合があります。また、一部のサイトでは、ページをA / Bテストしている可能性があります。つまり、別のバージョンが提供される可能性があります。）

1.Marketoランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しは、レポートの内容を訪問者に正確に伝えます。
この画像は、訪問者がレポートのダウンロードを選択した場合に受け取ることが期待できるものを示しています。
箇条書きを使用すると、見込み客はページをすばやくスキャンして、レポートに何が含まれているかを確認できます。
社会的証明（顧客の声と会社のバッジ）は、オファーと会社全体に信頼の価値を追加します。

A / Bテストの内容：

終了リンク（MarketoロゴとフッターのLegalリンク）は、訪問者にレポートをダウンロードせずにページを離れる方法を提供します。
5フィールド形式は、購入者の旅のこの検討段階にいる誰かにとって威圧的かもしれません。「役職」と「会社」を削除すると、より多くの訪問者がフォームに記入するようになる可能性があります。
CTAボタンの色は、ページの他の場所で使用されているため、それほど目立ちません。
CTAボタンのコピーはあいまいです。「レポートが欲しい！」のように変更します。より多くの見込み客がクリックするように促す可能性があります。
イタリック体のコピーの大きなブロックは必要ないようであり、それを削除すると、より良い変換結果が得られる可能性があります。
顧客の声にフルネームとヘッドショットを含めると、その信頼性が向上する可能性があります。
空白を追加すると、ページの混雑が緩和され、見た目が美しくなります。

2.Slackランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

独自のスクロールスタイルにより、必要なすべての情報を表示できるため、訪問者はページを上下に移動することなく情報を受け取ることができます。
リードキャプチャフォームは、ユーザーがコンテンツをスクロールするときに常に表示されます。
CTAボタンのコピーは、短く、直接的で、「無料」という言葉を使用しているため、説得力があります。
フォームフィールドが1つしかないため、訪問者がフォームに記入する可能性が高くなります。
画像は明るく魅力的で、ブランドカラーを使用しており、対応する各セクションに関連しています。
社会的証明を使用すると、訪問者はSlackを使用せざるを得なくなる可能性があります。

A / Bテストの内容：

Slackロゴ、「サインイン」、「すべてのアプリを表示」、「カスタマーストーリーを表示」、「製品」、「価格設定」、「エンタープライズグリッド」など、いくつかの終了リンクがあり、訪問者が離れる可能性が高くなります。変換せずにページ。
プライバシーポリシーは、見込み客が自分の電子メールアドレスを渡すことを思いとどまらせることはできません。

3.Oracleランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

コピーのDemandGen Report統計は、それが述べているように「最近」ではありません。このページの著作権の日付は2017年ですが、2016年以前のものです。
ホワイトペーパーの画像は、訪問者にホワイトペーパーをダウンロードすることで期待できるもののプレビューを提供します。
フォームの対照的な色が際立って注目を集め、訪問者にそれを完成させるように促します。
チェックされていないオプトインボックスは、オプトインする見込み客がOracleからの電子メールの受信を希望することを保証します。

A / Bテストの内容：

ページ上部の会社のロゴとナビゲーションにより、ホワイトペーパーをダウンロードせずにページから訪問者が削除される可能性があります。
フォームフィールドの上と下の小さなコピーは読みにくいです。
白いCTAボタンは、ページの上部と下部に白があるため、それほど目立ちません。
フッターの終了リンクは、訪問者にページからさらに多くの方法を提供します。

4. GoogleHireランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

左上隅にあるHireロゴは、訪問者がページにアクセスしたときに自分がどこにいるかをすぐに知らせます。ハイパーリンクされていないという事実は、人々がクリックすることを許さないので、これは素晴らしいクリック後のランディングページになります。
明確な見出しは、デモに採用ツールに関する情報が含まれることを見込み客に伝えています。
最小限の要点のコピーにより、訪問者はすぐに読み通して、オファーを変換するかどうかを判断できます。
フォームをカプセル化すると、ページ上で目立つようになり、コンバージョン率が上がる可能性があります。
フッターのプライバシーポリシーリンクは信頼価値を追加し、見込み客が個人情報を送信することをより快適に感じさせます。

A / Bテストの内容：

メッセージの一致が改善される可能性があります。訪問者に「今後のウェビナー」に「サインアップ」するように促すCTAボタンが付いたHireウェビナープロモーションから、このクリック後のランディングページに移動しました。クリック後のランディングページにはウェビナーについてはまったく触れられていませんが、代わりにオンデマンドデモを宣伝しています。 Google Hireがウェビナーとデモを同じものと見なす場合、2つのページ間のメッセージの一致を増やすことで、訪問者の混乱を減らすことができます。
マーケティングファネルの検討段階でも、 14のフォームフィールドがたくさんあります。これをマルチステップフォームに分割すると、フォームの摩擦が減り、変換数が増える可能性があります。
ターコイズのCTAボタンは、ページの他の青の色合いに似ています。オレンジのように対照的にすると、より「ポップ」になります。
ページのバランスが崩れています。フォームの下部の左側に、顧客の声や魅力的な画像など、クリック後のランディングページ要素を追加すると、ページがより美しく見えるようになります。

5.Uberのランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

ページ上部のUberロゴは、訪問者に自分の居場所をすぐに知らせます。出口リンクとして機能するホームページにリンクされていないという事実もプラスです。
5つのフォームフィールドは、特に個人情報を要求しないため、サインアップページに適しています。
オプションのプロモーションコードフィールドは、見込み客がクリックしない限り表示されないため、スマートであり、フォームは5フィールドに制限されています。
ページに他の緑色がないため、緑色のCTAボタンが目立ちます。
CTAボタンの矢印は方向の合図として機能し、訪問者がクリックして、このクリック後のランディングページの反対側にあるものを確認する必要があることを示します。

A / Bテストの内容：

ページ上のコピーがほとんどないため、訪問者は情報不足や不確実性を感じる可能性があります。
現在のUberライダーからの引用された推薦状などの社会的証明を追加すると、訪問者への信頼が高まる可能性があります。
CTAボタンの「サインアップ」コピーはオリジナルでもパーソナライズされたものでもありません。「今すぐ乗車してください！」より説明的でエキサイティングです。

6.IBMランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しは明確で興味をそそるものであり、訪問者はページを下に進んでオファーの詳細を学ぶ必要があります。
最小限のコピーは、不必要な情報で見込み客を圧倒することなく、ホワイトペーパーの簡単な概要を提供します。
言語を切り替えるオプションを提供することは、理論的には素晴らしいアイデアです。残念ながら、訪問者が別の言語を選択すると、このクリック後のランディングページを直接翻訳するのではなく、ホームページに移動します。

A / Bテストの内容：

ヘッダーとフッターのナビゲーションは、訪問者を現在のオファーから簡単にそらし、変換せずにページから遠ざける可能性があります。
左側に画像やお客様の声を追加してページのバランスをとると、視覚的に魅力的になります。
クリック後のランディングページのベストプラクティスに従って、 CTAボタンを改善することができます。色はより対照的で注目を集める可能性があり、コピーはより顧客と利益志向である可能性があります。

7.LendingClubランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しは、価値提案を強調するために太字のフォーマットを使用しています。
フォームを色のコントラストでカプセル化すると、注目を集めることができます。
赤いCTAボタンは対照的でページ上で目立ち、コンバージョンが増える可能性があります。
「LendingClubを介した投資」セクションは、ページを圧倒的な量のコピーで埋めることなく、会社と提携することの主な利点を提供します。さらに、投資の特定の割合は社会的証明として機能します。
会社のロゴは社会的証明としても機能し、多くの有名ブランドがLendingClubを認識し、信頼していることを訪問者に知らせます。
複数のCTAボタンは、見込み客にオファーを変換するいくつかの機会を提供します。

A / Bテストの内容：

複数の終了リンク（LendingClubロゴ、「利用規約」、「詳細」、細字のいくつかの単語、およびフッターナビゲーション）は、変換せずにページから訪問者を削除する可能性があります。
写真の男の目の方向を変えてリードキャプチャフォームを見ると、無意識のうちにより多くの訪問者がそれを完了するように促される可能性があります。
CTAボタンのコピーを、「今すぐ投資を開始して利益を得る」など、より魅力的で説得力のあるものに変更します。より多くのコンバージョンが発生する可能性があります。
ページの下部にある過剰な量の細かい印刷は威圧的であり、会社が隠された議題を持っているかどうかを見込み客に疑問視させる可能性があります。

8.インターコムランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

ユーモアは、特に「今日のボットは本当に迷惑です」セクションで、訪問者との密接で共感的な人間関係を構築するのに役立ちます。
最小限のコピーを含むセクションヘッダーは、ページを不要なテキストで埋めることなく、Operatorに含まれるもの（およびそれがどのように役立つか）を見込み客に伝えます。
十分な空白は、ページをよりナビゲートしやすく、消化しやすくします。

A / Bテストの内容：

見出しは部分的に非表示になっています。それを覆っているテキストボックスを少し移動できるので、見出し全体が表示されます。
複数の終了リンク（ページの上部と下部にあるインターコムロゴ、最初のフォームの下にあるログインリンク、および2番目のフォームの下にある[詳細]リンク）は、訪問者の注意をそらし、変換する前にページから削除する可能性があります。
ページ上の多くの要素が同じようにフォーマットされ、クリック可能に見えるため、フォームとCTAボタンはページの残りの部分に溶け込みます。

9.Microsoftランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

メリット指向の見出しは、訪問者にOffice 365でチームのモバイル生産性を向上させることができることを知らせ、電子書籍でさらに学ぶことを奨励します。
製品画像は、見込み客が電子書籍をダウンロードすることを選択した場合に受け取るものを示しています。拡大してより現実的にすると、変換結果がさらに向上する可能性があります。
最小限のコピーで箇条書きを使用すると、見込み客はページをスキャンして関連情報を探すことができます。
カプセル化されたフォームは際立っており、訪問者の注意を喚起して完成させます。
緑色のCTAボタンは、ページの他の部分とよく対照的であるため、注目を集めています。

A / Bテストの内容：

ハイパーリンクされたOfficeロゴは、オファーを見たり変換したりせずに、訪問者をページから遠ざける可能性があります。
その男のイメージは申し出とは無関係のようです。 Office 365を使用している人、または電子書籍を読んでいる人と交換すると、より効率的になる可能性があります。
8つの必須フォームフィールドは、購入者の旅の検討段階にいるだけの人にとっては恐ろしいかもしれません。
CTAのコピーは、正確でも魅力的でもありません。「電子書籍を送ってください」など、よりパーソナライズされたエキサイティングなものに変更します。より多くの見込み客がクリックすることを奨励する可能性があります。
ページの下部にある「プランと価格を表示」は、訪問者をメインオファーからそらし、コンバージョンを妨げる可能性があります。
顧客の声やトラストシールなどの社会的証明を追加すると、信頼性が高まります。

10. LyftLandingページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

小見出しは社会的証明として機能し、他の人がLyftを使って素晴らしいヒントを作ったことを訪問者に知らせます。
電話番号を要求する1つのフィールドフォームだけがすばやく簡単に入力できるため、多くの見込み客をオフにすることはありません。
オプトインボックスをオフのままにすると、候補者は選択が完全に自分次第であると感じます。
「250ドルのボーナスを獲得する」ことは、多くの見込み客にとって魅力的なインセンティブになる可能性があります。
「今すぐ適用」CTAボタンは、見込み客をページの上部に移動してフォームにすばやく入力するためのアンカータグです。
計算機能を使用すると、訪問者はLyftで運転することを選択した場合にどれだけのお金を稼ぐことができるかを判断できます。
「WhyLyft」セクションでは、図像と最小限のシンプルなコピーを使用して、Lyftで働くことの主な利点を伝えています。
「LyftDrivingの仕組み」スライダーでは、モバイルアプリを使用してLyftがどのように機能するかを説明しています。
「LyftInsuranceProtection」と「PassengerRatings」は、Lyftの運転に関してドライバーに安心感を与えます。

A / Bテストの内容：

Lyftのロゴやコピー全体のいくつかのハイパーリンクされた単語を含む多くの出口リンクは、訪問者の気をそらし、変換せずにページからそれらを奪う可能性があります。
見出しはLyftvs。Uberですが、このページには2つのサービスを比較するものは他にありません。
白いテキストは、男性のシャツの白いロゴに対して表示されません。
男の視線をリードキャプチャフォームにリダイレクトすると、より多くの訪問者がそれを完了する可能性があります。
CTAボタンのコピー「次へ」は退屈です。「今すぐお金を稼ぎ始めよう！」のようなもっと魅力的なものに変更します。変換結果が改善される可能性があります。
ピンクのCTAボタンは、ページの他の場所でピンクが使用されているため、それほど目立ちません。

11.コンスタントコンタクトのランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しと小見出しはどちらも利益志向であり、お互いをうまくサポートしています。
最小限のコピーにより、訪問者は過度のテキストに圧倒されることなくオファーを理解できます。
オレンジ色のCTAボタンは、ページの他の色とよく対照的であるため、目立ちます。
次のページのリードキャプチャフォームを使用したクリックスルーデザインにより、訪問者はフォームに気を取られたり脅迫されたりすることなく、オファーに関するすべての情報を取得できます。

A / Bテストの内容：

ハイパーリンクされたConstantContactロゴは、オファー全体を見ることなく、訪問者をページからすぐに遠ざける可能性があります。
CTAボタンのコピーが多すぎるため、小さくて読みにくくなっています。 "ノーリスク。クレジットカードは必要ありません。」ボタンの下に移動できます。
プライバシーポリシーがないため、見込み客は変換をためらう可能性があります。
顧客の声などの社会的証明を追加すると、候補者はコンスタントコンタクトにサインアップする決定に自信を持てるようになり、コンバージョン率が向上する可能性があります。

12.Salesforceランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

一次および二次の見出しは、問題を認識して解決策を提供するため、説得力があります。
この画像は、訪問者にWaveAnalyticsモバイルアプリの外観を提供します。
最小限の正確なコピーは、ページを圧倒的なテキストで埋めることなく、オファーを説明します。
色が対照的なカプセル化されたフォームは、それを際立たせるのに役立ち、より多くの見込み客がそれを完成することを奨励する可能性があります。
矢印（1つは最初のフォームフィールドを指し、もう1つはCTAボタンを指します）は、方向の手がかりとして機能します。
トラストバッジとプライバシーポリシーは、見込み客が自分の個人情報が安全でプライベートなままであると確信するのに役立ちます。

A / Bテストの内容：

終了リンク（Salesforceロゴ、信頼バッジ、ソーシャルメディアリンク、およびフッターリンク）は、このページから簡単に脱出できるように訪問者に提供します。
8つのフォームフィールドは、訪問者がフォームに入力するのを妨げる可能性があります。不要なリクエストを削除するか、マルチステップフォームに変更すると、摩擦が減り、ダウンロード数が増えます。
青いCTAボタンは青いフォームに溶け込んでいます。より対照的な色（オレンジなど）でテストすると、より多くの訪問者の注意を引く可能性があります。
CTAボタンのコピーは、「Wave Analyticsデモを見せて」など、より魅力的なものに改善できます。
Salesforceの顧客の声などの社会的証明を追加すると、訪問者の信頼価値が高まり、より多くのデモビューが促進されます。

13.Zohoランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

この見出しは、無料のZoho CRMプランにサインアップすることで2つのメリットをすぐに提供します。それは、より良い顧客関係構築と10人の無料ユーザーの提供です。
「無料」は、ページのいくつかの場所で使用されます—見出し、CTAボタン、および説明コピー全体で数回使用されます。
複数の赤いCTAボタンは、ページの他の部分とよく対照的であり、目立ち、注目を集めます。最初のボタンは、ページ下部のフォームに見込み客を便利に誘導するアンカータグです。
マウスアイコンは、訪問者にページを下にスクロールして詳細を表示する必要があることを示します。アンカータグでもあるので、クリックするとすぐに次のセクションに移動します。スクロールする必要はありません。
機能の長いリストは、ZohoCRMが提供するすべてを伝えます。
2段階のオプトイン設計は、見込み客が下部のCTAボタンをクリックするまでフォームが表示されないため、このページの摩擦が少ないことを意味します。
フォームの輪郭を黄色で示すと、フォームに注意を引くのに役立ち、コンバージョン率が上がる可能性があります。
名前、電子メール、およびパスワードのみを必要とする3フィールド形式は、摩擦を軽減します。
チェックされていないZohoニュースレターのチェックボックスは、本当に興味があることだけを意味します。潜在的な見込み客がコンテンツを受け取ります。

A / Bテストの内容：

終了リンク（Zohoロゴ、「利用規約」、ソーシャルメディアリンク）は、訪問者の注意をそらし、コンバージョンに至る前にページから遠ざける可能性があります。
握手画像はオファーに関連していますが、2人が笑顔で握手をしている写真を使用すると、さらに効率的になる可能性があります。
「サインアップ」フォームのCTAボタンのコピーが改善される可能性があります。ページ上部にある「無料で始めましょう」というCTAボタンにコピーを複製するように変更することもできます。

14.AWeberランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しは、ウェビナーの長さがわずか30分であることを見込み客にすぐに知らせます。
CTAボタンは前面と中央にあるため、訪問者はページにアクセスするとすぐに表示されます。また、コピーは説明的で刺激的であり、見込み客がクリックすることを奨励する可能性があります。
2段階のオプトイン設計により、このページからリードキャプチャフォームが削除され、見込み客はCTAボタンをクリックしたときにのみ表示されます。これは、摩擦が少なくなり、コンバージョンが増える可能性があることを意味します。
イベントの日時、名前、メールアドレスを尋ねるだけの3つのフォームフィールドだけがすばやく簡単に入力できます。
イタリック体のコピーは、スケジュールされたイベントのいずれにも参加できない場合でも、その記録を受け取るためにサインアップできることを見込み客に知らせます。
トム・タテのヘッドショットと説明は、見込み客が誰がプレゼンテーションを行うかを見て学ぶことができるので、素晴らしいインクルージョンです。ただし、画像を拡大すると、おそらくその効果が高まります。
ページの下部にあるプライバシーポリシーのリンクにより、見込み客は個人情報の引き渡しをより快適に感じるようになる可能性があります。

A / Bテストの内容：

青いCTAボタンは、ページの他の場所で使用されていない色でテストして、注目を集める必要があります。
「これから説明します」セクションに適用されるさまざまなフォーマット（リストのインデント、図像や矢印の組み込み、太字フォントの使用など）により、より目立つようになり、より多くの人に読んでもらうことができます。
ページの下部にある2つのホームページリンクは、変換せずに訪問者をこのページからリダイレクトする可能性があります。
顧客の声やAWeber統計などの社会的証明を含めると、見込み客とコンバージョン率への信頼が高まる可能性があります。

15.Squarespace

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

「ドメインを主張する」という見出しは、切迫感を伝えるので効果的です。見込み客は、他の誰よりも先に、希望するドメインを主張する必要があります。
小見出しの「詳細」リンクは、オファーに関する詳細情報を取得するためにページのさらに下に人々を送るアンカータグです。
ページ全体のシンプルで統一されたフォントは、全体的にプロフェッショナルな雰囲気を与えます。
コピーの小さなチャンクは、コンテンツを読みやすく、消化しやすくします。
Squarespaceを競合他社と比較することで、見込み客は、Squarespaceを他の誰よりも選択することで、さまざまなメリットが得られることを知ることができます。
ページ下部の女性の視線は、セクションヘッダーに直接向けられているため、訪問者もそこを見ることができます。

A / Bテストの内容：

ヘッダー内のリンクとフッターナビゲーション全体により、訪問者はアクションを実行せずにページを簡単に離れることができます。
ドメインフィールドは、ページの残りの部分に溶け込みます。大きいですが、ページ上の別のデザイン要素のように見え、訪問者が簡単に見逃す可能性があります。
CTAボタンは、赤や黄色など、より対照的な色である場合、ページ上でより「ポップ」します。

16.Mixpanelランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しはパーソナライズされた利益志向であり、訪問者にビジネスを成長させる準備ができているかどうかを尋ねます。
この画像は、複数のデバイスで電子書籍を表示できる見込み客を示しています。
電子ブックの簡単な説明は、提供されている電子ブックの簡単な最初の概要を訪問者に提供します。
4フィールドフォームはすばやく簡単に入力できるため、訪問者がそうする可能性が高くなります。
CTAボタンのコピーは一人称を使用しているため、見込み客はオファーに関連していると感じることができます。
「eBookの内容」セクションでは、上記の簡単な説明を詳しく説明し、ebookで作成された重要なポイントと、製品リーダーがそれらについて説明していることを概説します。ヘッドショットを含めるのもいい感じです。
出口リンクがないため、変換せずにページをエスケープすることはほぼ不可能です。ページを離れる唯一の方法は、ブラウザタブの「X」をクリックするか、フォームに記入することです。

A / Bテストの内容：

フォームの見出しは誤解を招く恐れがあります。これは、実際には、電子書籍を利用するために他の3つのフォームフィールドが必要な場合に必要な情報は電子メールアドレスのみであることを意味します。
青いCTAボタンは、ページの他の配色と調和しているため、目立ちません。ページの他の場所で使用されていない色でテストすると、より良い変換結果が得られる可能性があります。
プライバシーポリシーやセキュリティバッジなど、個人情報が安全であることを保証するために信頼信号を追加すると、潜在顧客の生成が増える可能性があります。

17.Infusionsoftランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

社会的証明—ページの上部にある会社のバッジとページの下部にある顧客の声—は、見込み客への確信と信頼の感覚を植え付けます。
見出しは、訪問者の問題を認識し、彼らに共感し、解決策を提示するという優れた仕事をします。
サブヘッドラインはヘッドラインを適切にサポートし、Infusionsoftを使用することの主な利点のいくつかを提供します。
短い4フィールドのフォームは基本的な情報のみを要求するため、見込み客が記入するのに時間がかかる可能性が高くなります。
CTAボタンのコピーは、フォームに記入してボタンをクリックすることで、見込み客に何が得られるかを正確に伝えます。
Infusionsoftが提供するもののリストにより、見込み客はInfusionsoftを使用することを選択した場合に得られるメリットを知ることができます。図像と太字のフォントは、このセクションに注目を集めるのに役立ちます。

A / Bテストの内容：

電話番号にClick-to-Call機能を追加すると、訪問者が会社にすばやく簡単に連絡できるようになり、全体的なユーザーエクスペリエンスが向上します。
CTAボタンを拡大すると、より多くの視聴者を引き付け、より多くの訪問者にクリックを促す可能性があります。
会社のロゴやボタンの下のセクションにリストされている小さなアイコンにはすでに緑が使用されているため、 CTAボタンの色を変更して注目を集めることができます。
画像が大きくて見やすい場合、画像は訪問者にソフトウェアのプレビューを提供するのにより効率的です。
フッターのサイトマップリンクは、出口リンクとして機能します。訪問者がフォームに記入する前にページの一番下までスクロールすると、訪問者はこれに気を取られて、変換する前にページを離れる可能性があります。

18.GetResponseランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しは、訪問者にこのオファーが何であるかを正確に伝えます。
サブヘッドラインはヘッドラインを適切にサポートし、見込み客にオファーからどのように利益を得ることができるかを知らせます。
矢印は方向の合図として機能し、CTAボタンを直接指しているため、訪問者はそこにも注意を向けることができます。
利用規約、スパム対策ポリシー、プライバシーポリシーは、個人情報の引き渡しとの信頼関係を確立するために明確に定められています。
3フィールド形式は、参入障壁が低く、入力に姓を必要としません。
CTAボタンの色は、ページの他の場所では使用されていないコントラストの良い色です。

A / Bテストの内容：

ロゴはホームページにリンクされており、オファーについて学習したり変換したりしなくても、訪問者をページから簡単に遠ざけることができます。
説明的なコピーはあまりありません。 GetResponseとは何か、主なメリットは何かについてさらに詳しく調べると、コンバージョン数が増える可能性があります。

19.最適化されたランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

箇条書きのコピーを使用すると、訪問者はページをスキャンしてデモについてすばやく知ることができます。
フォームをカプセル化すると、フォームが目立つようになり、コンバージョンが増える可能性があります。
フォーム上のコンピューター画像は、デモがどのように見えるかのプレビューを見込み客に提供します。
5フィールド形式は、意思決定段階のオファーに適しています。
CTAボタンのコピーは、希少性と緊急性を利用して、見込み客にデモにサインアップするように説得します。「座席を保存する」とは、座席数に限りがあり、予約する必要があることを意味します。
会社のロゴは、Optimizelyが世界をリードするブランドのいくつかから信頼されていることを訪問者に知らせるための社会的証明として機能します。また、このセクションの矢印は方向性の手がかりとして機能し、さらに多くのロゴが表示されることを意味します。

A / Bテストの内容：

ヘッダーとフッターのナビゲーションは、ページから見込み客を削除し、コンバージョン率を低下させる可能性があるため、削除する必要があります。
青いCTAボタンは、黄色やオレンジ色の場合ほど目立ちません。
ページの下部にあるソーシャル共有ボタンは、終了リンクとしても機能し、訪問者の注意をそらし、このページから遠ざけます。

20.HubSpotランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

Click-to-Call電話番号は、ユーザーエクスペリエンスを向上させます。
ページの見出しはすぐにオファーを説明し、訪問者にそれがどのように利益をもたらすかを知らせます。
短い段落、箇条書き、太字のフォントにより、このページをすばやく簡単にスキャンできます。
フォームをカプセル化すると、ページ上でより目立つようになり、より多くの訪問者がフォームに入力するように促される可能性があります。
フォームの見出しは、ツールキットが無料でダウンロードできることを見込み客に知らせます。これをページの見出しにも追加すると、その効果が高まります。
メールフィールドの横にあるプライバシーポリシーのリンクは、ページの一番下までスクロールする代わりに、見込み客に簡単なアクセスリンクを提供します。
青いCTAボタンは、ページに他の色がほとんどないため、注目を集めています。

A / Bテストの内容：

左上のHubSpotロゴはホームページにリンクされているため、訪問者はすぐにページから離れてしまう可能性があります。
メインの見出しのすぐ下で見出しを繰り返す必要はなく、ページが煩雑になります。
ソーシャルシェアボタンを使用すると、訪問者がページから削除され、コンバージョン率が低下する可能性があります。
12フィールドのフォームは長すぎて、訪問者を脅かす可能性があります。一部のフィールドを削除するか、マルチステップフォームにすることで、より多くの見込み客がフィールドに入力するように促すことができます。
CTAボタンのコピーはあいまいです。「ツールキットが欲しい！」のように変更します。より多くの見込み客を興奮させ、誘惑するかもしれません。
ページのバランスが崩れています。ツールキットのサンプル画像、またはツールキットをダウンロードした人からの紹介文を追加すると、ページのバランスが取れ、コンバージョンが増える可能性があります。

21.MailChimpランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しの「無料」という言葉は、訪問者の興味をすぐに刺激する可能性があります。
補足の小見出しは、無料のアカウントを使い始めることでどのように利益を得ることができるかを見込み客に伝えます。
3フィールド形式は短く、個人情報を要求しません。
パスワードフィールドは、訪問者が「表示」ボタンをクリックしてエントリを表示できるようにすることで、ユーザーエクスペリエンスを向上させます。また、パスワードの要件はページの下部に明確に記載されています。
ヘッダーナビゲーションがなく、最小限のフッターにより、見込み客はページの目標に集中できます。つまり、無料のアカウントにサインアップします。

A / Bテストの内容：

顧客の声やMailChimpの使用に関する統計などの社会的証明を追加すると、より多くのサインアップが生成される可能性があります。
透明なCTAボタンはそれほど目立ちません。暗くしてコントラストを上げると、より多くの人がクリックするようになります。
CTAボタンのコピーを改善して、「無料アカウントを作成してください」など、よりパーソナライズされた魅力的な言葉を含めることもできます。

22.Shopifyのランディングページの例

ページがうまくいくこと：

見出しと小見出しは暗い背景とよく対照的であり、ページにアクセスするとすぐに注目を集めます。
折り目の上のフォームフィールドが1つしかないため、訪問者は簡単に行動を起こすことができます。
会社のロゴと顧客の声は社会的証明として機能し、Shopifyを信頼する他の有名企業や満足しているクライアントがいることを示しています。
最小限のコピーにより、訪問者はページをナビゲートしやすくなり、より楽しくなります。箇条書きは、Shopifyの主な利点に注意を引くのに役立ちます。
この画像は、見込み客にダッシュボードのリアルなプレビューを提供します。

A / Bテストの内容：

CTAボタンの色は、ページであまり頻繁に使用されていない色に変更する必要があります。
画像内の人々の視線をフォームとCTAボタンに向けるようにリダイレクトすると、より多くの訪問者がそこを見て変換するようになります。
フッターの「エンタープライズeコマース」リンクは出口リンクとして機能します。これはページ上の唯一のものであるため、これを削除するとコンバージョン率が上がる可能性があります。

23.Eloquaランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

見出しはオファーを説明し、小見出しは見込み客がガイドから何を期待できるかについての追加情報を提供することによってそれをサポートします。
箇条書きのコピーを使用すると、訪問者はページをスキャンして、ガイドに関する重要な情報を引き出すことができます。灰色のフレームは、このセクションに注意を引くのにも役立ちます。
フォームの周りのフレームと色のコントラストにより、ページ上で目立ちます。
オレンジ色のCTAボタンは、ページの他の部分とよく対照的であり、「ポップ」で、見込み客にクリックを促します。また、その上の矢印は方向の合図として機能します。

A / Bテストの内容：

ページ上部にある「コンテンツを利用できません」というテキストは、専門的ではないように見えます。
見出し、画像、フォームなどの最も重要な要素の周りに空白を追加すると、それらがより目立つようになり、ページの混雑が緩和されます。
画像が小さすぎて目的を果たせません。拡大して解像度を上げると、より効果的になります。
フッター内の複数の終了リンクにより、訪問者は変換せずにページを離れることができます。

24.Basecampランディングページの例

Instapageの仕組みを教えてください➔

ページがうまくいくこと：

The header serves as immediate social proof, telling visitors exactly how many people signed up for Basecamp just last week.
The green arrow pointing to the form field acts as a visual cue.
Only one form field surely won't deter people from completing it.
The option to use a Google account makes it even more convenient and compelling to sign up.
The CTA button copy is effective because it uses first-person and the word “free”.
Customer testimonials above the fold likely make prospects feel more comfortable with Basecamp.
The graph at the bottom of the page is a nice inclusion because it shows visitors how much Basecamp has grown over the years.

A / Bテストの内容：

The header navigation provides visitors with multiple ways off the page without seeing the entire offer.
The CTA buttons don't stand out as much as they could because blue on the rest of the page. Testing them in orange or red might draw more attention.
Additional exit links throughout the copy make it easy for prospects to leave the page without signing up.
The copy is uninformative. It doesn't say much about Basecamp itself, but simply answers three questions about the trial period. Adding detailed information about how the app can benefit users might persuade more people to sign up.
The image of the devices should be enlarged and the hyperlink should be removed. Including it is helpful because it demonstrates all the different ways Basecamp can be used, but currently, it's difficult to see and serves as another exit link.

25. Airbnb landing page example

ページがうまくいくこと：

An enticing headline captures visitors attention and offers a cash incentive right from the start.
The CTA button contrasts well with the background and is right in the center of the page.
The headshot adds a personal connection to the friend who invited you to join the service.
The linked terms provide trust value to anyone who might be hesitant to sign up.

A / Bテストの内容：

Header and footer navigation are distracting and provide visitors with an easy way off the page without converting.
Adding customer testimonials to this post-click landing page would likely persuade more prospects to convert.

Can you beat the best post-click landing page examples?

There you have it — some of the world's leading companies with some of the internet's best post-click landing page examples.

クリック後の段階を無視せず、すべての見込み客に最初から最後までパーソナライズされたエクスペリエンスを提供します。 Sign up for an Instapage Demo today.