変換するように構築された15のデータ駆動型ランディングページ

公開: 2021-07-20

消費者がオンラインで購入を決定する中で、購入元に影響を与える最も重要な要素の1つは、PPCランディングページのエクスペリエンスです。

これは、ページのオファー、メッセージング、および全体的なデザインの背後にある心理学によるものです。 これは、ユーザーをあなたのサイトから跳ね返らせるか、あなたが引き出している行動を取るようにユーザーを誘惑します。 統計によると、最初の試行で訪問者にセールスファネルへの入店を促さないと、訪問者が戻って目的のアクションを実行する可能性が大幅に低下し、ユーザーの26％しか戻ってこないことがわかります。

人間の脳は約13ミリ秒以内に情報を処理することがわかりました。 その後、視覚刺激に反応するのに平均して400〜500ミリ秒かかります。

ユーザーインタラクションの以前の統計を見ると、大多数の新規ユーザーはWebページに15秒しか費やしていません。 したがって、相手があなたのページを見てからその情報を処理するまでの間に誰かの注意を引くことができなければ、あなたは売り上げを失ってしまいます。

パフォーマンスの高いランディングページとパフォーマンスの低いランディングページを区別するのは、わずかな違いです。 これらの側面は、コンバージョン率最適化（CRO）設計者の間で科学として研究されています。 以下は非常に効果的なPPCランディングページの15の異なる例です。 あなた自身のブランドのページを刺激するための模範的なモデルとなる要素の概要を説明します。

編集者注：これが最も影響力のある領域であるため、主に各PPCランディングページの「折り畳み上」セクションに焦点が当てられていることに気付くでしょう。 調査によると、ユーザーの閲覧時間の80％がスクロールしなければ見えない位置に費やされており、この領域がページの最も重要な部分になっています。

1.ヴォリュージョン

貼り付けた画像029

PPCランディングページで機能する理由：

  • 競合他社の密猟：メッセージングは​​、競合他社の損失を利用して、ブランドがどれほど安定しているかを示す方法で、以前の顧客を利用します。
  • アクションベースの召喚状（ CTA ） ：アクションコール「STARTFREE TRIAL」は、よく書かれたアクションベースであり、ユーザーがクリックできるようにするための流行語「free」が含まれています。 また、目を引くために素晴らしい配色を利用しています。

改善点：

  • ページのセグメンテーション：ページ自体には組織構造がなく、各セクションを区切るために色や線を使用していません。 これは、ユーザーに感覚過負荷を引き起こす可能性があります。 左側のナビゲーションメニューと画像を含む各セクションをセグメント化し、色と形状を戦略的に使用することで、ページ上に視覚的および情報的な階層を作成できます。

2.変換する

貼り付け画像037

PPCランディングページで機能する理由：

  • 方向性のあるデザイン：ページに矢印を追加すると、目標到達プロセスの下部にある主要なCTAボタンにすぐに目を向けることができます。
  • 注意を引く色：ボタンの色のポップは、方向性のあるデザインの手がかりを強制するように機能します。
  • 二重の召喚状：さまざまなオファーを含む二重のCTAを含めると、販売およびマーケティングの目標到達プロセスの上位段階と下位段階でユーザーに会うことができます。 デモを予約する準備が整っていない場合は、購入する前に30日間の試用版を体験して、サービスをよりよく理解することができます。
  • ユーザーの摩擦の排除：「クレジットカードは不要」というスニペットを含めることで、ユーザーは、後でコミットメントなしで無料トライアルを受け取ることができるので安心できます。

改善点：

  • 選択言語：主な焦点はユーザーに無料トライアルにサインアップさせることですが、デモサインアップに焦点を当てたセカンダリCTAを最適化する必要があります。 「デモを予約する」というフレーズは、ユーザーが努力をしなければならず、スケジュールを立てるために仕事をしなければならず、おそらくデモのために営業担当者に話しかけなければならないことを意味します。 言語を変更して、ユーザーが提供しなければならないものではなく、ユーザーが受け取るものに焦点を合わせると、クリック数が多くなります。 改訂版は、「デモを入手する」または「今すぐデモを見る」のようになります。

3.Bluehost

貼り付けた画像031

