コンバージョンを促進するeコマースランディングページをデザインする

公開: 2020-04-16

コンバージョンを促進するeコマースランディングページをデザインする

eコマースのランディングページは、その可能性を最大限に活用すれば、コンバージョンを大幅に増やすことができます。 そして、これはうまく設計されたeコマースショップを持つことの重要性を最小限に抑えることではありません。 しかし、区別することが重要です。 あなたのeコマースショップはあなたのブランドと製品、またはサービスをあなたのクライアントに統一された方法で表現します。 一方、eコマースのランディングページは、オーディエンスの固有のセグメントに合わせて調整できます。

また、新しい製品やサービスのテストと検証、または既存の製品やサービスの微調整にも非常に役立ちます。

また、eコマースのランディングページは、訪問者の意図と1つの特定のアクション(フォームの購入、ダウンロード、送信など)へのガイドに重点を置いているため、目標を達成するのに非常に効果的です。 では、変換するeコマースランディングページをどのように設計しますか? あなたはあなたのコンテンツが非常に焦点を絞っていることを確認し、あなたのCTAを打つために、社会的証明と信頼の指標であなたの聴衆を導きます。

GIPHY経由

人々はどのようにeコマースのランディングページに着陸しますか?

ほとんどの人は、興味を引く広告をクリックした後、eコマースのランディングページにアクセスします。 広告はすでに特定の方法でターゲットオーディエンスにアピールしているため、ランディングページが広告で提供される価値をさらに強化することが重要です。

たとえば、商品の特別版が30%オフの広告があったとします。 ただし、広告はホームページまたは製品詳細ページにリンクしており、割引や特定の製品については言及されていません。 あなたは即座にあなたの顧客の興味を失います。

これが、オーディエンスをサイトの任意のページだけに誘導するべきではない理由です。 あなたのサイトの平均的なページはあなたの広告の意図から気をそらすであろうあらゆる種類の情報を持っているでしょう。 また、サイトの他の部分に移動する機会もあるでしょう。 これのどれもコンバージョンになりません。 実際、サイト訪問者の72%は、ランディングページよりも製品ページからバウンスする可能性が高くなっています。

コンバージョン率と平均注文額を増やすeコマースランディングページと比較してください。

eコマースランディングページと製品詳細ページ

それらは似ているように見えるかもしれませんが、製品の詳細ページとeコマースのランディングページは重要な点で異なります。

製品ページは、情報を提供することを目的としており、SEOに最適化されており、顧客のバイヤージャーニーにさまざまな方向性を提供します。 これには、関連製品の提案、およびサイトのさまざまな部分に移動するためのオプションが含まれます。 顧客が製品の詳細ページに誘導されたとき、彼らはまだ彼らのオプションを検討し、比較しています。 したがって、彼らは販売目標到達プロセスの上位にあると見なされ、通常、有機的で直接的で、ターゲットを絞っていないオーディエンスを表しています。

もちろん、eコマースのランディングページははるかに具体的です。 彼らの聴衆は主に報酬を支払われ、特定の行動を促進することを目的としています。 これらのオーディエンスは、コンバージョンのポイントに近いと見なされます。 それが彼らがあなたの広告または多分あなたのニュースレターをクリックするように促された理由です。 ランディングページには、1回の召喚状(たとえば、今すぐ購入、登録、詳細など)と、特定のオーディエンスを念頭に置いて書かれたコンテンツが含まれます。 また、サイトナビゲーションのオプションも削除され、通常はSEO用に最適化されていません。

さまざまなタイプのeコマースランディングページ

セールスファネルのすべての段階で、使用できるさまざまなタイプのeコマースランディングページがあります。

目標到達プロセスの上部にいるオーディエンスをターゲットにしている場合は、ランディングページを使用してブランドストーリーを伝えます。 必ず多くの社会的証明を含め、リターゲティング用の電子メールを収集できるCTAを使用してください(たとえば、サインアップして20%オフを受け取ります)。

目標到達プロセスの途中にいる(つまり、オプションを検討して比較している)顧客の場合は、キャンペーンのリターゲティングを試してください。 そして、ソーシャルプルーフを通じて購入を促進するようにランディングページを調整します。 顧客が購入をどのように楽しんでいるかの例を含めます。 ここでは、顧客に「カートに追加」してもらうための検証がすべてです。

目標到達プロセスの最下部にいる(つまり、購入する準備ができている)顧客の場合は、アップセルキャンペーンを試してください。 eコマースのランディングページを設定して、顧客にとってより良い取引に役立つバンドルまたは追加の関連製品を販売します。 これにより、購入するか、再度購入するように促されます。 いずれにせよ、平均注文額よりも高いコンバージョンを獲得するチャンスです。

顧客が購入した後、あるいは再度購入した後でも、顧客と関わる機会はまだあります。 再エンゲージメントキャンペーンは、顧客の忠誠心と再購入の可能性を高めるのに役立ちます。 この場合、eコマースのランディングページは、排他的または早期アクセスの提供に焦点を当てることができます。 ここでは、顧客に特別な気分を味わってもらいたいだけです。

eコマースランディングページのデザインのヒント

では、より良いコンバージョンを得るために、eコマースのランディングページをどのように設計しますか? 手始めに、目標の邪魔になるものを含めないでください。 また、コンテンツが直接的で説得力のあるものであることを確認してください。

GIPHY経由

キャッチーな見出しを含める

