2020年にエミュレートする1​​5の素晴らしいランディングページの例

公開: 2020-01-22

ランディング ページは、リード獲得戦略の成否を左右する可能性があります。

あなたが作成したすべてのソーシャル メディア広告または Google 広告キャンペーンについて、それらが変換されないランディング ページにつながっている場合は、単にお金を無駄にしていることになります。 ランディング ページとは、基本的に、潜在的な顧客が広告をクリックした後に表示されるページです。 ブランドによってランディング ページの使い方は異なります。 ホームページ、製品ページ、または「お問い合わせ」ページに誘導するブランドもあれば、特定のキャンペーンの独自のランディング ページにリンクするブランドもあります。

ポスト クリック ランディング ページは独立したページであり、顧客がページから移動することなくコンバージョンを達成することを目的としています。 それは本質的に、スクロール内で変換するために凝縮されたウェブサイト全体です. ブランドがホームページに誘導する場合、顧客が Web サイト全体をナビゲートし、サイトの他の領域に依存してコンバージョンを達成できることを嬉しく思います。 この場合、ブランドはファネルのトップ/ブランド認知度の高い広告を掲載している可能性が高いです。

ランディング ページの例

以下の際立ったランディング ページは、広告キャンペーンに使用されたホームページとスタンドアロンのランディング ページを組み合わせたものです。 デザイン機能、会話型セールス テクニック、コンテンツのインスピレーションなどのコレクションを見つけることができます。 ここに正しい答えも間違った答えもありませんが、これらのランディング ページの例は、独自のランディング ページのデザイン、コンテンツ、コンバージョン戦略のヒントになるはずです。

1.保留:レビュー付きのランディングページ

このランディング ページの例は、Google 広告キャンペーンのホームページとクリックスルーです。 では、この特定の例の何が優れているのでしょうか? 「開催された、現代の企業向けのビジネス オペレーティング システム。」

保留中のランディング ページ

ショーケース レビュー

レビューは、オンライン販売のコンバージョンに不可欠です。 さらに、関連分野の上級職からのレビューはより価値があります。 Holded は、CMO や CEO からのレビューを使用して、製品に重みを加えています。

潜在的なナーチャリングのためにファネルのトップリードを評価する

hotjar などのツールを使用して、ランディング ページでの顧客のやり取りを分析します。 この LP の「Who's It For」セクションで、Holded は企業、アドバイザー/コンサルタント、およびフリーランサーにアピールすることで、初期段階のリードを特定しています。 ヒート マッピング ツールを使用することで、これらの各セクション内でのすべてのユーザーのクリックとインタラクションを追跡し、将来のニーズに合わせてマーケティング活動を行うことができます。

製品を試す機会を与える

基本に戻りましょう。 アイスクリーム パーラーに行って、スタッフにテイスターを頼んでみましょう。 最初の味が気に入らなくても、手ぶらでパーラーを出る可能性は完全に変わりました。 製品を消費者の手に渡して、味見させれば、消費者はその製品に投資する可能性が高くなります。

2. Typeform: コンテンツを擁護するランディングページ

「データを提供するタイプフォーム、魅力的で会話的なフォームとアンケート。」 Typeform は、この特定のブランド ワード広告に製品ページを使用しています。 なぜこのランディング ページの例なのか? タイプフォームのランディングページ

プラットフォーム対応

ランディング ページ自体がデスクトップ、タブレット、モバイルで完璧なだけでなく、誰に向けられているかも認識しています。 Typeform は、ビジネスにとって魅力的であることを認識しており、ビジネスはモバイル対応が必要であることを認識しています。 2021 年までに、オンライン購入の 51% がモバイル経由で行われると予想されています。 製品がモバイル対応であることをアピールすることは大きなメリットであり、ランディング ページのトップに掲載することを検討する必要があります。

コンテンツは王様

Typeform は優れたストーリーテリングの力を知っており、この特定のランディング ページの例でそれを賢く使用しています。 彼らは消費者のレビューを魅力的な短編小説に変えました.

