10見込み客を変換させるランディングページの例にサインアップする
公開: 2018-06-05ランディングページにサインアップする場合、見込み客に完了してもらいたい1つの目標は、サービスに登録することです。 次に、すべての設計要素がその目標の達成に役立つことを確認する必要があります。
クリック後のランディングページを簡単に定義した後、10個のサインアップページの例を批評し、サインアップを生成するために何がうまくいくか、そして潜在的により良いコンバージョン結果を得るためにA / Bテストを行うことができます。
サインアップランディングページとは何ですか?
典型的なクリック後のランディングページは、説得力のある要素(説得力のある見出し、魅力的なメディア、貴重な社会的証明、注目を集めるCTAボタンなど)を使用して、訪問者に特定のオファーに対して行動を起こすように説得するスタンドアロンのWebページです。 そのアクションは、アカウントの設定、ガイドのダウンロード、ウェビナーへの登録、デモのスケジュールなどです。
サインアップランディングページには、サービスのサインアップを生成するという非常に具体的なコンバージョン目標が1つだけあります。
サインアップは通常、コンバージョンファネルの最後のステップであるため、サインアップランディングページは、見込み客にコンバージョンを促すことにそれほど重点を置いていません。 むしろ、このページタイプは、変換に伴う摩擦を最小限に抑えることを目的としています。 つまり、従来のクリック後のランディングページ要素(社会的証明、紹介文、魅力的なメディアなど)は、サインアップページにはそれほど必要ではありません。
10クリック後のランディングページの例にサインアップ
(短いサインアップページの例では、ページ全体を表示しました。ただし、長いページでは、折り目の上にのみ表示します。説明するポイントの一部を表示するには、各ページをクリックする必要がある場合があります。また、保持します。一部のブランドは、以下に表示されているものとは別のバージョンでページをA / Bテストしている可能性があることに注意してください。)
1. LifeLock

ページがうまくいくこと:
- 「何を待っているの?」 下の統計は緊急性の要素として機能し、訪問者に今すぐサインアップするように促します。
- 「数分で登録」と「サインアップに数分しかかからない」は、サインアッププロセスが迅速かつ簡単であることを見込み客に知らせます。
- 赤いCTAボタンは、ページの他の部分とよく対照的であるため、注目を集めています。
- 上部と下部のCTAボタンは、見込み客を中央のCTAボタンに自動的に移動させ、クリックしてリードキャプチャフォームに移動するアンカータグです。
- クリックスルーデザインは、訪問者がフォームにすぐに脅かされることがないため、クリック後のランディングページの摩擦を軽減します。
- マルチステップフォームは、長いフォームを短くて手間のかからないステップに分割することで、サインアッププロセスの負担を軽減します。
- ページ全体の画像は、さまざまなソフトウェア機能が複数のデバイスでどのように見えるかを見込み客に示しています。
- 箇条書きのチェックリストは、一般的な機能だけでなく、LifeLockの最大のメリットを見込み客に示しています。
- 星の評価と顧客の声は、LifeLockを選択する正しい決定をしたことを見込み客に思い出させ、さらにメンバーシップにサインアップするように促します。
実行するA / Bテスト:
- クリックして電話をかける電話番号を使用すると、見込み客がカスタマーサービスに連絡しやすくなります。
- 多くの終了リンク(LifeLockロゴ、法律情報、レビュー、メンバーシップのキャンセル、返金ポリシー)により、訪問者は変換する前にページを離れることができます。
- ページ全体に細かく印刷すると、見込み客がサインアップするのをためらう可能性があります。
- 2番目のオファー(無料の個人情報盗難防止ハンドブック)は、訪問者をメインのオファー(LifeLockメンバーシップにサインアップ)からそらす可能性があります。
- 一人称のコピーを追加すると、より多くの見込み客がCTAボタンをクリックするように強いられる可能性があります。
- CTAボタンの周囲に空白を追加すると、ボタンをより目立たせることができます。 最後のCTAボタンは、より多くの空白で囲まれ、視覚的なキュー矢印が含まれていますが、ページの一番下にあります。
2.どこでも映画

ページがうまくいくこと:
- クリックスルー形式により、訪問者はフォームに記入する前に、クリック後のランディングページの情報を吸収できます。
- ページ全体のブランドロゴは、 MoviesAnywhereを使用している有名な企業を訪問者に示しています。
- 最小限のコピーにより、訪問者はページをナビゲートしてアカウントにサインアップするのがすばやく簡単になります。
実行するA / Bテスト:
- 複数の終了リンク(スキップ、ログイン、モバイルデバイスのダウンロードボタン、映画の表紙、フッターナビゲーション)により、訪問者は変換する前にページを離れるのが簡単になりすぎます。
- 青いCTAボタンは、オレンジのように対照的な色であれば、より目立ちます。
- CTAボタンのコピーは、「無料のアカウントを作成してください」のようにパーソナライズされて説得力がある場合、より多くの見込み客にクリックを促す可能性があります。
- アカウントが無料であることを強調すると(見出しまたはCTAボタンで)、より多くのコンバージョンが発生する可能性があります。
3. Qlik