これは重要な要素です。 これは、有料広告が生み出した関心から構築する場所です。 またはあなたはそれを吹き飛ばすことができます。 見出しが直接的で、メッセージが有料広告のコンテンツと類似していることを確認してください。 可能な限り少ない言葉で、聴衆になぜ彼らが興味を持っているべきかを説明します。 ランディングページをさらに探索する理由を彼らに与えてください。

とはいえ、本当に独創的で機知に富んだことを考えてストレスを感じないでください。 シンプルさが仕事を成し遂げます。

フォーカスされたテキストコピーを使用する

テキストコピーを使用して、見出しを詳しく説明します。 しかし、それを持って町に行って、それを半分の小説に変えないでください。 明確かつ簡潔にしてください。 視聴者が最も興味のあるポイントを見つけるためにざっと目を通す可能性があります。そのため、視聴者が簡単に利用できるようにします。

折り目の上では特にシンプルにしてください。 見出し、説明文、CTA。 あなたが誰で、何をしているのか、なぜあなたの製品/サービスが価値があるのか​​、興味があるのか​​を明確に説明してください。 そして、あなたの聴衆が次に何をすべきか。 このコンテンツでは、独自の差別化要因、メリット、価格を強調しようとしています。

上記の折り畳みコピーの後に、コンテンツを追加できます。 これには、製品/サービスに関する詳細、社会的証明(顧客の声、ブログのレビューからの抜粋、および/または専門家の推奨事項)、および/またはその他の関連する企業情報を含めることができます。

このすべての情報を簡単に取り入れられるようにするには、セクション区切り、ヘッダー、番号付け、箇条書きを使用してテキストをフォーマットしてみてください。

オファーの価値を強調する

あなたのオファーの価値を強調することは、あなたの聴衆が彼らがどれだけ節約しているかについて明確になるように、それらを通してストライキを伴う価格を持つことを含むことができます。 また、テキストを使用して、不足感や緊急性を表現することもできます(「期間限定」、「在庫限定」、「翌日配達」など)。

オファーの価値を強調するもう1つの戦術は、保証、送料無料、返品無料、カスタマーサポートなどの追加特典を強調することです。

説得力のあるCTAを追加する

オファーが1つだけで、それが明確であることを確認してください。 ただし、eコマースのランディングページ全体に均等に分散されている限り、複数のCTAボタンを介してそのオファーを提示できます。 デザインの長さに基づいて、適切なボタンの数を決定します。 そして、使いやすいように配置します。 顧客があなたのCTAを見つけるためにスクロールしなければならない場合、あなたはその場でコンバージョンの可能性を減らしています。

CTAボタンは、慎重に計画することで成果が得られるように、区別しやすいように設計してください。 これはネオンカラーを意味するのではなく、全体的な配色とよく対照的なものです。 さまざまなオプションをA/Bテストして、どれが最適かを確認できます。

サイズに関しては、全体的なデザインと競合する要素の数に基づいてこれを決定します。 また、コマンドを実行するテキストを使用するようにしてください。つまり、視聴者に短く、シンプルでわかりやすい方法で行動を起こすように依頼します。 「今すぐ購入」や「詳細」などのコマンドは常に人気があります。 しかし、ここでも、オプションを考えてテストすることができます。

魅力的な画像を選択

画像はすべてのデザインで重要な役割を果たします。 また、eコマースのランディングページには、考慮すべき特定の機能がいくつかあります。

まず、あなたのヒーロー画像。 美しい全幅の画像は、視聴者の注意を引き、デザインを統一します。 それはまたあなたの聴衆にあなたの製品の明確な見方を与えるという実用的な特典を提供します。 プロの商品画像または使用中の商品を示すライフスタイル画像のいずれかを使用できます。 サービスの場合、サービスを使用してその恩恵を受けている、ターゲットオーディエンスに関連する顧客のライフスタイルイメージを表示できます。

次に、ランディングページの商品画像はすべてプロフェッショナルで高解像度である必要があります。 これは、製品の最高の角度を披露する機会です。

レイアウトのフォームと機能に焦点を当てる

ワイヤーフレームとも呼ばれるeコマースランディングページのデザインの構造は単純である必要があります。 混乱を避けるために、1列または2列のいずれかを選択する必要があります。

メッセージングとコンテンツを明確に区別します。 たとえば、かなりの数の画像やビデオを含める場合は、それぞれに個別のセクションを指定してください。 ここでも、混乱を避け、各コンポーネントが見やすくなるようにします。

他のページへのリンクやナビゲーションを含めることは避けてください。視聴者をCTAに誘導したいのです。 そして、一貫性があることを確認するために、視聴者をランディングページに誘導している有料広告を検討してください。

ランディングページの目的がメールを収集することである場合は、フォームを非常にシンプルに保つことに固執してください。 名前とメールアドレスの2つのフィールドで十分です。 視聴者が簡単につながることができるようにすることで、視聴者がつながる可能性が高まります。

ランディングページをモバイル向けに最適化します。つまり、レスポンシブであることを確認します。 視聴者は、どのデバイスからでもオファーに明確にアクセスできる必要があります。

そして、いいことはいいことです。 顧客があなたに勧めた行動をとったら、顧客に感謝するためのポップアップメッセージを必ず用意してください。 これは、顧客がウェルカムメールまたはエンゲージメントメールを受信し始める前に、顧客を確認するための優れた方法です。

これらの戦術を次のキャンペーンに追加してみてください。そうすれば、すぐにコンバージョンを増やすことができます。