最高のeコマース製品ページの12（UGCを使用）
公開: 2022-06-04製品詳細ページ（PDP）は、すべてのオンラインストアのバックボーンです。 しかし、今日の競争の激しい電子商取引の状況では、これらのページを「正しく」することは常に課題です。
Baymard Instituteは、米国とEUの企業の何千もの製品ページをレビューし、141のトップグロスeコマースサイトのうち、「優れた」または「許容できる」製品ページのデザインとユーザーエクスペリエンス（UX）を備えているのはわずか18％であることがわかりました。 そして、UXは方程式の一部にすぎません。
時間のない消費者のニーズを満たし、クラス最高のPDPを構築するには、ブランドは継続的に消費者体験を最適化する必要があります。そうしないと、バウンス率が高くなり、コンバージョンが低くなるリスクがあります。
消費者体験を最適化するための完全な方法の1つは何ですか？ ユーザー生成コンテンツ（UGC）。 実際、BazaarvoiceのROIベンチマークデータは、消費者が書面によるレビューや顧客の画像などのUGCを利用すると、コンバージョンが144％増加することを示しています。
製品ページのインスピレーションを探している場合は、UGCを備えた最高のeコマース製品ページの12をチェックしてください。
最高のeコマース製品ページの12（UGCを備えています）
- Burt's Bees：社会的証明を前面に出し、中心に置く
- Under Armour：製品の隅々まで見せびらかす
- ニュートロジーナ：買い物客ごとにページをパーソナライズする
- ベストバイ：製品仕様を変更しないでください
- キッドクラフト：使用中の製品の画像を含める
- Bose：買い物客に製品を「テスト」させます
- キャスパー： GIFを組み込んで、製品がどのように機能するかを示します
- メッカ： AOVを増やすために追加の製品をお勧めします
- ノードストローム：店内体験をオンラインに
- セフォラ：賞と称賛を強調する
- Primal Kitchen：製品の使用方法についてアイデアを出します
- イエティ：買い物客がレビューを検索して必要な情報を見つけられるようにする
1. Burt's Bees：社会的証明を前面と中央に配置
これは私たちが見た中で最高のeコマース製品ページの中で最高です。 潜在的な顧客がBurt'sBeesSensitive Solutions Gentle Cream Cleanserの製品ページにアクセスしたとき、最初に目にするものの1つは、製品の平均星評価とレビュー数です。 これは、これが高品質で愛されているクレンザーであることを買い物客に即座に証明します。
次に、ブランドは大きな商品画像を使用して、買い物客が得ているものを正確に示します。 製品の画像の1つは、実際の顧客が書いたレビューからの星の評価と引用を強調することで、社会的証明を前面に出します。
Burt's Beesはまた、画像と製品の説明に製品のハウツー手順を組み込んでいるため、買い物客は製品の目的、使用時期、および同様の製品がスキンケアルーチンの完了に役立つことを理解できます。
2. Under Armour：製品の隅々まで見せびらかす
Under Armourの多くのランニングシューズの1つに関するこの製品ページでは、同社は製品の高品質な画像を超えています。
この商品ページは、買い物客に靴の完全な360度のビューを取得する機会を提供します。 複数の画像とビューにより、顧客は製品を受け取ったときに驚きがないことを知ることができます。
買い物客がページのカスタマーレビューの部分にアクセスすると、評価、アスリートのタイプ（カジュアルまたは熱心）、サイズ、ロケールでフィルタリングして、靴の使用方法に関するよりパーソナライズされたレビューを確認できます。
最後に、ページを下にスクロールすると、[バッグに追加]ボタンが粘着性のあるバナーになり、ユーザーが自分に適した商品であると判断したら、すぐにカートに入れることができます。 このシンプルなUXデザインは、購入プロセスの摩擦を減らすための強力な方法です。
3.ニュートロジーナ：買い物客ごとにページをパーソナライズする
買い物客が色合いを見たり見たりすることができない場合、化粧品をオンラインで購入することは困難です。 そのため、ニュートロジーナの製品ページには、買い物客が自分の写真をアップロードしてさまざまな唇の色がどのように見えるかを確認できる、非常にパーソナライズされた「試着」機能があります（または最も似ているモデルを選択できます）。
次に、ページのほぼ半分に、星の評価と、製品が実際の生活でどのように感じられ、肌の質感にどのように作用するかについての顧客からの引用を含む、目立つデザイン要素があります。
このページのレビューセクションには、他の買い物客が役立つと思った1つの肯定的なレビューと1つの否定的なレビューを強調する「最も役立つレビュー」のコールアウトセクションがあります。 この要素により、消費者はさまざまなレビューを行うことなく、迅速かつ自信を持って購入を決定できます。
4.ベストバイ：製品仕様を変更しないでください
電子機器をオンラインで販売する場合、製品の仕様と詳細が重要になります。 このSamsungTVの場合、Best Buyは、製品の仕様と質問と回答を製品ページのナビゲートしやすいモジュールで強調しています。 Best Buyは、理解できない可能性のある多くの技術的なコピーを人々に読ませるのではなく、アイコンや箇条書きを使用して製品の詳細を説明しています。
製品ページには、消費者が引き金を引く前にこのテレビの品質と機能をよりよく理解するのに役立つ、製品に関する多くのビデオコンテンツもあります。
レビューセクションの上部にあるBestBuyは、レビューの概要とハイライトを提供し、すべてのレビューを読む必要なしに、買い物客に製品に対する感情を示します。 さらに、レビューセクションの上部にあるレビュー画像を使用すると、ブラウザはユーザーが作成した写真をクリックして、実際の人々の家で製品がどのように表示され、機能するかを確認できます。
5.キッドクラフト：使用中の製品の画像を含める
最高のeコマース製品ページにはすべて共通点が1つあります。それは、優れた画像です。 素晴らしいブランド画像を持っていることはあなたを際立たせますが、製品を使用している人々を紹介する素晴らしい画像を含めることができれば、それはさらに良いことです。 キッドクラフトのコージーエスケーププレイハウスの画像は、家族が家を使用して装飾し、新しい買い物客が自分の庭でこれらの家を視覚化できるようにするいくつかの方法を示しています。 ページの「機能」セクションでも、各機能には、プレイハウスの特定の部分を示す画像があります。
ブランドはまた、ページの上部にあるアイコンを使用して、商品の在庫があるかどうか、対象年齢、一流の商品かどうかなど、買い物客にとって重要な情報を示します。
6. Bose：買い物客に製品を「テスト」させます
Boseは、顧客がeコマースストアでノイズキャンセリングヘッドホンについて必要なすべての情報を簡単に入手できるように努めています。 折り目の上で、ブランドはアイコンと短くてインパクトのあるコピーを使用して、このヘッドフォンのペアの特定の機能と差別化要因を強調しています。
ページのレビューセクションは、ヘッドフォンの機能にも非常に焦点を当てています。
買い物客は、音質、快適さ、ノイズキャンセルなどの機能カテゴリで製品がどのようにランク付けされているかを簡単に確認できます。
このページのショートッパーはインタラクティブなモジュールで、忙しくて騒がしい部屋でヘッドホンがどれだけのノイズを打ち消すことができるかを買い物客が実際に聞くことができます。 これにより、顧客は店に行かなくてもヘッドホンを「テスト」することができます。
7.キャスパー：GIFを組み込んで、製品がどのように機能するかを示します
マットレスは、優れた製品ページがすべての違いを生むもう1つのカテゴリです。 この製品ページでは、Casperは元のマットレスについて可能な限り多くの情報を提供し、顧客からの質問も予想しています。
たとえば、ページの上部で、買い物客は全発泡マットレスまたはハイブリッドマットレスのいずれかを選択する必要があります。 キャスパーは、日常の人がタイプの違いを知らないかもしれないことを知っているので、ハイブリッドマットレスの利点についてのより多くの情報を提供するポップアップがあります。
キャスパーには、ユーザーが寝返りを打った場合にマットレスがユーザーの体にどのように適合するかを示すGIFスタイルの製品画像も含まれています。 前述のように、買い物客はeコマースストアのマットレスを物理的にテストできないため、これは不可欠です。そのため、買い物客に製品を試しているように感じさせることが次善の策です。
最後に、サイトのレビューセクションで、Casperは、体の痛みや快適さなどのニーズに基づいてレビューをフィルタリングするように依頼することで、顧客が探しているものを見つけるのを支援します。
8.メッカ：AOVを増やすために追加の製品を推奨する
ビューティーストアのメッカでは、アイシャドウパレットの商品ページで、購入したいかどうかを簡単に知ることができます。 まず、大きな商品画像により、買い物客はこのパレットのすべての色合いを見ることができます。
次に、平均注文額を増やすために、Meccaは、このパレットへの関心に基づいて、買い物客が好む可能性のある他の製品を推奨します。 ページのこのセクションはすっきりとしていて、ナビゲートしやすく、ページのスペースをあまり取りません。
このページのレビューセクションでは、買い物客は、前のレビューアの目の色と肌の色を詳しく説明することで、これらの色が自分の顔に合うかどうかを知ることができます。 Meccaはまた、過去の顧客にレビューと引き換えに製品を受け取ったかどうかを尋ねます。
今日の買い物客は、インセンティブのあるレビューとインセンティブのないレビューを同等に信頼できると考えています。 実際、米国の買い物客の58％は、インセンティブを与えられたレビューは、オーガニックレビューと同じように購入決定に情報を与えることができると述べています。
9.ノードストローム：店内体験をオンラインにする
ノードストロームの製品ページの多くには、このジーンズのようなものがあります。同社は、衣料品とそのフィット感について詳しく説明している販売員のビデオを掲載しています。 これは、従業員が買い物客が適切な商品を選ぶのを手伝うことができるかもしれない店内体験を模倣しています。
ノードストロームはまた、他のノードストロームのアイテムで衣装を完成させるためのスタイルのアイデアを顧客に提供します。 これらの外観の一部はノードストロームによって設計されていますが、他の外観はノードストロームの顧客によってまとめられています。
レビューセクションでは、レビューで言及されている最も一般的な長所と短所を強調しているため、買い物客はすべてのレビューを読むことなく、同僚の意見をすばやく理解し、購入の決定を迅速に行うことができます。
10.セフォラ：賞と称賛を強調する
セフォラは何千ものメイクアップ製品を販売しているため、買い物客が選択できるように、このブランドは製品ページで製品の賞と称賛を示しています。 このブロンザーについて、Sephoraは、この製品が2021年にAllure BestofBeauty賞を受賞したことを明確にしています。
私たちが紹介した他のいくつかのブランドと同様に、Sephoraもかわいいアイコンと短い有益なコピーを組み合わせて、製品の最高の機能の概要を顧客に提供します。
Sephoraを使用すると、商品がどのように見えるかを理解しやすくするために、肌の色、肌の悩み、年齢層、購入した色合いなど、いくつかのカテゴリでレビューをフィルタリングできます。 買い物客は、ページのレビューセクションの上部にある視覚的なUGCギャラリーをスクロールすることで、実際の人に製品がどのように見えるかを確認することもできます。
11. Primal Kitchen：製品の使用方法についてアイデアを出します
Primal Kitchenは、製品ページを使用して、パントリーのステープルをオンラインで注文するリスクを軽減しています。 ブランドのChipotleLimeMayoの製品ページに、Primal Kitchenの製品の簡単な説明があり、通常のマヨネーズと比較した製品の味を詳しく説明し、使用する食品の提案をしています。
ブランドは、買い物客がパントリーで未使用のままにするのではなく、この購入を毎週の食事プランに組み込むのに役立つこのアイテムを含むいくつかのレシピを提供することにより、これらの提案をページのさらに半分まで進めます。
買い物客がレビューにアクセスすると、この食品を注文するリスクがさらに減少します。 レビューセクションの最上部にあるPrimalKitchenは、製品を推奨する顧客の割合（この場合は99％）を強調することにより、社会的証明を活用しています。
12.イエティ：買い物客が探しているもののレビューを検索できるようにする
最高のeコマース製品ページの最後の例は、ドリンクウェアブランドのYetiです。 このタンブラーのために、Yetiは買い物客が購入を完了するのを助ける折り目の上のクロスセリングオプションを提供します。
また、ページの下部に質問と回答のモジュールを配置するのではなく、Yetiは最も一般的な顧客の質問を取り上げ、それらを製品ページのコピー自体に組み込んだため、顧客は探している回答を探しに行く必要がありません。為に。
最後に、ページのレビューセクションには検索オプションがあります。 顧客は特定の単語のレビューを検索して、過去の顧客が懸念事項や使用例について言及しているかどうかを確認できます。 たとえば、「cold」という単語を検索すると、Yetiはその単語を含むすべてのレビューを見つけるので、買い物客はこのタンブラーが飲み物を冷たく保つのにどれだけ優れているかを具体的に知ることができます。
最高のeコマース製品ページを最適化する
いくつかの最高のeコマース製品ページからインスピレーションを得て、これらの戦略を自分のサイトに実装することで、ブランドのコンバージョン率が向上します。 新しい製品ページをテストして、視聴者の共感を呼ぶものを確認するときは、これらのテクニックのいくつかを組み合わせることを恐れないでください。
消費者体験を改善し、製品ページでのコンバージョンを増やすためのより多くの方法が必要ですか？ 商品ページを最適化する方法の詳細をご覧ください。
ユーザー生成コンテンツへのeコマースマネージャーのガイド
