コンバージョンを増やすためのEコマースWebデザインのベストプラクティス

公開: 2018-04-15

EコマースのWebサイトは、売り上げを伸ばすために存在します。

ただし、顧客が購入するには、eコマースWebサイトをオンライン変換用に最適化する必要があります。

Nyrajuスキンケア診断監査と戦術的再設計

SiteTunersは、アフリカ系アメリカ人のナチュラルおよびオーガニックスキンケア市場のパイオニアの1つであるNyraju Skin Careと協力して、eコマースWebサイトの戦術的な再設計を行いました。 Nyrajuは、ランディングページとeコマースファネルを最適化することで、オンラインの売り上げと収益を増やしたいと考えていました。

eコマースの売り上げを伸ばすための最初のステップは、コンバージョンを成功させるための摩擦と障壁の原因を取り除くことです。 SiteTunersは、訪問者のコンバージョンを妨げるデザインとユーザビリティの問題を特定するために、Nyrajuのミッションクリティカルなページの診断監査を実施しました。次に、これらの問題に対処し、Nyrajuがクイックウィンの恩恵を受けるのに役立つ改善を推奨しました。

SiteTunersの推奨に基づいて、NyrajuSkinCareはeコマースファネルのミッションクリティカルなランディングページを改訂しました。これらの変更により、コンバージョンが277％も増加しました。

Nyrajuスキンケアに関するSiteTunersの推奨事項は、次の原則に基づいています。

信頼を築く
関連性がある
強力な価値提案を持っている
一貫性を保つ
気を散らすものを排除する
明確な召喚状を持っている
ユーザーが簡単に変換できるようにする

NyrajuのEコマースページの微調整

Nyraju Skin Careは、eコマースWebサイトからのコンバージョンを増やしたいと考えていましたが、Webサイトの大幅な再設計は望んでいませんでした。代わりに、彼らは戦術的な再設計におけるSiteTunersの専門知識を利用して、既存のランディングページを最適化しました。

改築前のNyrajuスキンケアの全体的なコンバージョン率は1.31％でした。ホームページは2.10％で変換されていました。

SiteTunersは、顧客の購入決定に大きな影響を与えたランディングページを確認しました。次に、Nyraju Skin Careは、SiteTunersが提案したランディングページへの変更を実装し、分析ツールを使用してパフォーマンスを監視しました。

以下は、ランディングページの元のバージョンと最適化されたバージョンです。

通常、新規訪問者は最初にNyrajuのホームページにアクセスします。特定の製品を念頭に置いていない場合は、次のように、関心のあるカテゴリをクリックします。

次に、クリックして製品の詳細ページに移動します。

訪問者がカートに追加ボタンをクリックすると、すぐに以下のカートページに移動します。

ニラジュスキンケアのコンバージョン目標は、完売です。

Nyrajuのeコマースファネルでコンバージョンリークを特定し、コンバージョン中心のデザインの原則に基づいてランディングページの変更を推奨しました。これらのCROの原則は、直感的で説得力のある魅力的なWebエクスペリエンスを設計するためのSiteTunersのフレームワークの中核です。

1.信頼を築く

信頼はeコマーストランザクションの基本要素です。あなたのウェブサイトが信頼性を伝えていない場合、あなたのユーザーはあなたから購入することはありません。あなたの会社とブランドのオンライン表現として、あなたのウェブサイトは訪問者からの自信を刺激するクリーンでプロフェッショナルで一貫したデザインでなければなりません。目立つ信頼記号を持ち、Web規則に従うことも、ユーザーがWebサイトに親しみを感じるのに役立ちます。

Nyrajuの場合、元のホームページは、メインコンテンツ領域に自動スライダーを含む非常に多くのオファーが散らかっているように見え、検索エンジン最適化を目的としたテキストのチャンクもありました。最大の信頼要素である電話番号が背景に溶け込んでいます。他の信頼記号（BBB、100％保証されたセキュリティ）はページの下部にあり、それらを無効にしました。ほとんどの人はページの一番下までスクロールしないので、信頼のロゴは表示されません。

回転するバナーを削除し、単一のオファーに置き換えることで、コンテンツ領域を整理することをお勧めします。また、信頼を強化するためにクライアントのロゴを追加することを提案しました。一部の要素（検索バーや電話番号など）をページ上のより標準的な場所に移動しました。

2.関連性がある

訪問者は最初、数秒以内にあなたのサイトに満足しているかどうかを判断します。ランディングページがユーザーの意図とどの程度一致しているかは、その決定に大きく影響します。

まず、ランディングページは、訪問者を引き付けるために使用される広告メッセージとキーワードを反映している必要があります。
次に、ランディングページは、宣伝されている製品/サービスに関する有用な情報を提供する必要があります。
最後に、ランディングページには、優れたユーザビリティとユーザーエクスペリエンスが必要です。

Nyrajuの場合、ホームページにアクセスした訪問者は、会社が何を販売しているのかを問題なく知ることができます。しかし、顧客が製品ページに直接アクセスした場合、メッセージは意図に一致するには不十分です。

