プロスペクトをコンバージョンに導くサインアップ ランディング ページの 10 の例

公開: 2018-06-05

サインアップ ランディング ページの場合、見込み客に完了してもらいたい唯一の目標は、サービスに登録することです。 次に、すべての設計要素がその目標を達成するのに役立つことを確認する必要があります。

クリック後のランディング ページを簡単に定義した後、10 のサインアップ ページの例を取り上げて、サインアップを生成するのに適していることと、より良いコンバージョン結果を得るために A/B テストできることを検討します。

サインアップ ランディング ページとは何ですか?

典型的なポスト クリック ランディング ページは、説得力のある要素 (説得力のある見出し、魅力的なメディア、価値ある社会的証明、注目を集める CTA ボタンなど) を使用して、訪問者に特定のオファーに対して行動を起こすよう説得するスタンドアロンの Web ページです。 そのアクションには、アカウントの設定、ガイドのダウンロード、ウェビナーへの登録、デモのスケジュール設定などがあります。

サインアップ ランディング ページには、非常に具体的なコンバージョン目標が 1 つだけあります。それは、サービスへのサインアップを生成することです。

通常、サインアップはコンバージョン ファネルの最後のステップであるため、サインアップ ランディング ページは、見込み客にコンバージョンを促すことにあまり重点を置いていません。 むしろ、このタイプのページは、コンバージョンに伴う摩擦を最小限に抑えることを目的としています。 これは、より伝統的なクリック後のランディング ページ要素 (社会的証明、証言、魅力的なメディアなど) がサインアップ ページにそれほど必要ではないことを意味します。

10 サインアップ クリック後のランディング ページの例

(短いサインアップ ページの例については、ページ全体を示しました。ただし、長いページについては、スクロールせずに見える範囲のみを表示しました。ここで説明するポイントの一部を表示するには、各ページをクリックする必要がある場合があります。また、一部のブランドは、以下に表示されているものとは別のバージョンでページを A/B テストしている可能性があることに注意してください)。

1.ライフロック

サインアップ クリック後のランディング ページ

ページの機能:

  • 「何を待っているの?」 その下の統計は緊急性の要素として機能し、訪問者に今すぐサインアップするよう促します。
  • 「数分で登録」と「サインアップには数分しかかかりません」は、見込み客にサインアッププロセスが迅速かつ簡単であることを知らせます。
  • 赤い CTA ボタンは、ページの他の部分とのコントラストが良いため、注目を集めています。
  • 上部と下部の CTA ボタンはアンカー タグであり、プロスペクトを自動的に中央の CTA ボタンに移動させ、クリックしてリード獲得フォームに移動します。
  • クリックスルー デザインは、訪問者がフォームにすぐに脅かされることがないため、クリック後のランディング ページの摩擦を減らします。
  • 複数ステップのフォームを使用すると、長いフォームを短く簡単なステップに分割することで、サインアップ プロセスの負担が軽減されます。
  • ページ全体の画像は、さまざまなソフトウェア機能が複数のデバイスでどのように見えるかを示しています。
  • 箇条書きのチェックリストは、一般的な機能だけでなく、LifeLock の主なメリットを見込み顧客に示します。
  • 星評価とお客様の声は、見込み顧客が LifeLock を選択して正しい決定をしたことを思い出させ、メンバーシップへのサインアップをさらに促します。

実行する A/B テスト:

  • Click-to-Call の電話番号があれば、見込み客がカスタマー サービスに連絡しやすくなります。
  • 多くの終了リンク(LifeLock のロゴ、法律情報、レビュー、メンバーシップの解約、返金ポリシー) により、訪問者は変換する前にページを離れることができます。
  • ページ全体に細かい活字があると、見込み客がサインアップするのをためらう可能性があります。
  • 2 番目のオファー(無料の個人情報盗難防止ハンドブック) は、メインのオファー (LifeLock メンバーシップへのサインアップ) から訪問者をそらす可能性があります。
  • 一人称コピーを追加すると、より多くの見込み客が CTA ボタンをクリックするようになる可能性があります。
  • CTA ボタンの周りに余白を追加すると、より目立つようになります。 最後の CTA ボタンは余白で囲まれ、視覚的なキューの矢印が含まれていますが、ページの一番下にあります。

2.どこでも映画

ポスト クリック ランディング ページの映画サブスクリプションにサインアップする

ページの機能:

  • クリックスルー形式により、訪問者はフォームに入力する前にクリック後のランディング ページで情報を吸収できます。
  • ページ全体のブランド ロゴは、訪問者に Movies Anywhere を使用する有名な企業を示しています。
  • 最小限のコピーにより、訪問者はページをナビゲートしてアカウントにサインアップすることがすばやく簡単になります。