ページがうまくいくこと:
- フォームに対する女性の視線は、見込み客をそこにも見せる可能性が高い方向性の手がかりです。
- 色のコントラストによるカプセル化は、フォームに注意を引くのに役立つ視覚的な手がかりです。
- チェックされていないオプトインボックスは、見込み客がQliksの利用規約を読み、サインアップすることを確信していることを意味します。
- 複数の場所(本文のコピーとフォームのヘッダー)で「今日」を強調することは、切迫感を強調します。
- ソフトウェアイメージは、ソフトウェアがさまざまなデバイスと互換性があることを訪問者に示しています。
- ライブチャット機能により、見込み客はカスタマーサービスにすばやく簡単に連絡でき、ユーザーエクスペリエンスが向上します。
- メリットチェックリストは、セルフサービスのデータ視覚化ソフトウェアとしてQlikを選択した理由を見込み客に思い出させます。
- ブランドロゴは社会的証明として機能し、他の評判の良い企業がQlikを信頼していることを訪問者に知らせます。
実行するA / Bテスト:
- 11のフォームフィールドが見通しを圧倒する可能性があります。 フォームを複数のステップのプロセスに分割すると、摩擦が減り、より多くの変換が生成される可能性があります。
- CTAボタンの「送信」はあいまいです。 「無料のQlikアカウントにサインアップする」など、コピーが魅力的だった場合、ボタンのクリック数が増える可能性があります。
- アカウントが無料であることを強調すると、より多くのサインアップが生成される可能性があります。
- ハイパーリンクされたQlikロゴは、変換せずにページから訪問者をすぐに削除できます。
4. D&Bフーバーズ

ページがうまくいくこと:
- ライブチャットとClick-to-Call電話番号(2か所)により、訪問者は必要に応じてD&BHooversカスタマーサービスに簡単に連絡できます。
- 見出しと小見出しは、会社独自の価値提案を明確に伝えています。
- フォームフィールドのアスタリスクは、すべてのフィールドが必須であることを示しているため、サインアッププロセス中に見込み客が驚かないようになっています。
実行するA / Bテスト:
- 終了リンク(D&Bロゴ、フッターナビゲーション、ソーシャルボタン)を使用すると、訪問者はサインアップせずにページからの脱出ルートを利用できます。
- 購入者の旅のこの段階では、コピーが少ない方がよいでしょう。 統計の近くにあるテキストのブロックを削除すると、ページのスキマビリティに役立つ可能性があります。
- 8つのフォームフィールドは、人々がサインアップすることを奨励するには摩擦が大きすぎる可能性があります。 フォームフィールドを減らすと、コンバージョンが増える可能性があります。
- ターコイズのCTAボタンの色はそれほど目立ちません。 赤またはオレンジは、このページでより多くの注目を集めるでしょう。
- CTAボタンのコピーは、よりパーソナライズされ、説得力のあるものにする必要があります。 「無料トライアルを始めよう!」のようなものです。 より多くの人にクリックを強いる可能性があります。
5. BirdEye

ページがうまくいくこと:
- 見込み客はすでにBirdEyeにサインアップすることを決定している可能性が高いため、最小限のコピーは素晴らしいです。
- 7つのフォームフィールドは、目標到達プロセスの決定段階でクリック後のランディングページにサインアップするのに最適です。
- CTAボタンのコピーはパーソナライズされており、説得力があります。 ただし、テキストを拡大すると、ボタンがより注目を集めるようになります。
- ライブチャットは、カスタマーサービスに連絡したい訪問者に最適なユーザーエクスペリエンスを提供します。
- ソフトウェアイメージは、ソフトウェアが複数のデバイスで使用できる可能性を示しています。
- 会社のロゴとカスタマーレビューは、BirdEyeの無料トライアルにサインアップすることで、見込み客が正しい決定を下していることを保証します。 氏名、所属、顔写真は、レビューの信頼性を高めます。
実行するA / Bテスト:
- ページ上部の画像は、非常に近く(実際には重複している)、大量のコピーが含まれているため、リードキャプチャフォームから訪問者の注意をそらす可能性があります。
- フォームとCTAボタンの周りに空白を追加すると、より多くの注目を集めることができます。
- 青いCTAボタンは、オレンジのような対照的な色の場合、ページからさらに飛び出します。
- お客様の声の終了リンク(「続きを読む」)は、訪問者が外部ページにリダイレクトされるため、サインアップの邪魔になる可能性があります。
6.ライト


