究極の E コマース ランディング ページの構築 (例あり)

公開: 2022-12-13

E コマースは、ビジネスの成功においてますます重要な役割を果たしています。 近年、アジア太平洋、中央ヨーロッパ、東ヨーロッパ、ラテンアメリカ、北アメリカ、西ヨーロッパの各地域で、e コマースの小売売上高が 25% 以上増加しています。 推定によると、オンライン小売売上高は 2023 年末までに 6.5 兆ドルを超え、全売上高の約 22.3% を占めると予測されています。

オンライン ショッピングは、企業が顧客や顧客にリーチする大きな機会を提供する一方で、多くの競争も生み出します。 オンラインの買い物客は、地理的な制限についてあまり考える必要はありません。 店舗の場所に移動する必要がないため、全国または世界中のオファーを比較できます。

非常に多くの競合他社が注目を集めているときに、どうすれば消費者にアピールできるでしょうか? オーディエンスを慎重にターゲットにし、買い物客を購入者に変えるように設計された e コマースのランディング ページに誘導する、強力なマーケティング戦略が必要です。

効果的な e コマースのランディング ページの作成

オンライン マーケティング戦略の大部分は、ユーザーを e コマースのランディング ページに誘導します。 彼らがその目的地に到達すると、競合他社よりもあなたのビジネスを選択するかどうかにあなたのページが影響します.

マーケティング戦略をまだ策定していない場合は、コンテンツ マーケティング コンサルタントを雇ってプロセスを案内してもらうことを検討してください。

効果的な e コマースのランディング ページを作成すると、売上と収益を生み出す機会が増えます。 以下を含めて、消費者を変換するために必要なすべてをページに提供します。

明確な行動を促すフレーズ (CTA)

marketoホームページのCTA

消費者は、ランディング ページが提供するものを知る必要があります。 明確な CTA を作成することで、混乱が解消され、人々の行動を促すことができます。

明確な CTA を作成する前に、ランディング ページの目標を特定する必要があります。 一般的な目標には、次のことを人々に納得させることが含まれます。

  • 製品を購入する

  • トライアルまたはデモをリクエストする

  • 製品概要を見る

  • ニュースレターにサインアップする

  • 担当者に連絡するよう依頼する

CTA メッセージは、できるだけ率直に目標を反映する必要があります。 派手になる必要はありません。 ランディング ページの訪問者に何をすべきかを伝えるだけです。

Marketo は、強力な CTA の良い例を提供しています。 Marketo Engage ランディング ページには 2 つの CTA があります。 スクロールせずに見える CTA の上部には、「製品概要を見る」と書かれています。 フォールド下の CTA には、「パーソナライズされたデモを入手してください」と書かれています。

これだけでは不十分な場合は、ほとんどの買い物客がランディング ページにたどり着く前にマーケティング アセットに触れていることを考慮してください。 CTA は、行動すべき理由を説明する必要はありません。 どのように行動するかを彼らに伝える必要があるだけです。

有益で説得力のある画像

サンバスケットのウェブサイトの画像

ランディング ページのテキストは最小限であるため、通常のブログ投稿よりも画像が重要になります。 これは、Unsplash や Pexels にある著作権フリーの画像の場所ではありません。 製品の品質についてターゲット ユーザーに直接伝える高品質の画像が必要です。

選択する画像のタイプは、オーディエンスと製品によって異なります。

ミール キットのサブスクリプション会社である Sunbasket は、準備された料理のプロの写真を使用して、潜在的なメンバーを変換します。 誰かがオンラインで食事キットのオプションを比較している場合、食欲をそそる写真はランディング ページで多くの負担を軽減します。

Codecademy は、オーディエンスを対象とする別のアプローチを採用しています。 Codecademy Business のランディング ページには、自信に満ちた若いプログラマーが自分のワークステーションにいる写真が掲載されています。 また、Codecademy サービスを使用してプログラミング言語を学習している人物の短いクリップを示す GIF も含まれています。

コード アカデミー gif

ターゲット ユーザーにアピールする画像の種類を決定し、専門家を雇って作成してもらいます。

簡潔で説得力のあるコピー

e コマースのランディング ページの上部に配置できる、短く説得力のあるコピーを作成します。 理想的には、ページを下にスクロールせずにブラウザを変換できます。 スクロールせずに見えるオンラインのコピーは、単に画面の上部にあるコンテンツを指し、スクロールして表示する必要はありません。情報を無駄なく直接伝える必要があります。

Mailchimp は、潜在的なユーザーに、コンバージョンにつながる簡潔で説得力のあるコピーを提供するという素晴らしい仕事をしています。 同社の CRM ランディング ページには、いくつかの重要なキーワード (「マーケティング CRM ソフトウェア」と「顧客関係管理」など) が 2 つの短い文で含まれています。 コピーはページの 4 分の 1 未満を占めます (少なくともラップトップまたはデスクトップでは。コピーはモバイル画面を支配し、画像をすぐに表示できないようにします)。

mailchimp crmランディングページのコピー

潜在的なクライアントは、Mailchimp のランディング ページを見て、プランのオプションを検討し、メンバーに変換するために必要な最後のナッジを受け取ります。

リードフォーム

潜在的なクライアントに関する情報を収集するために、e コマースのランディング ページにリード フォームを含めます。 特定の製品のランディング ページにリード フォームを含めない可能性があります。 代わりに、読者に購入を確定させることに集中します。 ただし、長期的なクライアントを引き付ける場合は、連絡先情報を収集して、関係を構築し始めることが理にかなっています.

コンテンツ マーケティングの観点から、Web フォームとリード フォームは次の理由でうまく機能します。

  • スパムメールの防止にご協力ください

  • ほとんどのウェブサイト構築プラットフォームおよび CRM と統合

  • ユーザーエクスペリエンスの向上

  • あなたが提供するものに真剣に興味を持っている人々から質の高いリードを生成します

