素晴らしいランディングページの5つの例とそこから学べること

公開: 2017-06-08

効果的なランディングページは、ユーザーにサイトのより関連性の高いエクスペリエンスとより的を絞ったマーケティングを提供するのに役立ちます。 訪問者に選択やデータの入力を依頼することで、次にどのコンテンツを提供するかを決定できます。 また、デジタルマーケティングでそれらをターゲットにする方法を推測することもできます。

この記事では、優れたデザインと戦略を使用して情報を収集し、コンバージョンを促進し、ユーザーを適切なエクスペリエンスに導く5つのランディングページの例について説明します。 これらの表面上非常に異なるサイトのいくつかに共通する戦術に注意してください。

Hootsuite

おそらく当然のことながら、最も典型的なランディングページは、B2Bマーケティングツールプロバイダーのサイトで見つかることがよくあります。 Hootsuiteからこの宝石を例にとってみましょう。

Hootsuiteのランディングページには好きなものがたくさんあります。 そのヘッダーを見てください:「すべてのソーシャルメディアを1か所で管理する」。 それは即座に読者にウェブページが何であるかを正確に伝え、それは効果的に関連する訪問者を引き付け、同時に決して回心する可能性がない人々を思いとどまらせます。 [H2]は、製品のより広範な機能をからかう詳細(「見込み客を見つける」、「より多くのことを行うのに役立つ」)で続きます。 ブランドの重要な戦略的位置を強調するヘッダーと、製品の深さを示すサブヘッダーの組み合わせは非常に効果的です。

エコーするCTA

このランディングページを一目見れば、ヘッダーバナーのCTAボタン「30日間の無料トライアルを開始」と「プランの比較」にすぐに気付くでしょう。 これらのボタンはそれ自体がうまく実行されます。 Hootsuiteが最もクリックしてほしいのは2つのうちどちらだと思いますか? あなたが私たちのようなものなら、おそらく「緑のもの」と言うでしょう。 目立ちます。

コンバージョン率の最適化のスペシャリストは、CTAボタンで使用されている色と人々が作る文化的で本能的な関連性について非常に深く考えていますが、おそらくこれまでのところ、物事を理解する時間はありません。 代わりに、開発チームにA / B実験を設定して、ランディングページでさまざまな色のCTAボタンがどのように機能するかを比較することをお勧めします。 時間の経過とともに、どの色がオーディエンスから最高のクリック率を獲得しているかを確認できるようになります。

さて、Hootsuiteのランディングページに戻ると、これらのCTAが一度だけ表示されるわけではないことに気付いた方もいらっしゃるかもしれません。 実際、それらはページの下部に向かって繰り返されます。

使用されるコピーURLと宛先URLは、スタイルは異なりますが、ヘッダーCTAで使用されるものとまったく同じです。 では、なぜ同じランディングページで同じCTAを2回使用するのでしょうか。

明白な答えは、訪問者の使いやすさです。 製品を試したり、Hootsuiteの料金を表示したりすることを知っている人は、ヘッダーCTAのいずれかをすぐにクリックできます。一方、ランディングページのコンテンツを最初に読みたい人は、最初にそれを実行してから、便利な場所にあるものの1つをクリックできます。ページのさらに下にあるCTA。 視聴者は、変換する可能性が最も高いと見なされる可能性のあるプロセスの両方のポイントでボタンを簡単に見つけることができます。

ページ上で同じボタンを繰り返し使用すると、不快なスパム効果が生じる可能性があるため、これらの類似したCTAボタンで異なるスタイルが使用されているという事実は重要です。 エコー音のように、エコーされたCTAボタンは、変更された形式で戻ったときにのみ自然に表示されます。

LinkedIn

ご想像のとおり、ソーシャルメディアのランディングページはすべて、新しいメンバーにサインアップさせることを目的としています。 LinkedInは、ランディングページの中央にサインアップフォームのsmack-bangを配置することで、ここで同じことを明確に示しています。