ページがうまくいくこと:
- CTAボタンのコピーは直接的で説得力があり、より多くのコンバージョンを生み出すのに役立ちます。
- 複数の協力的なCTAボタン(アンカータグでもあります)は、見込み客にサインアップする多くの機会を与えます。
- フォームフィールドが1つしかないため、見込み客はすばやく簡単に入力できます。
- 折り目の上の十分な空白は、見出し、フォーム、およびCTAボタンに注意を引くのに役立ちます。
- フォームフィールドの下にある矢印は、視覚的な合図とアンカータグとして機能し、訪問者に下に表示されるものが他にもあることを知らせ、クリックすると自動的に表示されます。
- ブランドロゴは、Ryteが獲得した他の評判の良い顧客を訪問者に示します。
- 「Ryteを使用するとできる」セクションは、一人称のコピーと、訪問者にサインアップするように説得するのに役立つ特定の利点で非常にパーソナライズされています。
実行するA / Bテスト:
- 青と緑はカラーホイールの類似色であるため、緑のCTAボタンはそれほど目立ちません。
- 終了リンク(Ryteロゴ、ログインリンク、連絡先の電子メールアドレス、およびフッターリンク)は、訪問者の注意をそらし、ページから削除する可能性があります。
- 見込み客はこの時点までに必要な情報のほとんどを持っているはずなので、長いページのデザインは、決定段階のクリック後のランディングページには必要ありません。
- 3分以上の動画は、限られた注意力で限界を押し広げている可能性があります。 動画を減らすと、ページ滞在時間が長くなり、最終的にはコンバージョンが増える可能性があります。
7.メディアシャワー

ページがうまくいくこと:
- フォームを色のコントラストでカプセル化すると、目立つようになります。
- 5つの基本的なフォームフィールドは、見込み客にフォームへの記入を促すのに最適です。
- 「フリー」とは、複数の場所で効果的と「自由」は言及されなかった場合よりも説得力があります。
- 最小限のコピー(短い段落と太字のフォント)により、ページを簡単にスキャンして、重要な情報をすばやく引き出すことができます。
- 図像と太字のコピーは、MediaShowerアカウントにサインアップすることの3つの主な利点に注目を集めます。
- 顧客のロゴの上にあるオレンジ色の矢印は、フォームを指す方向の合図として機能します。
- 信頼できるブランドロゴは社会的証明として機能し、MediaShowerにサインアップする見込み客の決定を促します。
実行するA / Bテスト:
- 「提出」は、CTAコピーに対して説得力がありません。 「SignMeUp for Media Shower」は、よりパーソナライズされた説明的なものです。
- オレンジ色のCTAボタンは、ページに他のオレンジ色があるため、できるだけポップしません。 紫や青のような別の対照的な色は、より多くの注目を集めるかもしれません。
- ページ全体に空白を追加すると、ナビゲートと理解が容易になります。
- 終了リンク(Media Showerロゴ、ログインボタン、およびフッターリンク)は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ボタンに集中できます。
- 図像と赤/太字のフォントにより、ページをスキャンすることでZenPlannerセクションの利点を簡単に見つけることができます。
- 社会的証明(顧客の声、トラストパイロットのレビュー、業界の賞)は、ZenPlannerに満足している人が他にいることを見込み客に思い出させます。
実行するA / Bテスト:
- Webユーザーはページの左上に会社のロゴが表示されることに慣れているため、お問い合わせリンクは不適切な場所にあります。 ここにリンクがあると、このページからの非常に簡単な出口ルートになります。
- 複数の出口リンク(お問い合わせリンク、Zen Plannerロゴ、および賞のロゴ)は、逃げ道として機能し、コンバージョンを減らす可能性があります。
- プライバシーポリシーは、見込み客が個人情報を提出することを思いとどまらせることはできません。
10.エマ

ページがうまくいくこと:
- 基本情報を要求する4つのフォームフィールドにより、見込み客はすばやく簡単に入力できます。
- Click-to-Call電話番号を使用すると、訪問者は必要に応じてEmmaの担当者に簡単に連絡できます。
- 最小限のコピーにより、見込み客はフォームへの記入とEmmaへのサインアップのみに集中できます。
- CTAボタンのコピーにはアクションが必要ですが、パーソナライズされたコピーを使用すると、より多くのコンバージョンが生成される可能性があります(たとえば、「切り替える準備ができました!」)。
- 顧客の声は、サインアップする前に見込み客に最後の励ましを与えます。
実行するA / Bテスト:
- デモの2番目のオファーは、アカウントにサインアップするという主要なコンバージョン目標から焦点を外します。
- ハイパーリンクされたEmmaロゴは、変換せずにページから訪問者をすぐに削除できます。
- 青はページで頻繁に使用されるため、オレンジなどの別の色の場合、青のCTAボタンはより目立ちます。
- プライバシーポリシーは、見込み客を心配し、彼らがサインアップするのを妨げる可能性はありません。
クリック後のランディングページにサインアップすると、すべての違いが生まれます
見込み客が購入者の旅の決定段階に到達するまでに、彼らは問題があることを知り、彼らの選択肢を検討し、あなたは彼らにあなたの製品やサービスを選択するように説得しました。 次の論理的なステップは、変換せずに離れることができないサインアップのクリック後のランディングページを設計することです。
広告のクリックをコンバージョンに変え、すべてのオファーに専用の高速読み込みのポストクリックページを作成します。 今すぐInstapageEnterprise Demoにサインアップして、ユニークなクリック後のランディングページを視聴者に提供する方法をご覧ください。
