うまく設計されたEコマース製品ページを作るものは何ですか？

公開: 2016-01-13

Webサイトのホームページは通常、サイトで最も重要なページと見なされます。ホームページは多くの場合、ランディングページであり、潜在的な顧客が最初に目にするものであり、会社の最初の雰囲気を表しています。 eコマースの世界では（他のほとんどの生活分野と同様に）第一印象が非常に重要であることは誰もが知っていますが、eコマースWebサイトの成功には製品ページも不可欠です。

製品ページはそれがすべて起こる場所です。製品の表示、価格設定、サイズ設定、適合性、そしてもちろん実際の購入。あなたの製品ページが顧客フレンドリーではない、または写真が悪くて乱雑でなく、「カートに追加」オプションが不明確な方法で設計されている場合、顧客はクリックして、より見た目に美しく、使いやすい競合他社に移動する可能性があります。

では、何が優れたデザインの製品ページになるのでしょうか。

コンテンツ

コンテンツは階層に配置する必要があります。価格などの最も重要な情報は上に向かっていく必要があり、他の情報はページの下に向かって徐々に低くなり、重要性は低くなります。ほとんどの顧客はページ上のすべての情報を読むわけではないので、読む必要があると思うものを最高の位置に置いてください。

タイトルと価格

これらは、コンテンツ階層の最上位に配置する必要があるだけでなく、視覚階層の最上位にも配置する必要があります。これらの2つのことは、写真と行動の呼びかけとともに、製品ページの最も重要な部分であるため、目立つ必要があります。テキストを大きくしたり、下線を引いたり、色を変えたりすることで、これらのポイントを目立たせることができます。

下の画像は、ボノボスからのこの例です。ご覧のとおり、タイトルは大きく、大胆で明確であり、価格はページ上で次に最も明白なものです。

包括的な製品の説明

潜在的な顧客を顧客に変えるために、あなたはあなたの製品が何であるか、それがどのように機能するか、それが何のために良いか、そしてなぜ彼らがそれを買うべきかについて彼らに完全に知らせます。これは、すべての製品の説明が非常に説明的で熱心でなければならないことを意味します。

動物の巣箱を販売している会社であるNestboxの以下の例は、有用な詳細が満載の優れた説明を示しています。

目立つ行動への呼びかけ

召喚状は、サイトのどのページでも、特に製品ページでは常に重要です。行動を促すフレーズは次のとおりです。-識別しやすいように戦略的に配置します。

サイズはその重要性を示しているので、適切なサイズであることを確認してください。ただし、上を超えないようにしてください。誇張する必要はありません。
召喚状ボタンの色は重要です。あなたはそれをページ上で目立たせたいのです。これを行う良い方法は、非常に対照的な色でデザインすることです。
同様に、ボタンは、視覚的に強調表示するために、周囲に十分な空白があるように設計する必要があります。
召喚状のテキストは短くて甘いものにする必要があります。要点まで、シンプルで簡単に理解できます。

以下の例は、電子タバコと電子液体の会社であるグレイヘイズからのものです。ここでは、背景とのコントラストがよく、目立つ色でデザインされているため、行動の呼びかけが明確であることがわかります。

商品画像

商品の画像は、商品ページの外観と効果に不可欠です。私たち全員が最近さらされているメディアの露出の量で、写真と画像の美学の標準は急上昇しました。 Instagramのフィルターを使えば、誰でも普通の画像を美しいものに変えることができます。つまり、写真の水準は常に高いものです。その結果、企業は消費者を惹きつけ、感動させるために、これまで以上に印象的な画像を作成する必要があります。したがって、すべての商品画像が次のとおりであることを確認する必要があります。

高品質
複数の異なる角度から製品を表示する
ズームする機能があります
ビデオは、特にファッションサイトの間で、製品ページでますます人気が高まっています。
場合によっては、画像の背景を削除することで、より大胆で鮮明で鮮明な商品画像を作成できます。

以下は、製品の画像とズームオプションの豊富な選択肢を紹介する製品ページの例ですが、製品に命を吹き込むキャットウォーク機能も備えています。

ソーシャルシェアリング

ソーシャルメディアで共有するオプションを提供することは、顧客と関わり、顧客にショーで製品を推薦してもらうための優れた方法です。以下のCathKidstonの例は、ソーシャルリンクを追加するだけでなく、使用中の製品の画像のライブInstagramフィードを提供することで、製品ページのソーシャルメディアの非常に優れた使用法を示しています。

サイズチャート

サイズチャートは、一部の製品ページにとって非常に重要です。特にファッションサイトで。これは、あなたと顧客の両方に悪い返品を避けるための優れた方法です。一部のサイトでは、サイズチャートを別のページに配置することを選択しますが、顧客に商品ページをクリックしてもらうのではなく、商品ページに配置することをお勧めします。これにより、売り上げを失うリスクがあります。これにより、ユーザーエクスペリエンスも向上します。

ここ、ヘラロンドンのサイトでは、製品ページからサイズチャートに簡単にアクセスできることがわかります。

配送に関する情報

製品ページの配信情報は非常に明確で、隠れたコストがないようにする必要があります。秘密は忠誠心を生み出す方法ではありません。ほとんどの場合、顧客が「行く」という言葉からの配送料をよく知っている場合、顧客は商品を購入する可能性が高くなります。

以下に、この会社が実際のページの貴重なスペースを占有することなく多くの情報を提供するのに最適なポップアップボックスに配信情報を入れていることがわかります。

レビュー

レビューはeコマースWebサイトに不可欠であり、コンバージョンを増やし、新しい顧客が抱く疑いを排除するのに役立つことが証明されています（もちろんレビューが肯定的である限り）。また、顧客がレビューを残すオプションを提供する必要があります。彼らがそうするのは簡単です。

これは、大量のレビューを紹介すると同時に、顧客がレビューを追加するのも非常に簡単にする例です。

タブ

多くのコンテンツは、顧客にとって圧倒されることがあります。多くの情報を取り込むのは難しい場合があります。そのため、コンテンツをタブまたは折りたたみ可能なトグルに分割することをお勧めします。このように、顧客が特定の情報に興味を持っている場合、それを読むためのオプションを利用できますが、顧客が興味を持っていない場合、無関係なコンテンツがページを乱雑にすることはありません。

ここでは、ASOSがタブを効果的に使用して、ページを過密にすることなく大量の情報を消費するオプションを提供していることがわかります。

製品ページ内でのクロスセリング

商品ページで売り上げを伸ばすのに最適な方法は、他の商品オプション、関連商品、または商品バンドルを割引価格で提供することです。顧客がすでに購入している場合は、最初のアイテムを追加するのではなく、カートにさらに追加する可能性が高くなります。

以下のサイトでは、ユーザーは関連製品にアクセスでき、他の人が見ている製品に関連して何に興味を持っているかを確認できます。

結論

ウェブサイトの製品ページはすべて異なり、ユニークで、さまざまな顧客に合わせて調整されていますが、すべてのeコマースウェブサイトが考慮する必要がある3つの重要な要素があります。

シンプルでデザインが整理された素晴らしいコンテンツ
見事な商品画像
すべてのデザインと機能の中心にあるのは、顧客にシームレスな旅を提供する簡単なユーザーエクスペリエンスである必要があります

あなたがあなたのeショップデザインに関して専門家の助けを探しているなら-私たちのウェブデザイン製品を見て、連絡を取ってください！