ここで行われている販売はほとんどありません。訪問者に「始めましょう。無料です」と「自分の仕事に長けている」ことを促す短い2行のコピーがあります。 これらの必須事項は、読者の思考プロセスを明確かつ積極的に保つように設計されています。 始めましょう無料なので、隠れたコストについて心配する必要はありません。

LinkedInのランディングページの巧妙さは、登録プロセスが訪問者にいかに簡単に見えるかにあります。 4つのフィールド(名、姓、電子メール、パスワード)に入力し、その光沢のある金色の(!)[今すぐ参加]ボタンを押すだけでメンバーになります。 私たちのほとんどが知っているように、これらの情報の断片を入力するよりも、目的に合ったLinkedInプロファイルを作成することの方がはるかに多いですが、登録の重要な最初の段階でこのコンテンツのほんの少しだけを要求することで、彼らのランディングページは高いエンゲージメントを引き付けます。

顔の海

このランディングページのデザイナーが、背景をヘッドショットのグリッドで埋めることを選択したことは興味深いと思います。おそらく、LinkedInを使用している人々を示しています。 主題が実際のメンバーであるかどうかにかかわらず、それらは一種の社会的証明を提供します。 「私たちはみんなLinkedInにいます、参加してください! '均一にスマートで笑顔のモデルは、成功のアイデアを伝えます。これは、LinkedInアカウントへのサインアップを検討している人にとって確かに重要な目標であるに違いありません。

このランディングページでのヘッドショットの使用のもう1つの巧妙な側面は、LinkedInの最も価値のあるセールスポイントであるユーザーのネットワークとユーザーが表すビジネスチャンスを強調していることです。 LinkedInユーザーは、新しく確立された専門家の連絡先のグローバルネットワークに飛び込みたいと考えています。これらの人々を表す背景の上に登録フォームを配置すると、連絡先と機会にアクセスするには、サインアッププロセスを完了するだけでよいことが視聴者に伝えられます。

Spotify

Spotifyのこのランディングページは奇妙に馴染みがあるように見えます…衣装はオフィスに適さず、写真は自然主義的ではないかもしれませんが、音楽ストリーミングサービスは、ランディングページの背景としてLinkedInと非常によく似た顔のグリッドを採用しているようです。

Spotifyはこの方法を使用して、特定の機能であるプレイリストを宣伝しています。 画像に表示されている幅広い音楽スタイルにより、Spotifyアカウントを作成すると、視聴者は好きな音楽を見つけることができます。

最良の取引を前面と中央に配置する

Spotifyのランディングページは、ユーザーが手動で左または右に切り替えるまで静止したままのヘッダーカルーセルの最初のスライドとして、ブランドの目を引く紹介オファー「3か月のプレミアムを£0.99で」を非常に目立つ位置に配置します。 このメッセージの焦点は明らかです。 下にスクロールしたり移動したりしない限り、他の情報はあまり表示されません。これにより、ヘッダーの下にある[詳細]CTAボタンが目立つようになります。

このランディングページの場合、魅力的な紹介オファーでリードすることは理にかなっています。Spotifyサイトにアクセスする間、すでに登録されているユーザーの大部分が確実にサインインしたままであり、多くのユーザーが代わりにアプリを使用するからです。 これは、最良のオファーが適切な人に伝えられ、コンバージョンの可能性が向上することを意味します。

RightMove

私たちは、Webデザインの黄金のルールの1つが、ユーザーエクスペリエンスをより明確でシンプルにできるようにすることであり、ユーザーが変換する可能性が高いことを思い切って考えます。

プロパティポータルRightMoveからのこのランディングページは、この理想を実現する方法の優れた例です。特に、ページの先頭にある検索ボックスです。 そのコンポーネントを分解してみましょう:

  • ヘッダー–「あなたの幸せを見つける」 :物件を見つけるという時々挑戦的なタスクの背後にある肯定的な結果を強調します
  • サブヘッダー–「英国で販売および賃貸する物件を検索する」 :検索ツールの目的を明確に説明します。 この文は、SEOキーワードと、「販売用不動産の検索」、「販売用不動産」、英国の販売用不動産などのキーワードの組み合わせのスモーガスボードでもあります。
  • 検索ボックス:コピー例は、訪問者に検索ツールの使用方法を示しています
  • 販売用/レンタルボタン:意図的に訪問者を目標到達プロセス