実行する A/B テスト:

  • 複数の終了リンク(スキップ、ログイン、モバイル デバイスのダウンロード ボタン、映画の表紙、フッター ナビゲーション) により、訪問者は変換する前に簡単にページを離れてしまいます。
  • 青色の CTA ボタンは、オレンジ色など、より対照的な色にするとより目立ちます。
  • CTA ボタンのコピーは、「無料アカウントを作成してください!」のようにパーソナライズされた説得力のあるものであれば、より多くの見込み客がクリックするよう説得できるでしょう。
  • アカウントが無料であることを (見出しまたは CTA ボタンで) 強調すると、より多くのコンバージョンが発生する可能性があります。

3.Qlik

サインアップ クリック後のランディング ページ Qlik

ページの機能:

  • フォームへの女性の視線は、見込み客がそこに目を向ける可能性が高い方向の手がかりです.
  • 色のコントラストを伴うカプセル化は、フォームに注意を引くのに役立つ視覚的な合図です。
  • オプトイン ボックスがチェックされていない場合、プロスペクトは Qliks の利用規約を読み、サインアップすることを確信しています。
  • 複数の場所 (本文コピーとフォーム ヘッダー) で「今日」を強調すると、緊急性が強調されます。
  • ソフトウェア イメージは、ソフトウェアがさまざまなデバイスと互換性があることを訪問者に示します。
  • ライブ チャット機能により、見込み客がカスタマー サービスにすばやく簡単に連絡できるようになり、ユーザー エクスペリエンスが向上します。
  • 利点のチェックリストは、見込み顧客がセルフサービス データ視覚化ソフトウェアとして Qlik を選んだ理由を思い出させます。
  • ブランド ロゴは社会的証明として機能し、他の評判の良い企業が Qlik を信頼していることを訪問者に知らせます。

実行する A/B テスト:

  • 11 のフォーム フィールドは見込み客を圧倒する可能性があります。 フォームを複数ステップのプロセスに分割することで、摩擦を減らし、より多くのコンバージョンを生み出すことができます。
  • CTA ボタンの「送信」は曖昧です。 「無料の Qlik アカウントにサインアップしてください」などのコピーが魅力的であれば、ボタンのクリック数が増える可能性があります。
  • アカウントが無料であることを強調すると、サインアップが増える可能性があります。
  • ハイパーリンクされた Qlik ロゴは、変換せずに訪問者をページからすぐに削除する可能性があります。

4. D&B フーバーズ

サインアップ クリック後のランディング ページ Hoovers

ページの機能:

  • ライブ チャットとクリック ツー コールの電話番号(2 か所) により、訪問者は必要に応じて D&B Hoovers カスタマー サービスに簡単に連絡できます。
  • 見出しとサブ見出しは、会社の独自の価値提案を明確に伝えます。
  • フォーム フィールドのアスタリスクは、すべてのフィールドが必須であることを示しているため、サインアップ プロセス中に見込み客が驚くことはありません。

実行する A/B テスト:

  • 離脱リンク— D&B ロゴ、フッター ナビゲーション、ソーシャル ボタン — 訪問者はサインアップせずにページから逃げることができます。
  • バイヤージャーニーのこの段階では、コピーが少ない方がよいでしょう。 統計の近くにあるテキスト ブロックを削除すると、ページのスキマビリティが向上する可能性があります。
  • 8 つのフォーム フィールドは、サインアップを促すにはあまりにも多くの摩擦になる可能性があります。 フォーム フィールドを減らすと、コンバージョンが増加する可能性があります。
  • ターコイズの CTA ボタンの色は、できるだけ目立たないようにしています。 赤またはオレンジは、このページでより注目を集めるでしょう。
  • CTA ボタンのコピーは、よりパーソナライズされ、説得力のあるものにする必要があります。 「無料トライアルを始めましょう!」のようなものです。 より多くの人にクリックを強いる可能性があります。

5.バードアイ

サインアップ クリック後のランディング ページ BirdEye

ページの機能:

  • 見込み客はすでに BirdEye にサインアップすることを決定している可能性が高いため、最小限のコピーは素晴らしいことです。
  • 7 つのフォーム フィールドは、目標到達プロセスの意思決定段階にあるサインアップ ポスト クリック ランディング ページに最適です。
  • CTA ボタンのコピーはパーソナライズされており、説得力があります。 ただし、テキストを拡大すると、ボタンがより注目を集めるようになります。
  • ライブ チャットは、カスタマー サービスに連絡したい訪問者に最適なユーザー エクスペリエンスを提供します。
  • ソフトウェア イメージは、ソフトウェアが複数のデバイスで使用できる可能性を示しています。
  • 会社のロゴとカスタマー レビューは、BirdEye の無料試用版にサインアップすることによって、見込み客が正しい決定を下していることを保証します。 氏名、所属、顔写真は、レビューの信頼性を高めます。