SiteTunersは、スライダーの代わりに、コンテンツ領域に画像ベースのカテゴリなどの視覚的なナビゲーションを設けることを推奨しました。このようにして、訪問者は自己選択および自己ナビゲートできます。また、テキストを読まなくても、eコマースストアから購入できる商品をすぐに知ることができます。この場合、画像ははるかに高速なナビゲーションツールです。

3.強力な価値提案をする

バリュープロポジションは、訪問者にあなたの会社から購入すべき理由を知らせます。彼らにとって何が含まれているのか。訪問者に行動を起こさせるには、強力な価値提案を持つことが重要です。

ニラジュスキンケアのオリジナルのランディングページは100％ナチュラルブラックスキンケアを約束していましたが、これは明確ではありませんでした。彼らはまた、彼らの製品の利点を説明するために長いテキストに依存していました。しかし、人々は一般的にウェブ上のテキストを読まないので、彼らはこれらの点を見逃すことになります。

あなたのウェブサイトは利益に焦点を合わせるべきです、それで訪問者は彼らが製品またはサービスを買うべきである理由を完全に知っています。価値提案をより明確にするために、画像と箇条書きを組み合わせて使用することをお勧めします。また、「前」と「後」の画像を配置して、訪問者にNyraju製品を使用する利点を示すことをお勧めします。

4.一貫性を保つ

デザイン、ブランディング、メッセージングの一貫性は、訪問者の信頼を得るために重要です。一貫性を実現することは、プロ並みのランディングページを用意することだけでなく、目標到達プロセス全体で情報の香りを維持することでもあります。

Nyrajuの元のホームページとランディングページは、デザインの一貫性にひどく欠けていました。見出しやビジュアルなど、ページ上の要素の一部が他の要素と一致しませんでした。商品ページでは、レビューされた商品の画像が押し上げられ、他の商品とずれており、サイトが壊れているように見えました。左側のナビゲーションとコンテンツのプロモーションも注目を集めました。

一貫性を実現するために、SiteTunersは、製品の画像を揃え、左側のナビゲーションを削除することを提案しました。製品ページに見出しを含め、箇条書きを使用することも、継続性を生み出すために奨励されました。

5.気を散らすものを取り除く

クラッターはコンバージョンを殺します。 ランディングページには、訪問者がタスクを完了するのを妨げるような不要なデザインやインタラクション要素がないようにする必要があります。

Nyraju Skin Careのホームページとランディングページには、メインコンテンツ領域に含まれる要素が多すぎます。

あるカテゴリーから別のカテゴリーに変わる、自動的に動くスライダーがありました。
いくつかの無関係な販促バナーも訪問者の注目を集めて競い合っていました。

気を散らすものを排除するために、スライダーとプロモーションをトップレベルのカテゴリの画像ベースのナビゲーションに置き換えることをお勧めします。また、カテゴリページと製品詳細ページの左側のナビゲーションを削除しても、ページに価値が追加されなかったため、削除することをお勧めします。

6.行動を促す明確な呼びかけをする

明確さは、オンライン取引のリスクからの訪問者の不安を軽減します。また、ユーザーの視点から見たランディングページの透明性も向上します。明確にするためには、明確な情報アーキテクチャ、優れたコピーライティング、および明確な召喚状が必要です。

SiteTunersは、主要な召喚状の可視性を向上させることにより、明確性を高めるよう努めました。また、視覚的な階層とボタンのコピーを変更して、ユーザーの意図に合わせやすくすることも提案しました。たとえば、Nyrajuは、ベストセラーのサンプルキットの写真をビジュアルナビゲーションに含めることができるため、初めての訪問者は簡単に見つけることができます。

7.ユーザーが簡単に変換できるようにする

使いやすさは、オンラインコンバージョンの重要な要素です。訪問者は、ユーザーエクスペリエンスの問題をイライラさせることなく、簡単で簡単なランディングページを見つける必要があります。彼らはウェブサイトでタスクを達成するためにあまり精神的な努力を費やす必要はありません。

NyrajuスキンケアWebサイトを整理する以外に、SiteTunersは、サイトのナビゲートを容易にするためにWeb規則に従うことを強調しました。また、製品の検索可能性を向上させるために、サイト検索の改善を提案しました。

結果

Nyrajuは、SiteTunersの推奨事項を実装した後、最適化されたランディングページのパフォーマンスを追跡しました。

結果は次のことを示しました。

ホームページのコンバージョン（訪問者がホームページにアクセスして購入を完了する）は22.85％増加しました
顔のカテゴリページのコンバージョン（顔の製品にアクセスして購入する訪問者）は98.4％増加しました
Nyrajuのベストセラーのナチュラルスキンケアサンプルキットのコンバージョンは277.5％増加しました

他の製品詳細ページは、再設計後に小さな上昇を経験しました。

全体として、Nyrajuスキンケアの収益と注文量は2倍になりました。

結論

eコマースに関して本当に重要なことは1つだけです。それは収益です。

売上と収益を増やすための最初のステップは、ウェブサイトでのコンバージョンの障壁を取り除くことです。コンバージョンに最適化されたランディングページのテスト済みで実証済みの原則に従ってランディングページを最適化すれば、eコマースの売り上げと収益を増やすことができます。