PPCランディングページで機能する理由：

  • メリットのセクション：見出しの下の箇条書きにリストされているメリットは、読者にとっての価値をわかりやすい形式で明確に示しています。
  • 人間の視線：この例では、ページ上の人物が直接左を向いています。 これにより、ページ上のメリットとCTAにユーザーの注意を集中させる本能的な方向性の手がかりが得られます。

改善点：

  • 独自のバリュープロポジションの指定：現在の見出しは、サポートするコンテキストがなく、非常にあいまいです。 すべてのブランドは、彼らが最高であると主張しています。 ただし、このテキストには、理由や方法は記載されていません。 Bluehostが最高である理由は何ですか？ データはどこにありますか？ 視聴者が見出しにこのツールを使用する必要がある「理由」を含めると、登録数が増える可能性があります。
  • カプセル化：人間の視線の方向性の手がかりを強化するために、コピーとCTAを左側のボックス内にカプセル化できます。 この形式の指向性デザインは、ユーザーをページの主な目標にさらに導きます。

4.カバ

貼り付けた画像024

PPCランディングページで機能する理由：

  • 統計の利用：ユーザーが保険をどれだけ節約できるか（25％）を正確に伝えることで、見積もりを取得するように促されます。
  • 摩擦の軽減：ボタン内に「60秒」を追加すると、見積もりを受け取る速度を示すことでユーザーの不安を和らげ、摩擦を軽減します。
  • クイックキャプチャマルチステップフォーム：フォームは1つの質問に絞り込まれ、最初のリードを簡単に獲得できます。 この最初のステップの背後には、フォームの残りの部分があります。 より多くの情報が必要ですが、フォームに入力し始めたユーザーは、情報を入力しなかったユーザーよりもフォームを移動する傾向があることが証明されています。

改善点：

  • ボタンの色を増やす：現在、ブランドの配色と調和しています。 別の色を使用すると、より注意を引くことができます。
  • より良い画像の実装：現在の画像は見づらく、メッセージングを可能な限りサポートしていません。

5.全国

貼り付けた画像026

なぜそれが機能するのか：

  • 双方向デザイン：この画像は、2人の男性とその異なる視線で、見出しを指す複数の方向性の手がかりを利用しています。
  • 権威ある人物：カントリースターのブラッドペイズリーと元NFLクォーターバックのペイトンマニングを信頼できる人物として使用することで、全体的な信頼とブランドの支持が浸透します。 覚えておいてください。 このマーケティング戦術は、予算がある場合にのみ機能します。 ただし、PPCランディングページでのコンバージョンが増加する可能性があります。
  • オファーのインセンティブ：サインアップ時に無料のAmazon Echoを受け取るオファーを宣伝すると、複数の保険会社を決定するユーザーにさらに大きな誘惑が与えられます。

改善点：

  • 視線上での矢印の使用：現在、人間の視線は、ページ全体の目標自体（CTAボタン）ではなく、メインの見出しに焦点を合わせています。 ベストプラクティスは、方向性の手がかりは、見出しではなく、ページの重要な要素に注意を向けるべきであるということです。 矢印など、[開始]ボタンを指す方向性のあるデザイン要素を追加すると、ユーザーが目的のアクションを実行するのに役立ちます。
  • 1つのオファーに焦点を当てる：ページをよく見ると、合計5つの異なるCTAが見つかり、混乱を招く可能性があります。 ユーザーが選択できる選択肢の数を1つまたは2つに制限します。 提供するオプションが多すぎると、優柔不断な消費者の可能性と選択のパラドックスのリスクがあります。

6.マジスト

貼り付けた画像032

PPCランディングページで機能する理由：

  • 微妙な暗黙の方向の手がかり：このページでは、小見出しを「開始」ボタンを指す矢印の形に配置することにより、方向のデザインを微妙に使用しています。
  • 明確な価値提案：ユーザーは、コピーを読むことで、プログラムが簡単で簡単に使用できることを学びます。 それは彼らがこのソフトウェアを利用することによってどれだけ速くビデオを作成できるかを彼らに知らせます。

改善点：

  • 気を散らすものを排除する：ナビゲーションバーを削除して気を散らすものを排除し、ユーザーがCTAページに集中できるようにします。
  • ブランドの信頼を確立する：顧客の見積もりや主力クライアントのロゴなどの社会的証明を追加すると、全体的なブランドの信頼を高めることができます（以下の例を参照）。