実行する A/B テスト:

  • ページ上部の画像は、非常に近く (実際には重なっています)、多くのコピーが含まれているため、訪問者がリード獲得フォームから注意をそらす可能性があります。
  • フォームと CTA ボタンの周りに空白を追加すると、より注目を集めることができます。
  • 青の CTA ボタンは、オレンジなどの対照的な色の場合、ページからはみ出してしまいます。
  • 顧客の声 (「続きを読む」)の終了リンクは、訪問者が外部ページにリダイレクトされるため、サインアップから気をそらす可能性があります。

6.ライト

サインアップ クリック後のランディング ページ Ryte

ページの機能:

  • CTA ボタンのコピーは直接的で説得力があり、より多くのコンバージョンを生み出すのに役立ちます。
  • 複数の協力的な CTA ボタン(アンカー タグでもあります) は、プロスペクトにサインアップする多くの機会を提供します。
  • フォーム フィールドが 1 つだけであるため、見込み客はすばやく簡単に入力できます。
  • フォールドの上に十分な余白があると、見出し、フォーム、CTA ボタンに注意を引くことができます。
  • フォーム フィールドの下にある矢印は、視覚的な合図およびアンカー タグとして機能し、訪問者に下にさらに表示するものがあることを知らせ、クリックすると自動的に表示されます。
  • ブランド ロゴは、Ryte が獲得した他の評判の良い顧客を訪問者に示します。
  • 「Ryte でできること」セクションは、一人称コピーと特定の特典で非常にパーソナライズされており、訪問者にサインアップを説得するのに役立ちます。

実行する A/B テスト:

  • 青と緑はカラー ホイールの類似色であるため、緑の CTA ボタンはあまり目立ちません。
  • 終了リンク(Ryte ロゴ、ログイン リンク、連絡先メール アドレス、フッター リンク) は、訪問者の注意をそらし、ページから遠ざける可能性があります。
  • 意思決定段階のポスト クリック ランディング ページでは長いページ デザインは必要ありません。見込み客はこの時点で必要な情報のほとんどを持っているはずだからです。
  • 3 分以上の動画は、限られた注意力​​で限界を押し広げている可能性があります。 ビデオを削減すると、ページ滞在時間が増加し、最終的にはコンバージョンが増加する可能性があります。

7.メディアシャワー

サインアップ クリック後のランディング ページ メディア シャワー

ページの機能:

  • 色のコントラストでフォームをカプセル化すると、目立つようになります。
  • 5 つの基本的なフォーム フィールドは、見込み客にフォームを完成させるのに最適です。
  • 複数の場所で「無料」は効果的であり、「無料」が言及されていない場合よりも説得力があります。
  • 最小限のコピー(短い段落と太字のフォント) により、ページを簡単にスキャンして重要な情報をすばやく引き出すことができます。
  • 図像と太字のコピーは、メディア シャワー アカウントにサインアップすることの 3 つの主な利点に注目を集めます。
  • 顧客のロゴの上にあるオレンジ色の矢印は、フォームに向かう方向を示すキューとして機能します。
  • 信頼できるブランドのロゴは社会的証明として機能し、見込み客がメディア シャワーにサインアップすることを決定するのに役立ちます。

実行する A/B テスト:

  • 「送信」は CTA コピーの説得力がない。 「Sign Me Up for Media Shower」は、よりパーソナライズされ、説明的です。
  • オレンジ色の CTA ボタンは、ページに他のオレンジ色があるため、可能な限りポップしません。 紫や青などの別の対照的な色は、より注目を集める可能性があります。
  • ページ全体に空白を追加すると、ナビゲートと理解が容易になります。
  • 終了リンク(メディア シャワーのロゴ、ログイン ボタン、フッター リンク) は、1:1 のコンバージョン率に違反し、訪問者のコンバージョンを妨げる可能性があります。

8.ペイチェック

サインアップ クリック後のランディング ページ Paychex

ページの機能:

  • 切迫感(「期間限定」、「手遅れになる前に行動する」、「お見逃しなく」、「特別オファー」) により、見込み客はすぐにサインアップする必要があると感じます。
  • フォルムに向かう女性のまなざしは、無意識のうちに来場者もこちらに目を向けさせ、スタートへと誘います。
  • カプセル化により、ページ上でフォームが目立ちます。
  • オプトイン ボックスのチェックを外すと、Paychex は関心の高い顧客にのみテキスト メッセージを送信します。
  • CTA ボタンの矢印は、ユーザーがクリックすると、このページ以外にも価値があることを示しています。
  • Click-to-Call 電話番号は、最適なユーザー エクスペリエンスを提供します。
  • 誰もが無料を好むため、 「2 か月無料」は大きなセールス ポイントです (多くのオファーには 1 か月無料しか含まれていません)。
  • セクション ヘッダー、箇条書き、太字の書式設定、図像で特定のコピーを強調表示すると、訪問者は最も重要な詳細を簡単に見つけることができます。
  • 業界の賞は、見込み客が Paychex トライアルにサインアップする必要がある理由を思い起こさせるものです。

