インスピレーションを得るためにスワイプする7つのランディングページの例とユーザージャーニーの内訳

公開: 2022-04-12

バナー広告、ウェビナー、Eメールマーケティングの自動化、ソーシャルメディアプロモーション、SEO、コンテンツマーケティング。さまざまなデジタルマーケティングチャネルに投資して、新しいオーディエンスの前に立ち、トラフィックをサイトに呼び戻します。

あなたのランディングページは、これらの努力の成否です。これは、クリエイティブに費やされた労力と広告に費やされた費用が、コンバージョンの成功につながるかどうかにかかわらず、最高潮に達するポイントです。

残念ながら、ほとんどのランディングページは効果がなく、すべての業界での平均コンバージョン率はわずか4.6％です。

ランディングページ最適化は、コンバージョン率を向上させるために、Webページの有効性を継続的にテスト、修正、および再テストするプロセスです。

それは、過半数を占めることと、コンバージョンにつながるトップページの1つであることの違いです。

A / Bテストなどの戦術は、ランディングページの有効性を評価するために重要ですが、コンバージョン率の高いランディングページの原因を理解していない限り、針を動かすことはありません。

説明のために、7つの優れたランディングページの例を分類して、何が機能し、その理由を示します。

1.メンバースタック

安全なログインと支払いSaaS企業のMemberstackは、双方向性、移動、およびカスタマイズが独自のランディングページエクスペリエンスを作成する方法の優れた例です。

ページの上部は、訪問者を左側の点滅する青い点に意図的に案内するように設定されています。

これらのトグルのいずれかを押すと、右側のアニメーションが変化し、Memberstackを使用して引き起こされたワークフローの変化を視覚化します。

これは、製品がどのように機能するかを示す巧妙な方法です。また、バウンス率を減らし、ユーザーエンゲージメントを促進するための戦術でもあります。

調査によると、インタラクティブコンテンツは、静的コンテンツの最大2倍のエンゲージメント効果があります。

着実に増加している収益と会員数もまた、心理的なプライミングを微妙に活用しており、Memberstackがより多くの会員とより多くの収益を意味するという無意識のつながりを生み出しています。

ヒーローセクションでは、CTAボタンを右上隅と左下隅に効果的に配置します。これは、視線追跡調査で、ランディングページを最初に見たときにほとんどの視線が引き寄せられることが示されている2つの領域です。

低いCTAの下で、Memberstackは、ソーシャルプルーフベースのフリクションリムーバー「BackedbyYCombinator」を使用してプラットフォームのセキュリティを示唆しています。

MemberstackのB2Bオーディエンスは、YCombinatorに精通しています。

これは、「Memberstackの支払いアプリケーションはどの程度安全ですか？」という反対意見に答える巧妙なコピーです。

スクロールしなければ見えない位置までスクロールすると、Memberstackは、結果の証明を示すためにいくつかの重要な数字を含む小見出しを導入することで、信頼をさらに高めます。

Memberstackが中央に向かって大きな数字を配置し、外側に小さな数字を配置していることに注目してください。

これは、左から右への選択肢の配列が提示されたときに消費者が真ん中の選択肢に対して持っているよく知られた優先バイアスから借りています。

Memberstackは、YCombinatorロゴの2回目の使用と、ブランドのコアオーディエンスの別の一般的な名前であるProduct Huntへの呼びかけにより、信頼性を強化します。

Memberstackによる証言の使用はここで興味深いものです。

ほとんどのランディングページは、状況に応じて配置された2つまたは3つの証言を使用する傾向があります。 Memberstackにはレビューがたくさんあり、そのほとんどはクリックして別のページに移動しないと読むことができません。

これは、社会的証明の量（肯定的なレビューの数が非常に多い）が質（レビュー担当者の発言内容）よりも説得力があることをテストおよび検証した場合に、彼らに有利に働く可能性があります。

さらにスクロールすると、ソフトウェアの動作に関する簡単な3ステップのプロセスがあります。