ビデオ変換

聞いたことがあるかもしれませんが、もう一度言いましょう。 ビデオを考えてください! メッセージングにビデオを使用し、他の形式のコンテンツを検討して、製品を認知してもらうのに役立ててください。

3. Slack: CTA付きのランディングページ

「Slack は、メールのスマートな代替手段です。」 Slack が優れたランディング ページの例を作成した理由はいくつかあります。 上記で既に共有されているランディング ページのヒントのいくつかと同様に、さらに詳しく見ていきましょう。

新しいことをたるむ

CTA を適切な場所に配置する

CTA は慎重に行う必要があります。 ランディング ページにそれらが多く含まれているからといって、必ずしもコンバージョンの可能性が高いとは限りません。 Slack はランディング ページに 4 つの主要な CTA を追加しました。 これらは透明なボタンであり、使用されている色とデザインで目を引きます。 実際のページには、他のさまざまな CTA が散らばっています。 顧客がもう少し説得力が必要な場合は、読み進めて他の CTA ボタンに引き込まれます。

USP のハイライト

Slack は、独自のセールス プロポジション (USP) をランディング ページの本文に組み込みました。 彼らは USP をセールス ポイントとしてだけでなく、アクション ポイントとしても提示しました。 すべての USP には、「置き換える」、「壊す」、「変える」などの動詞が付属しています。 彼らはすでに、製品を購入する前に製品を使用するよう顧客に勧めています.

4. Skype: 優れたUXのランディングページ

「Skype を使うと、簡単に連絡を取り合うことができます。」 これは、合理化されたユーザー エクスペリエンスの優れたランディング ページの例です。 Skype は、ユーザーにどのようにページを操作してもらいたいかを慎重に検討し、操作の容易さから喜びを呼び起こすことを目指しています。

スカイプのランディングページ

コンテンツ ブロックを使用する

コンテンツは一口サイズにする必要があります。 テキストや情報の大部分で読者を圧倒しないでください。 明確なタイトルでランディング ページを分割し、可能な場合は箇条書きにし、目につきやすいようにブロックを配置します。

スクロール機能を使う

スクロール機能は、コンテンツの方向性を分割し、ページを操作する新しい方法をもたらす優れた方法です。

色は視覚的なデザインだけでなく、色が呼び起こす感情の背後に膨大な量の心理学を持っています。 この例では、Skype は、安心感を提供し、生産性を刺激し、信頼を構築することが証明されている青を使用しました。

5. OneRecruit: マーケティングオートメーションを備えたランディングページ

「ワンリクルート、時間単位で募集。」 OneCoWork の副産物である OneRecruit は、これまでに見たことのないランディング ページのデザインを紹介しています。 ブランド認知度がはるかに低いため、製品と一緒にブランドをできるだけ明確に紹介する必要があるため、彼らが何をしたかを見てみましょう.

ワンリクルートのランディングページ

マーケティング自動化ソフトウェアを使用する

OneRecruit は、ランディング ページで 2 つのマーケティング自動化ソフトウェアを使用しています。 会話型マーケティング ボットの使用と (前述のページ) Typeform の関与。 リード獲得プロセスを自動化し、できるだけ多くの顧客の好みにアピールしています。

市場で最高のマーケティング自動化ソフトウェアを見つけてください。今すぐ無料で探索 →

料金プランを表示

固定費があり、プレミアム製品ではない場合は、価格プランを前もって表示すると、ドロップオフ率がさらに低下します.

6. ハイブ: 簡単なサインアップ フォームを含むランディング ページ

「ハイブ、強力なプロジェクトおよびプロセス管理ソフトウェア。」 Hive の洗練されたデザインとカラー パレットに加えて、まだ見たことのないものが組み込まれています。 ユーザーにサインアップしてツールの使用を開始してもらうことも重要ですが、そのプロセスを簡単にするにはどうすればよいでしょうか?

ハイブのランディングページ

手間のかからないサインアップを提供する