実行する A/B テスト:

  • 緑の CTA ボタンは、オレンジのように対照的な色であれば、非常に目立つでしょう。
  • 7 つのフォーム フィールドがコンバージョンの総数を制限している可能性があり、いくつかの入力フィールドを削除するとコンバージョンが増加する可能性があります。
  • Paychex ロゴ、ハイパーリンクされたアスタリスク、およびフッター リンクは、訪問者の注意をそらし、変換せずにページから離す可能性がある終了リンクです。
  • コピーの量は見込み客にとって圧倒的かもしれません。 無料トライアルにサインアップするためにこのポスト クリック ランディング ページにいる場合、大量のコピーは必要ありません。
  • 見込み客が必要とするほとんどの情報をすでに持っているはずなので、意思決定段階のサインアップ ページに2 本の動画は多すぎるかもしれません。

9.禅プランナー

サインアップ クリック後のランディング ページ Zen Planner

ページの機能:

  • フォームをカプセル化することで注目を集めることができ、より多くの人が注目してフォームに記入するようになる可能性があります。
  • 非常に基本的な情報を要求する4 つのフォーム フィールドは、見込み客に情報を入力してもらうのに最適です。
  • ページには他に緑がないため、緑の CTA ボタンが目立ちます。
  • CTA ボタンの「無料」は説得力があります。 ただし、一人称コピーを追加すると、よりパーソナライズされた説得力のあるものになります.
  • 非常に最小限のコピーにより、訪問者は主要な要素であるフォームと CTA ボタンに集中できます。
  • 図像と赤/太字のフォントにより、Zen Planner セクションの利点は、ページをスキャンすることで簡単に見つけることができます。
  • 社会的証拠(顧客の証言、Trustpilot のレビュー、および業界の賞) は、見込み客が Zen Planner に満足している他の人がいることを思い出させます。

実行する A/B テスト:

  • Web ユーザーはページの左上に会社のロゴが表示されることに慣れているため、お問い合わせリンクの場所が適切ではありません。 ここにリンクがあると、このページから非常に簡単に退出できます。
  • 複数の離脱リンク(お問い合わせリンク、Zen Planner のロゴ、および賞のロゴ) は、エスケープ ルートとして機能し、コンバージョンを減少させる可能性があります。
  • 見込み客が個人情報を送信するのを思いとどまらせるようなプライバシー ポリシーはありません

10. エマ

サインアップ クリック後のランディング ページ Emma

ページの機能:

  • 基本情報を要求する 4 つのフォーム フィールドにより、見込み顧客はすばやく簡単に入力できます。
  • Click-to-Call 電話番号により、訪問者は必要に応じて Emma の担当者に簡単に連絡できます。
  • 最小限のコピーにより、見込み客はフォームへの入力と Emma へのサインアップだけに集中できます。
  • CTA ボタンのコピーはアクションを要求しますが、パーソナライズされたコピーを使用すると、より多くのコンバージョンが生成される可能性があります (たとえば、「切り替えの準備ができました!」など)。
  • 顧客の声は、サインアップする前に見込み客に最後の励ましを与えます。

実行する A/B テスト:

  • デモの 2 番目のオファーは、アカウントにサインアップするというコンバージョンの主な目標から焦点をそらします。
  • ハイパーリンクされた Emma のロゴは、変換せずに訪問者をページからすぐに削除する可能性があります。
  • 青色はページで頻繁に使用されるため、青色の CTA ボタンは、オレンジなどの別の色にするとより目立ちます。
  • 見込み客を心配させ、サインアップを妨げるようなプライバシー ポリシーはありません

サインアップ後のクリック ランディング ページですべてが変わる

バイヤーズジャーニーの決定段階に到達するまでに、見込み客は問題を抱えていることを認識し、オプションを検討し、製品やサービスを選択するよう説得します。 次の論理的なステップは、サインアップ後、コンバージョンせずにはいられないランディング ページをデザインすることです。

広告のクリックをコンバージョンに変え、オファーごとに専用の高速ロード ポスト クリック ページを作成します。 今すぐ Instapage Enterprise デモにサインアップして、ユニークなポスト クリック ランディング ページをオーディエンスに提供する方法をご覧ください。