Memberstackはそれを簡潔に保ちます。これは理想的です。ホームページのような意図度の低いページは、それほど複雑にする必要はありません。

「プラグアンドプレイユーザーアカウント」セクションは、ランディングページでの双方向性がエンゲージメントを投資に変える方法の良い例です。

スライダーとトグルボタンを使用して、ユーザーは色と追加のフィールドで右側のフォームをカスタマイズできます。また、次のセクションでこれを行う機会もあります。

Memberstackの製品の機能を限られた方法で探索することにより、視聴者は、Memberstackで何ができるのか、そしてそれが自分たちの生活にどのように影響するのかを正確に味わうことができます。

これは、直接販売で一般的に使用される手法であるメンタルオーナーシップと呼ばれる心理的原則の影響を受けます（たとえば、購入前に車を試乗するなど）。

コンテンツを利用することで、ユーザーはコンテンツがすでに自分のものであると感じることができます（そして、損失回避のおかげで、コンテンツを失いたくないということです）。

ページの下部は、いくつかの摩擦除去剤を含む最後のCTAセクションで終わります。

無料で始めましょう。
無制限のトライアル;
読んだらアップグレードしてください。
クレジットカードは必要ありません。

このような焦点を絞ったコピーライティングは、コンバージョン率の高いランディングページを構築するための鍵です。それは、一般的な販売の反対意見に直接話しかけ、顧客に販売を断念するよう説得する前にそれらを解決します。

2.Zendesk

Zendeskのこのランディングページは、ページの長さとスタイルをターゲットオーディエンスの意図と認識レベルに一致させる優れた例です。

コンバージョンコピーライターのJoannaWeibeが、ランディングページの長さまたは短さについて説明します。

「「長いコピーは常に短いコピーよりも優れている」と言っても意味がありません…または「長いコピーは私には機能しません」…または「Webユーザーは短いコピーのみを許容します」…
むしろ、あなたのページは、彼らの意識の状態で見込み客に対処する議論をするのに必要な長さである必要があります。彼らがどれほど気づいているかわからない場合は、議論を形作るために調べる必要があります。」

彼女は、このチャートで意識と意図の間の相互作用を示しています。

Zendeskはまさにそれを行います。

ホームページのヘッダーで使用されているコピーには、専門用語や製品関連の言葉は含まれていません。

Zendeskは、「仕組み」から「私にとって何が含まれているのか」に直接ジャンプします。

答え？より良いカスタマーサービス。

右下隅にも巧妙なデザインの手がかりがあります。この明るく対照的なバッジは、訪問者が下にスクロールすることを促し、古典的なZ字型のレイアウトを使用します（これも視線追跡研究の裏側で開発されました）。

折り目の下をスクロールすると、リソースが表示されます。

Zendeskは、このランディングページの主な目標が、有益で価値のあるコンテンツを使用して、訪問者をマーケティングの目標到達プロセスに導くことであることを知っています。

次のセクションでは、Zendeskの機能とユーザーが達成するのに役立つ結果に関するコンテキスト情報を提供します。また、短い証言を通じて社会的証明を提供します。

Zendeskが、すっきりとした美しさを維持しながら、サービスチームとセールスチームの2つのターゲットオーディエンスにサービスを提供していることに注目してください。彼らは単純なトグルデバイスを使用してこれを行います。

サービスチームの見解は次のとおりです。

そして営業チームの場合：

次のセクションでは、社会的証明についてもう少し詳しく説明します。これは、顧客のサクセスストーリーを伝える長い形式のケーススタディにリンクしています。

ランディングページは、他のリソースへのリンクのコレクション（訪問者がサイトにアクセスして学習できるように設計されています）と大騒ぎのCTAセクションでサインオフします。

このランディングページは2つのことをうまく行います：

他人の影響に対する私たちの感受性に訴える社会的証明を提供します。
さまざまなリソースを通じて目標到達プロセスのトップユーザーに価値を提供し、エンゲージメントとリード育成のプロセスを開始します。