指令エンタープライズブランドの検索エンジンマーケティングエージェンシー

7.アンジーのリスト

貼り付けた画像036

PPCランディングページで機能する理由：

  • 堅牢な配色：前述のように、このページでは、ページの緑色の配色とは対照的に、オレンジ色のCTAボタンが付いた反対の色を使用しています。 色が飛び出し、訪問者の目を引き付けます。
  • 顧客固有の情報：このページでは、場所固有のデータを提供することにより、顧客に固有のコピーを使用します。

改善点：

  • 統計に注意を向ける：この地域の配管工の数が目立った場合、潜在的な購入者が購入を決定する際の信頼がさらに高まります。 現在、数字は背景にフェードインしています。

8.ダイヤルパッド

貼り付けた画像033

PPCランディングページで機能する理由：

  • ユーザーの信頼を確立する：折り目の上の高い星評価を強調することで、製品に対する信頼、妥当性、および信頼感が生まれます。 また、5つ星が満杯ではないため、臨場感もあります。
  • 説明的な小見出し：小見出しのテキストは、プラットフォームの機能と関連するユースケースを明確に説明しています。
  • 補足的な製品画像：画像はプラットフォームの詳細を示しており、ユーザーがサインアップしたときに受け取るもののプレビューを提供できます。

改善点：

  • 自分自身に集中することは避けてください。見出しは会社を中心としており、「宣伝」として外れる可能性があります。 企業はここでマークを見逃し、見込み客に共鳴しない可能性があります。 代わりに、ターゲットオーディエンスとその優先順位または問題点を中心とした言語を利用してください。 たとえば、「従来の電話システムと比較して、チームのコミュニケーションをX％増やします。」 ユーザーは自分が何を得るかをもっと気にするので、メッセージでブランドを使いすぎないようにしてください。
  • レビューソースを区別する：ハイスターレビューは強調するのに優れていますが、これらのレビューはどこから来ているのかという疑問を投げかけます。 選択したレビュープラットフォームのブランドをユーザーが認識すると思い込まないでください。 信頼できる情報源（Capterra、TrustPilot、Software Advice、G2など）なしでレビュースターを表示すると、信頼性が制限されます。

9.ドアダッシュ

貼り付けた画像025

PPCランディングページで機能する理由：

  • 率直な動機：フォームの見出しはユーザーにとって非常に動機付けであり、サインアップして現金を稼ぎ始めるために電子メールを入力するようにユーザーを説得します。 コピーの焦点は、ユーザーが最も価値があると思うもの、$$に集中しています。 また、「ベーコン」に言及して、DoorDashが提供している食品と結びついています。
  • 気を散らすものがない：ナビゲーションバーにページを残すオプションはなく、ページは1つのプライマリCTAで短くなっています。

改善点：

  • より良い構成：コピーとフォームは現在の画像をブロックします。 これらの要素をどちらかの側に移動すると、背景画像が見やすくなります。 これにより、ユーザーはサービスをより適切に視覚化できるだけでなく、ページ全体の構成を増やすことができます。
  • 言語を合理化する：「稼ぎ始める」などのより強力なCTAは、人が最初に始める理由に結びつくため、より良い結果をもたらします。 これにより、ヘッドラインとサブヘッドラインに関するメッセージが召喚状に直接流れるようになります。

10.T-mobile

貼り付けた画像027

PPCランディングページで機能する理由：

  • すっきりとしたミニマリストデザイン：このページは、ユーザーに新しい電話を事前注文してもらうという明確な目的を持ったシンプルなデザインを伝えています。 それは電話の画像が余分なノイズなしで彼ら自身のために話すことを可能にします。
  • ブランドについて： Appleなどの世帯名に小見出しや動機付けの余分な単語を使用する必要はありません。 どうして？ 製品はすでに非常に有名であり、それらの製品は需要があるので、彼らは彼らの名前を有利に利用することができます。

改善点：

  • 複数のCTAの削減：このページの目的は、ユーザーが新しいiPhoneを事前注文することです。 ただし、「専門家とのチャット」CTAはユーザーの注意を奪い合っています。