CTA のように、リードフォームに凝る必要はありません。 Scripted を見てください。

スクリプトのリードフォーム

上部に明確なメッセージがあり、人々に無料トライアルを開始するよう促し、関心のある関係者に次のように入力してアカウントを作成するように求めます。

  • 名前

  • ビジネス用メールアドレス

  • 新しいアカウントのパスワード

誰もが深く考えずに入力できる非常に基本的な情報です。

クリックトリガー

Paramount+ ランディング ページのクリック トリガー

クリック トリガーは、ほとんどの e コマースのランディング ページにあるボタンです。 通常、「トライアルを開始」や「サインアップ」などの短い CTA が含まれています。

ページの他の要素から目立つため、クリック トリガーが必要です。 訪問者の注意を引き、ボタン 1 つで意思決定を進めることができます。

Paramount +には、特定のサービスやオファーに対応する優れたクリックトリガーがあります. ストリーミング サービス ページの例には次のようなものがあります。

  • 無料のエピソードを見る

  • バンドルを入手

  • 今すぐ交換

クリック トリガーの CTA はすべて大文字で記述するのが一般的です。

ランディング ページのデザインによっては、1 つ以上のクリック トリガーがある場合があります。 短いページの場合は、おそらく 1 つしか必要ありません。 長い e コマースのランディング ページには、各セクションのコンテンツに合わせて作成された固有のクリック トリガーを含めることができます。

十分な余白

ウィックスランディングページ

ホワイト スペースとは、e コマースのランディング ページの主要なアセットを囲む空の領域を指します。 「白」という言葉に惑わされないでください。 任意の色を使用して、ページに空白を作成できます。

ホワイトスペースは、トラフィックを購入者に変えるために作成したメッセージや画像に人々が集中できるようにします。 わくわくするようなことではないかもしれませんが、訪問者の気を散らす可能性のある「ノイズ」や煩雑さを軽減するために重要です。

Wix には、余白、イラスト、テキストで遊ぶ優れたランディング ページがあります。 余白は、カラフルな画像が画面を横切るキャンバスを提供します。 下にスクロールすると、イラストが左から右に移動し、情報テキスト、CTA、およびトリガー ボタン用のスペースが作成されます。 デザイナーが空白の背景に対してすべてを設定するため、機能します。

レスポンシブ デザイン

世界中で、モバイル デバイスはインターネット トラフィックの半分以上を占めています。 ラップトップやデスクトップ コンピューターにお金を使いたくないという若者が増えるにつれ、この割合はさらに増えると予想されます。 必要なものはすべて、スマートフォンや同様のモバイル デバイスから入手できます。

世界の携帯電話トラフィック統計

レスポンシブ デザインにより、Web サイトをユーザーのデバイスに適応させることができます。 Mailchimp のランディング ページは、モバイル ユーザー向けにページを整理し、CTA を強調し、企業が人々に対話してもらいたいと思っているトリガーであるため、良い例です。 はい、プロの画像は、e コマースのランディング ページに対する人々の反応に影響を与える可能性があります。 ただし、不要なピクセルをすべてトリミングする必要がある場合は、多くの画像を使用せずに最小限のデザインを人々に提供することは理にかなっています.

レスポンシブ デザインは訪問者が使用するデバイスの種類を認識しているため、個々のエクスペリエンスを最適化できます。 必要に応じて、e コマースのランディング ページには、コンバージョンを促進する画像や動画が表示されます。 これらのクリエイティブ アセットによって応答時間が遅くなり、小さな画面が煩雑になると、ページはそれらを押しのけて重要な要素に集中します。

インスピレーションを得るための優れたランディング ページ

  • Great Jones: 商品の見事な写真とシンプルな「カートに入れる」トリガー ボタンにより、Great Jones Web サイトのランディング ページが効果的になります。
  • Door Dash: Door Dash は、あなたの住所を要求し、あなたの地域の参加レストランを返す Web フォームでポイントを取得します。
  • Wag!: 著名なリード フォーラム、QR コード、犬を連れた歩行者の愛らしい写真が Wag! を構成します。 ランディングページの楽しさと魅力。
  • Talkspace: Talkspace のランディング ページは、励ましの言葉、利点の簡単な説明、およびサービスを使用している人物の写真で変換されます。
  • Bills.com: Bills.com はインタラクティブなスライドを提供し、効果的な債務救済戦略につながる簡単な質問に進む前に、債務額を選択するよう求めます。 サインアップする前から参加しています。

訪問者を変換するランディング ページのコピーを取得する

e コマースのランディング ページには、訪問者を惹きつけて有料の顧客に変える、慎重に作成されたメッセージが必要です。 Scripted の人材プールには、さまざまな業界での経験を持つランディング ページ ライターが含まれています。 また、パフォーマンスおよび最適化サービスを含むスクリプト メンバーシップを選択することもできます。 専任のアカウント マネージャーが、独自のニーズに合わせて設計されたコンテンツ マーケティング戦略の作成と監視を支援します。 パフォーマンス監視では、次のような要因を確認できます。

  • 直帰率

  • キーワードランキング

  • コンバージョン率

  • ページ速度

  • オーガニックトラフィック

これらの主要業績評価指標が期待と一致しない場合、アカウント マネージャーは方向転換して別のアプローチを試すことができます。 競合他社が使用するランディング パフォーマンスよりもパフォーマンスが優れている場合に Scripted が成功するため、常に注目を集めることができます。 Scripted を使用すると、結果が得られる e コマースのランディング ページを簡単に発行できるようになります。

30 日間のトライアル (1).svg