他のランディング ページのデザインでは、アカウントを作成してサインアップするオプションが提供されていましたが、Hive では、ほとんどのユーザーが既に持っている既存のアカウントでサインアップする方法を導入しました。 Google にサインアップしましょう! ユーザーの負担が軽減され、Hive の試用版をより簡単に入手できるようになります。

7. Hootsuite: リピーター向けのランディングページ

「見込み客の発見から顧客へのサービス提供まで、Hootsuite はソーシャル メディアをさらに活用するのに役立ちます。」 Hootsuite は、データを使用してマーケティング活動を推進する方法を示す優れたランディング ページの例を提供します。

hootsuiteのランディングページ
hootsuiteランディングページ2

リピート訪問者への対応

上に、Hootsuite の 2 つのブランド名検索ランディング ページが表示されます。 何か違うことに気づきましたか? その 2 番目の料金プランは、はるかに魅力的に見えます。

それに応じて CTA を調整する

CTA の重要性とその配置について説明しました。 では、彼らの言葉遣いを見てみましょう。 Hootsuite は、ユーザーがそのページにすでに「興味を持っている」ことを知っているため、ユーザーに 2 回目にプランを比較するように促す代わりに、その製品を手に入れて無料トライアルを開始するように求めます。

8. Loomly: 競争に逆らうランディングページ

「Loomly、あなたのチームで成功するブランドを構築してください。」 優れたランディング ページでは、価値提案を際立たせる必要があります。 その価値提案をどのように表示するかは、完全にあなた次第です。 Loomly のように比較的混雑している市場にいる場合は、競合他社に対抗することを恐れないでください。

不気味なランディングページ

チェックリストを使用する

ランディング ページのデザインで、製品を他の製品と比較することを恐れないでください。 チェックリストは、これを行うための非常に明確な方法です。 それらは、競合他社が持っているものを (うまくいけばより良いレートで) 持っていることをユーザーに納得させるのに役立つだけでなく、USP も持っていることをユーザーに納得させるのに役立ちます。

9. Sendinblue: マイクロジャーニーのランディングページ

「Sendinblue、完全なセールスおよびマーケティング ツールボックスを使用して、ビジネスを飛躍させましょう。」 ストーリーは私たちにとって重要であり、ストーリーテリングは私たちの本質であり、あらゆる形態の優れたマーケティングは優れたストーリーテリングによって行われます. 可能な限りストーリーを語ってください。 それらは必ずしもそれほど明白である必要はありません。

メール マーケティング ソフトウェア sendinblue
センディンブルーのランディングページ

広告の取り組みをランディング ページの機能にリンクする

Sendinblue は、Google 広告のタイトルの説明で素晴らしい仕事をしました。 彼らのテキストには、「中小企業にとって最高の価値」と書かれています。 次に、この広告をクリックして製品の価値に重点を置き、さまざまな規模の企業向けの一連の計画を提供します.

10. Pipedrive: 宿題を終えたランディング ページ

「Pipedrive は、営業担当者が営業担当者のために作った最初の CRM プラットフォームです。」 自社を市場および競合他社と一般的に比較してみました。 それでは、囚人を連れて行かずに、どのように競争に臨むかを見てみましょう.

パイプドライブのランディングページ

あなたの最大の競争相手に名前を付けてください

Pipedrive は、検索語「HubSpot」のランディング ページを作成しました。 ブランドは常に競合他社に対して入札しています。 Pipedrive が行ってきたことは、次のレベルです。 Pipedrive は彼らの競争を呼びかけました。 彼らはすべての製品を HubSpot と並べて配置し、隠された制限を販売することで「恥をかいた」HubSpot と並べました。 したがって、競争相手を積極的に追いかけている場合は、宿題をして、調査結果を正直に提示してください.

パイプドライブ ハブスポット広告

11. Freshdesk: インタラクティブなランディングページ

「Freshdesk は、顧客サービスのためのオムニチャネル、AI 駆動またはセルフサービス ソリューションです。」 Freshdesk は、プロフェッショナルに遊び心を与えることに成功しました。