11.ハローフレッシュ

貼り付けた画像028

PPCランディングページで機能する理由：

  • 適切なオーディエンスに語りかける：メインの見出しにある「食べるのと同じくらい簡単に調理する」という表現は、理想的な顧客プロファイル（ICP）に共鳴する独自の価値提案を正確に表しています。
  • 貴重なオファー：ページ上の複数のオファーは、ユーザーが非常に飽和状態の業界で競合他社から自分自身を変換して区別するための優れたインセンティブを提供します。 正確な金額を入力すると、視聴者は最初から節約額を確認できます。
  • 関連するビジュアル：ページ上の画像はサービスに接続されており、製品の品質と使いやすさの具体的なビジュアルをユーザーに提供することで、コピーをサポートします。

改善点：

  • オファーのより良い使用：オファーを主要なタッチポイントとして利用することで、切迫感を生み出すことができます。 しかし、それは彼らの利点に少し良く使用することができます。 たとえば、オファーの有効期限が切れるときのタイマーカウントダウンなど、方向性のある設計要素を実装すると、ここで機能します。 また、ユーザーがカーソルをページから遠ざけるとポップアップする終了意図オファーを追加すると、価値が提供されます。 これらの要素は緊急性を高め、跳ね返る準備ができている可能性のあるユーザーをページにとどめます。
  • より良いCTAラベル：「はじめに」から「食事を送る」、「貯金を得る」、または製品に固有の別の同様のCTAへのCTAテキストの変更は、変換の可能性が高くなります。 あなたの顧客と彼らの特定の申し出に直接話すことはより高いコンバージョン率につながります。

12.Monday.com

貼り付けた画像030

PPCランディングページで機能する理由：

  • 目立つ行動の呼びかけ： CTAボタンの色が飛び出し、ページの最も重要な部分に直接目を引きます。
  • 箇条書きの構造：箇条書きのバリュープロポジションは、簡単に消化できるアクションベースのコピーを提供します。 これにより、ユーザーが意思決定を行う前に、より説得力が必要になる可能性のあるユーザーをさらに簡単にすることができます。
  • 整理されたページフロー：全体的なページデザインが調和して機能し、さまざまな要素を強化し、優れたUXを作成します。
  • ダイレクトメッセージング：短くてシンプルな見出しと小見出しは、ユーザーが重要な詳細をざっと読むだけでなく、ページ全体を読む可能性を高めます。 ランディングページや広告を作成するときにあまりにも多くの「綿毛」を含めることは、マーケターが犯す最も顕著な間違いの1つです。

改善点：

  • フィールドラベルの移動：フォーム自体に「workemail」というラベルを付けると、ユーザーがクリックして入力すると表示されなくなるため、摩擦が発生する可能性があります。 フォームボックス自体の上にラベルを追加することで、ユーザーはいつでも何が必要かを簡単に知ることができます。
  • より説得力のある言い回し： 「開始」CTAを「追跡開始」に変更すると、コンバージョン数が増える可能性があります。 常に訪問者の問題点に戻ってください。 彼らはリードトラッキングに興味があるので、このサイトにアクセスしています。 彼らが必要な場所にたどり着くのを手伝ってください。

13.たるみ

貼り付けた画像023

PPCランディングページで機能する理由：

  • ブランドの活用：Slackは巨大なブランド名を所有しているため、このような状況で会社名を活用することは、権限を確立する上で有益です。
  • 企業顧客の社会的証明：有名ブランドの顧客ロゴを含めることで、ユーザーに信頼と人気を植え付けることができます。 「TargetとEAがこのブランドを信頼するなら、それは私の時間の価値があるに違いない」という考えをユーザーの心の中に置きます。
  • 気を散らすものが限られている：ナビゲーション内に追加のリンクはなく、訪問者をさまざまなページに誘導します。 このページの要点は明確であり、既存の顧客には直接CTAと二次CTAがあります。

改善点：

  • 信頼の促進：このページは、すでに自信を植え付けるために立派な仕事をしています。 ただし、見出しで異なる言い回しを利用すると、すでに強力なアイデアをさらに確立できます。 「Slackで作業の生産性をX％向上させる」を含むコピーは、さらに多くの価値とその信頼要素を追加します。