3.ラタナ

AIを活用したブランド追跡プラットフォームLatanaのこのランディングページは、潜在顧客に焦点を当てたガイドを宣伝する方法の強力な例です。

Latanaは、折り目の上で物事をシンプルに保ちます。訪問者がガイドをダウンロードするためにこのページにアクセスしていることを前提としており、オプトインして簡単に実行できます。

第二に、ランタナはサインアップフォームフィールドを最小限に抑えます。

コンバージョン率は、フィールドを追加するたびに大幅に低下し、3つのフィールドが黄金数になることが文書化されています。

第三に、フォームに付随するヒーローのコピーはうまく実行されています。

それは誰と何に答えます：「製品チームのためのブランディング」。

理由：「製品チームがブランディングに参加する必要がある理由について詳しく知るため」。

そして、私にとって何が重要なのか：「より大きな市場シェアを獲得する」。

ランタナはまた、「下のフォームに記入してください」という簡単なアクションキューを挿入します。

もう少し説得力が必要な人のために、折り目のすぐ下のセクションは、シンプルで効果的なストーリーテリングの公式に従います。これが問題です。これが問題である理由です。これが、問題の解決を支援する方法です。

次に、読者を行動に移します。「ダウンロードして方法を見つけてください。」

次に、ランディングページは、訪問者の主要な質問に再び回答します。今回は、完全に明確になります。また、ページの残りの部分をスタイルと色で対比する効果的なデザインキューを使用します（スクローラーを停止するように設計されています）。

Latanaはまた、有名なロゴを含めることで社会的証明をうまく利用しています。

ロゴセクションは通常、製品に焦点を当てたページに重力を加えるために使用されますが、権威を示す手段としても効果的です（つまり、これらの大手ブランドと協力しているため、何について話しているのかがわかります）。

このランディングページ全体を通して、Latanaは物事を巧みにシンプルに保ちます。

コピーは効果的で、簡単な言葉を使用します（「フォームに記入」）。情報のレイアウトはシンプルで明白であり、ページはコアの意図から逸脱したり、売り込みすぎたりすることはありません。

4.ヘッドスペース

Headspaceのサブスクリプション登録ページは、目標到達プロセスの最下部の訪問者向けのランディングページをデザインする方法の強力な例です。

それは3つのことを信じられないほどうまく行います：

社会的証明の効果的な使用;
製品のよく実行されたインタラクティブなデモンストレーション。
記憶力を高めるコピーライティング戦術の活用。

社会的証明の有効活用

ランディングページには、背中合わせに配置された2つの社会的証明セクションがあります。

1つ目は、広く使用されていること（7000万ダウンロード）とほぼ普遍的な満足度（60万以上の評価で4.9つ星）の説得力のある証拠を提供します。

これらの印象的な数字は、成功したアプリの物語です。説得力はありますが、数字だけでは、顧客の問題点に共鳴する問題解決結果のフレームワークが欠けています。

そして、それはまさにヘッドスペースが次のセクションで提供する証拠です。

これらは慎重に選ばれた証言であり、ヘッドスペースの対象読者が経験する一般的な問題点（「ストレスと孤独」、「壊れた」）を物語っています。そして、実際の顧客の結果に（「心の機能を理解するのに役立ちました」）。

製品のよく実行されたインタラクティブなデモンストレーション

製品の機能のこのインタラクティブなデモは、アプリのユーザー維持と長期的なエンゲージメントに対する一般的な障壁を解決します。

アプリの25％は、削除または破棄される前に1回だけ使用されます。アプリストア最適化（ASO）は、無料トライアルと同様に、コンバージョンを最大化するのに役立ちます。

しかし、このインタラクティブなアプローチにより、ユーザーはリスクのない方法で製品をテストできます。価値を証明する前にダウンロードをプッシュすることなく。また、ヘッドスペースがユーザーを特定の機能に導き、解説動画を使用してそれらをデモンストレーションすることもできます。