[売り出し中]または[賃貸]をクリックすると、ユーザーはより詳細な検索オプション画面が表示され、寝室の数、検索範囲、物件タイプなどの詳細を入力するように求められます。 LinkedInのスリム化された登録ボックスと同様に、RightMoveの検索機能の簡略化された開始は、訪問者を明らかに使いやすくして引き込み、エンゲージメントを高めるように設計されています。

訪問者がランディングページを超えて検索を続行しなくても、Webサイトはすでに大きなマーケティングの勝利を収めています。つまり、訪問者がレンタルまたは購入を検討しているかどうか、および彼らが探している領域に関する入力を受け取っています。に移動します。 ウェブサイトがユーザーのブラウザに自動的に追加するトラッキングCookieとともに使用すると、これらの詳細を使用して、ディスプレイ広告などのターゲットを絞ったオンラインマーケティングをユーザーに配信できるようになります。

AirBnb

AirBnbのクリーンでシンプルなブランドを考えると、彼らのホームページが非常にコンテンツが豊富であることに気付くのはおそらく少し驚くべきことです。 検索バーとヘッダーを下にスクロールすると(2つのフォーカスグループのサウンドバイトがくっついているように聞こえませんか?「ユニークな家を予約して、地元のような街を体験してください」)、さまざまな側面を強調するコンテンツアイテムの行が見つかりますAirBnbの提供内容–注目の家、目的地固有のガイド、体験など。 これらの行をスクロールすることは、Netflixで視聴する番組を閲覧することに奇妙に似ているように感じます。それが、まさにポイントだと思います。

ランディングページは、訪問者をさまざまな形のカラフルなコンテンツの海に浸します。ユーザーがかなりの数の行をスクロールするまでコンテンツを遅延読み込みし続けるため、ユーザーが目的のコンテンツアイテムを見つける可能性が高くなります。見る。 これらのクリックスルーは、短期的には会話やさらなるブラウジングにつながる可能性があります。 それができない場合、AirBnbにターゲットを絞ったマーケティングの基盤を提供します。 Netflixと同じように、AirBnbは万華鏡のようなバラエティで厳選された品質を提供することでエンゲージメントを引き付けます。

コミュニティ活動のハイライト

ウェブサイトやビジネスとしてのAirBnbの活力はユーザーによって生み出されているため、このランディングページがコミュニティのコンテンツやインタラクションを繰り返し強調しているのは当然のことです。たとえば、次のようになります。

  • リストの下にレビューの集計と星の評価を追加する:信頼はオンライン旅行予約のすべてであり、AirBnbが従来の競合他社に対して実際に持っていることの1つは、熱心で活発なユーザーコミュニティです。 レビューの集計と星の評価は、ランディングページのすべての関連リストに含まれており、AirBnbセットアップのこの信頼を高める側面を際立たせています。
  • パッケージ化されたエクスペリエンスに名前を付ける: AirBnbランディングページのエクスペリエンスカテゴリのいくつかを見ると、エクスペリエンスホストの名前が多くの画像に含まれていることがわかります。 ワイナリーツアーはフアンという男が主催していることを知っているので、誰かがワイナリーツアーに予約する可能性がどれほどあるかを推測することしかできませんでしたが、このパーソナライズが達成する重要なことの1つは、提供される体験がコミュニティソースであることを視聴者に思い出させることです。
  • ユーザーが提出したガイド:ユーザーが作成したガイドは、特定のAirBnbの目的地だけでなく、そこに住むコミュニティメンバーの活気を誇示します。 幅広いテーマと目的地を使用して、幅広い魅力を生み出しています。


今すぐ無料メンバーシップを取得-クレジットカードはまったく必要ありません

  • デジタルマーケティングツールキット
  • 独占ライブビデオ学習セッション
  • デジタルマーケティングポッドキャストの完全なライブラリ
  • デジタルスキルベンチマークツール
  • 無料のオンライントレーニングコース

無料会員
インフォグラフィック