14.プログレッシブ

貼り付けた画像035

PPCランディングページで機能する理由：

  • 方向性の手がかり：背景画像は、女性がフォームを直接見ている方向性の手がかりを提供します。
  • 彼らのICPに共鳴する：見出しは彼らのターゲットオーディエンスに固有です。 「中小企業」を含めることで、そのバケツにいない顧客を思いとどまらせることができます。
  • ハイパースペシフィックCTA ：CTAラベルは、「今すぐ開始」などのより一般的な表現ではなく、オファーに固有のものです。 ユーザーは、情報を入力すると見積もりを受け取る準備ができており、購入の決定に向けて次のステップに進みます。
  • バランスの取れたCTA ：セカンダリCTAはすぐに利用できますが、メインの「見積もりを取得」CTAほど目立ちません。

改善点：

  • 色の変更：CTAボタンのポップな色を利用して目立たせることをここで実装する必要があります。 現在の青は際立っていますが、まったく異なる色の場合ほどではありません。 あなたが彼らに何をしてほしいかを人々に気づかせてください。
  • ユーザーに話す：「見積もりを依頼する」ではなく「見積もりを依頼する」と言って、聴衆に向かってもっと話します。 これはパーソナライズの感覚を追加し、それは小さな努力ですが、それはあなたの製品と聴衆の間のつながりのタッチを追加することができます。
  • 競争から目立つ：ビジネス保険などの競争の激しい業界では、企業は群衆から抜け出さなければなりません。 「保険で最大X％節約」など、チームがユーザーをどれだけ節約できるかを説明する統計を小見出しに含めると、信頼が構築され、このPPCランディングページが次のレベルに引き上げられます。

15.パイプドライブ

貼り付けた画像034

PPCランディングページで機能する理由：

  • 明示的なデザインの手がかり：意図的かどうかに関係なく、ページの下部にある画像は、プライマリCTAを指す方向性のあるデザインの手がかりとして機能します。
  • パフォーマンスの向上を指定する：実際の統計（28％）を使用することは、コンバージョンを増やし、ユーザーに製品を試してみる動機を与える具体的な数値を提供するための効果的な方法です。 あなたのコピーの中に実際の数を提供することによって、ユーザーはあなたの製品が彼ら自身の生活をどれだけ改善するかについても共鳴することができます。
  • 障壁の最小化： CTAボタンの下にあるコピーは、無料の製品を試すときにユーザーがためらう可能性のあるものを制限します。 通常、無料トライアルでもクレジットカードが必要です。 ただし、それが不要であると述べることは、より良いUXにつながります。

改善点：

  • ブランドの信頼：顧客のロゴやレビューの形で、折り目の上のページに社会的証明を追加します。 あなたはドリルを知っています。
  • 丸いボタンの追加：ボタンを鋭いエッジから丸いボタンの形状に変更すると、一部の調査でコンバージョン率と全体的なユーザーエクスペリエンスが向上することが証明されており、このページの改善に役立つ可能性があります。

CROの重要性

全体として、これらのランディングページは、小さな最適化がどのように堅牢な結果につながるかを示すほんの一例です。 上記で収集したように、ほとんどのページは、折り畳みの上に含まれる要素と同じ全体的なベストプラクティスに従います。

これらのベストプラクティスはすべて、顧客の心理と、脳がさまざまな形、言語、相互作用にどのように反応するかを考慮に入れています。 脳がどのように機能するかを理解することにより、CROの基礎を学び、ページでのコンバージョンを増やすことができます。

最後に食料品の買い物に行ったときのことを考えてみてください。 あるブランドの冷凍ピザを別のブランドよりも選択した要因は何でしたか？ それはブランドの親しみやすさ、価格、パッケージングでしたか？ それとも、製品をより高い棚に戦略的に配置したことで、無意識のうちにそれがより良いブランドだと思わせたのでしょうか。

これらのマイナーな要素はすべて、消費者心理と購入決定において印象的な役割を果たします。

このようなわずかな時間で、ユーザーはオンラインで簡単な決定を下すことができます。 ベストプラクティスのCRO戦略を実装し、A / Bテストを継続的に実行する必要があります。 この概念を念頭に置いてページを構築すると、全体的な成長とUXの向上につながります。