freshdeskのランディングページ

ランディング ページを遊び心のあるものにする

ランディング ページが遊び心があるからといって、プロらしくないというわけではありません。 Freshdesk はランディング ページをインタラクティブにしました。 ユーザーは最も関心のある領域をクリックすることができ、画像はユーザーが見たいものに変わります。 これは、Freshdesk がユーザーのニーズを理解するのに役立つだけでなく、スクロールが少なくなるため、UX が向上します。 さらに、この手法により、ユーザーはランディング ページのコンテンツに積極的に関与し続けることができます。

12. Shopify: 準備されたランディング ページ

「Shopify には、オンライン ストアを構築するために必要なものがすべて揃っています。」 このランディング ページの例は、ユーザーの選択肢を制限し、サインアップの可能性を高めるのに最適です。

Shopifyのランディングページ

ページの上部に CTA を配置する

十分な情報を含む重要な電子メールを取得します。 Shopifyは、ページの上部にメールを要求しました。これは、ユーザーが実行できる最初で唯一のアクションの 1 つです。

13.Gotomeeting:簡潔なランディングページ

「Gotomeeting、プロのオンライン会議。」 このランディング ページのデザインは、物事を簡潔に保ち、多様性を称賛する良い例です。

ミーティングのランディング ページを取得しました

年齢、性別、国籍など、可能な限り多様性を持たせてください。ランディング ページには、可能な限り多様性を含める必要があります。 簡潔にしてください。 ランディング ページが長いからといって、それが優れているとは限りません。 Gotomeeting は非常に簡潔なので、1 回のスワイプでランディング ページの下部に到達できます。 買収に影響を与える可能性のあるものを何も切り取らずに同じことができる場合は、それを実行してください。

14. インターコム: 会話型販売のランディング ページ

「インターコム、リードの評価、パイプラインの拡大、カスタム ボットを使用した顧客解決のスピードアップ」 私たちは業界のリーダーに向かい、適切に行われたマーケティング自動化のためのチャットボットを調べます.

インターホンのランディングページ

カスタムチャットボット

会話による販売は、マーケティング イニシアチブにおける大きなトレンドであり、ランディング ページのデザインにおいて確実に実行されています。 Intercom にはカスタム チャットボットが組み込まれており、自分で答えを見つけるのに役立ちます。答えが見つからない場合は、担当者とライブ チャットする機会を与えてくれます。 彼らがさらに一歩を踏み出した2つのことは、名前に顔を向けることと期待を管理することです.

15. People HR: デモのあるランディング ページ

「People HR は、あなたが嫌い​​な HR タスクを自動化します。」 People HR は、これまで説明してきた多くの優れたランディング ページの例を 1 つのページに組み込むことに成功しました。 ただし、特に 1 つのことに焦点を当てます。

人々のランディングページ

デモを使用する

できる限り製品のデモを行ってください。 これらのデモは、販売チームまたはカスタマー サクセス チームによって実行されるのが最適であり、記録することができ、実際に製品の USP について歌う必要があります。 People HRが異なる方法で行っていることの 1 つは、CTA 内でデモの長さを指定することで期待を管理することです。 時は金なりです。顧客の時間を賢く使えば、顧客はあなたを尊重してくれます。

おしまいです

これらのランディング ページの例が、近い将来独自のランディング ページのデザインを作成するのに役立つことを願っています。 多くのポイントを見つけましたので、あなたのブランドや製品に最も共鳴するポイントを取り上げてください。 デザイン、効率性、価値提案、コンテンツ、レビュー、マーケティング オートメーション、CTA はすべて、優れたランディング ページに不可欠な要素です。

ランディング ページの作成モードに入るときに、デザインをマスターするための業界の秘訣をすべて学びましょう。 インスピレーションとガイダンスについては、G2 のグラフィック デザイン ハブを参照してください。

50 のグラフィック デザイン リソースを無料で入手できます。リソースを入手する →