インタラクティブなデモコンテンツに加えて、14日間の無料トライアルも提供しています。機能を操作した後、ユーザーは（最初からやり直すのではなく）本当に多くを学びたいので、この無料トライアルはより多くのサブスクリプションを促進する可能性があります。

記憶力を高めるコピーライティング戦術の活用

このランディングページのコピーは、韻を踏むことと頭韻法で満たされています。どちらも効果的なニーモニックデバイスです。

あなたのコピーで韻を使用すること（例えば、「あなたの心に親切にする」）は、「それが韻を踏むならば、それは真実でなければならない」と大まかに解釈される理由効果としての韻として知られる心理的概念を活用します。

同様に、頭韻法（例えば、「何百万人もの瞑想に参加する」や「条件を作成する」）は、ステートメントが静かに読まれる場合でも、学習と記憶を改善するのに効果的です。

これらのメモリデバイスは、顧客が引き金を引く準備ができたときに、ブランドを前面に押し出すように機能します。

5. Lyft

「BecomeaDriver」のランディングページで、ライドシェアリングサービスとUberのライバルであるLyftは、視聴者と連絡を取ることの意味を正確に示しています。

ヒーローバナーのコピーに注意してください：「あなた自身の上司になりたいですか？」

このメッセージは、ターゲットオーディエンスの共通の欲求に直接語りかけます。「ドライバーになるためにここに申し込む」と言う代わりに、Lyftは感情的な動機に訴えます。

次の2つのセクションは、異議申し立ての先取りについてです。それらは、読者がサインアップ前のFAQへの回答をセルフサービスすることを可能にします。

このセクションでは、「支払い方法は？」、「要件は何ですか？」、「車を持っていない場合はどうなりますか？」などの最も明白な質問に答えます。

以下の4段階のスライダーは、Lyftの操作を開始して報酬を受け取ることがいかに簡単であるかを示しています（潜在的なドライバーにとって重大な反対意見）。

Lyftは次に社会的証明を活用しますが、上記のページと同じ方法ではありません。 Lyftは、スペースをすっきりさせておくために、顧客のサクセスストーリーの短いビデオ編集を選択します。

ビデオはエンゲージメントを非常に効果的にキャプチャします。これにより、将来のドライバーは実際の人々から話を聞くことができます。これは、Lyftドライバーが通常重要だと考えるものです。

最後に、コピーの短いセグメント（および付随する顧客の声）は、ビデオのメッセージを補強します：ドライバーはLyftで動作しており、 Lyft、彼らに彼らの条件で稼ぐための自由と柔軟性を与えます。

6.穴を掘る

eコマース家具の小売業者Burrowによるこのランディングページは、高品質の画像とビデオを使用してストーリーを伝える優れた例です。

コピー、リンク、およびアクションの呼び出しに関しては、フォールドの上でほとんど何も起こっていません。

代わりに、バローは彼らの写真に重労働をさせます。高解像度のヒーロー画像は、精神的な所有権を構築するための重要な要素である、コンテキスト内での製品の外観と感触を示しています。

2番目のセクションでは、一般的な反対意見である家具の輸送コストが高いことに直接対処しながら、同様のアプローチを採用しています。

ページの最小限のコピーで「無料配信」を優先することにより、Burrowはその重要性を強調し、空白部分で目立つようにします。

次のセクションでは、Burrowはインタラクティブコンテンツのエンゲージメントリフトを活用します。

バロウの主な価値提案は、各製品に提供する競合他社を圧倒するレベルのカスタマイズです。たとえば、下の写真のソファは200以上の構成で利用できます。

ランディングページでは、訪問者にそのことを伝えるのではなく、アニメーションビデオを使用します。繰り返しになりますが、カスタマイズが彼らにとって何を意味するかを買い物客に示すことで、注目を集め、エンゲージメントを維持します。

2番目のビデオは、別の重要な販売上の反対意見に答えています。「この全体はどのように機能しますか？」

20秒で、潜在的な顧客は箱から出して得たものを正確に見ることができます。これは、カスタム家具の組み立てがいかに簡単かを示しています。

この製品ランディングページの例全体を通して、Burrowは製品ではなく、エクスペリエンスの販売に重点を置いています。

孤立した製品の静止画像は、個々の製品ページで表示できます。しかし、彼らはランディングページに誇りを持っていません。代わりに、Burrowはコンテキスト内の画像とビデオ撮影を使用して、Burrowの顧客であることが何を意味するかを購入者に示します。

彼らは、厳選されたスペースに製品を展示し、実際の顧客のInstagramプロファイルを活用することでこれを実現しています（社会的証明を兼ねています）。

バローは、家具の品質を強調する、意図的に選択されたいくつかの顧客の証言でこれを締めくくっています（潜在的な長引く質問）。

彼らはまた、カスタマイズされた家具はアイデンティティの表現と社会的影響の側面であるという考えで、ターゲット顧客の要望に応えます。

バロウのランディングページは、高品質の画像とビデオ撮影が強力な説得ツールになり得ることを証明しています。適切な製品の場合、コピーの多いページセクションが不要になります。

7.クレンティ

セールスエンゲージメントプラットフォームのKlentyは、競合他社のトラフィックをキャプチャするために構築されたランディングページの優れた例を提供します。

Klentyは競争の激しい状況で運営されており、2つのトップライバルであるSalesloftとOutreachが過半数の市場シェアを所有しています。

Klentyはそれ自体を有能な代替手段として位置付け、「Salesloft」や「Salesloftalternative」などの競合他社のキーワードをターゲットにしてトラフィックをランディングページに誘導します。

ランディングページは、ブランドを競合他社と積極的に差別化します。それは彼らに完全に名前を付け、ヒーローセクションに彼らの欠点をリストします。

これは真面目で喉の渇きとして認識できますが、Klentyは実際には意図に焦点を合わせた戦略を使用しています。

読者はSalesloftの代替品を探しています。これは、プラットフォームについて気に入らない点があると推測します。

Klentyは、競合他社の疑わしい欠陥をリストすることで、解決策を示唆しています。

フォールドの下で、Klentyは上記の問題点に関するより多くのコンテキストを提供します。彼らは再びSalesloftに名前を付け、Klentyが競合する主要な機能について詳しく説明します。

自動スクロールセクションで上位3つのメリットを整理することにより、このスペースを最大化します。

この機能は、プログレスバーとトランジションを介して人目を引く動きを提供しながら、ランディングページが長くなりすぎたり乱雑になったりするのを防ぎます。

ページのさらに下にある機能比較セクションでも、同様のアプローチを採用しています。魅力的なインタラクティブタブで、1つの折り畳みで多くの地面をカバーすることができます。

Klentyの価格情報も、Salesloftの上に微妙に配置されており、Klentyには、より大きなロゴとより目立つブランドカラーが与えられています。

これらのデザイン機能は微妙ですが、意図的なものです。 Klentyは視覚的な階層を使用して、競合他社に対するブランドの重要性を強化しています。

結論

A / Bテストは、ランディングページの有効性を評価するために重要です。ただし、リソースをさらに拡張する場合は、何をテストするかを知る必要があります。

視聴者にとって何が効果的かをすぐに理解するには、上のページからアドバイスを受けてください。あなたのページをあなたのターゲットオーディエンスの意図に一致させて、早くそして頻繁に反対意見を克服してください。

ビデオやインタラクティブコンテンツなどのツールを使用して、情報を整理し、社会的証明を活用し、彼らの記憶にとどまり、後であまり熱心でない購入者をすくい上げます。

確実に目標を達成するには、Wynterなどのツールを使用して、メッセージングと戦略がターゲットオーディエンスに共鳴するかどうかを確認します。

ランディングページのデザインとメッセージングは、1回限りのことではありません。一貫した最適化により、ページはその可能性に到達できます。