Éléments et caractéristiques des 50 meilleurs sites de e-commerce

Des millions de clients et des millions de ventes: c’est le rêve de nombreux propriétaires de magasins de commerce électronique lorsqu’ils lancent leur boutique en ligne. En tant que designer ici chez Moyens I/O, mon travail (et ma passion) est d’aider les clients à créer le meilleur site Web possible afin qu’ils puissent atteindre leurs objectifs. Chaque jour, je réfléchis à ce qui fonctionnera le mieux pour les entreprises spécifiques de mes clients et leurs clients spécifiques. Il est important de créer un site Web personnalisé pour chaque public cible et chaque marque individuelle, car il n’y en a pas deux identiques. Néanmoins, il y a aussi beaucoup à apprendre de ceux qui nous ont précédés et qui ont connu un succès fulgurant.

Parce que personne ne veut réinventer la roue, nous avons décidé de jeter un regard approfondi sur les sites qui ont déjà atteint le summum du succès avec des clients fidèles et réguliers et des ventes non-stop. Pour notre analyse, nous avons noté les 50 meilleurs sites de commerce électronique sur le Web afin de découvrir leurs traits communs et leurs meilleures pratiques, afin que nous puissions en tirer des leçons et obtenir des informations précieuses que vous pouvez intégrer à votre propre site. Voyons ce que nous avons découvert.

1. Éléments de la page d’accueil

Votre page d’accueil est probablement la page la plus importante de votre site. C’est généralement la page la plus visitée et aussi la page sur laquelle la majorité des clients atterrissent avant de plonger plus profondément dans votre magasin. Pour ces raisons, une bonne page d’accueil est à la fois un outil de vente précieux et une excellente occasion de mettre en valeur votre marque. Étant donné que le client moyen prend une décision concernant votre marque dans les 15 secondes suivant son arrivée sur votre page d’accueil, il est plus important que jamais de bien créer votre page d’accueil.

Voici quelques sites qui tirent le meilleur parti de ce quart de minute et sécurisent les ventes dans le processus.

Non seulement la page d’accueil d’Etsy est extrêmement bien organisée, mais elle permet également aux clients de savoir ce qu’est la marque dès le début. Ils ne perdent pas de temps à s’identifier comme des fournisseurs de produits artisanaux, vintage, personnalisés et uniques. Ils répertorient également les produits dans des catégories pop-out extensibles dans l’en-tête de leur page d’accueil pour inciter les clients à acheter (plus d’informations à ce sujet dans la section suivante). Ils donnent même aux clients un dernier signe de confiance en s’assurant que les acheteurs savent que leurs transactions sont complètement sécurisées et soutenues par la «meilleure technologie de sa catégorie».

La page d’accueil de RedBubble correspond totalement à la marque. C’est créatif, artistique et visuellement convaincant. De ses couleurs soigneusement coordonnées à sa disposition en grille charismatique de catégories populaires, le message et l’intention du site sont clairs dès le départ. Il définit la sensation de la marque et passe directement au shopping. Ils ont même plusieurs barres de recherche pour permettre aux acheteurs décisifs de commencer rapidement à ajouter à leurs cartes. Simple et précis, c’est une excellente page d’accueil.

Voici ce que nous avons appris

Les 50 meilleurs sites de commerce électronique ont des équipes de personnes qui réfléchissent, examinent et testent leurs pages d’accueil pour savoir ce qui fonctionne et ce qui ne fonctionne pas, il y a donc beaucoup à apprendre d’eux. J’ai été surpris par le nombre de similitudes qu’ils partageaient tous, quel que soit le secteur ou le public cible.

  • Avoir une grande promotion comme objectif principal. La majorité des sites que nous avons analysés avaient un grand graphique promotionnel très clair comme premier élément de leur page d’accueil. Ceux-ci étaient généralement très accrocheurs, donnaient le ton de leur marque et faisaient généralement la promotion d’une sorte de produit ou de catégorie. Dans ce cas, la plupart souhaitaient aider les acheteurs à faire un achat pour la Saint-Valentin, mais ils peuvent être facilement modifiés tout au long de la saison des achats.
  • Utilisez des mises en page de page d’accueil défilantes. Les gens ne veulent plus avoir à travailler pour en savoir plus sur vos produits. Grâce à la prolifération des sites mobiles, les acheteurs sont plus réceptifs aux sites simples et faciles. Les sites à défilement vous permettent également de mettre des tonnes de contenu directement sur votre page d’accueil, augmentant votre référencement et facilitant le classement plus élevé dans les recherches. Il peut également réduire la fatigue des utilisateurs en leur fournissant en permanence du contenu frais et interactif.
  • Mettez les produits sur la page d’accueil. Présenter des produits sur la page d’accueil est une bonne pratique de conversion, il n’est donc pas surprenant que la plupart des 50 meilleurs sites de commerce électronique aient des produits en vedette sur leurs pages d’accueil.
  • Utilisez une disposition en grille de catégories. En plus d’avoir des produits en vedette, un élément très courant était une sorte de disposition en grille composée de différents blocs de catégories populaires. Celles-ci étaient généralement visuellement attrayantes et constituées d’images de style de vie ou de produits pour représenter les catégories auxquelles elles étaient liées.
En relation :  10 questions pour transformer votre passe-temps en entreprise à temps plein

2. Navigation sur le site

La navigation sur votre site est généralement le principal moyen pour vos clients de se déplacer sur votre site et de trouver des produits. Mais il est également important de se rappeler que votre client vient sur votre site parce qu’il a un problème. Une navigation correcte sur votre site les aidera à résoudre ce problème. Il joue également un rôle majeur dans la capture ou la perte d’une vente. Si vos clients ne trouvent pas un produit spécifique, ils ne peuvent pas l’acheter. De plus, plus tôt les clients trouveront exactement ce dont ils ont besoin, plus les moteurs de recherche vous récompenseront avec un meilleur classement SERP.

Nike maintient la navigation de son site concise en consolidant ses catégories de premier niveau et en masquant leurs sous-catégories dans un menu contextuel. Cela permet de garantir que le contenu dont ils disposent est numérisable – un élément clé d’un site Web de commerce électronique le plus performant à l’ère des mobiles. Comme pour tout bon menu de navigation, il s’agit de fournir le produit ou le contenu souhaité au bon moment.

Forever 21 a peut-être l’en-tête le plus propre et le mieux organisé que nous ayons analysé. La simple rangée de catégories et l’utilisation d’espaces permettent de naviguer très facilement sur leur site. Vous pouvez dire que leurs concepteurs Web avaient à l’esprit leur jeune public.

Voici ce que nous avons appris

Bien que chaque site de commerce électronique propose une sorte de navigation, certains sont beaucoup plus efficaces que d’autres. Heureusement, il existe certaines bonnes pratiques que vous pouvez prendre en compte pour aider vos clients à naviguer facilement dans votre boutique.

  • Assurez-vous que votre boutique en ligne est dans la zone du pouce. Nous aborderons plus en détail votre disposition mobile dans un instant, mais il y a une fonctionnalité de conception de navigation qui mérite d’être mentionnée ici: la zone du pouce. En substance, c’est l’espace dans lequel un acheteur peut naviguer confortablement lorsqu’il navigue d’une seule main. Si la navigation de votre site est trop restrictive, cela peut entraîner la frustration de l’utilisateur et l’abandon du panier.
  • Gardez votre navigation concise et organisée. Vous pouvez clairement dire que les sites que nous avons analysés ont réfléchi à la façon dont leurs clients achètent et ont organisé leurs catégories en conséquence. Des techniques telles que la cartographie thermique peuvent vous aider à vous montrer les parties populaires de votre site et vous guider pour apporter de petits changements en fonction du comportement observable des acheteurs.
  • Utilisez des menus contextuels pour une meilleure expérience utilisateur. La plupart des 50 meilleurs sites de commerce électronique ont regroupé leurs sous-catégories dans le moins de catégories principales possible et ont utilisé des menus contextuels pour une exploration plus approfondie.
  • La recherche est importante. Il n’est peut-être pas surprenant que 100% des 50 meilleurs sites de commerce électronique disposent d’un champ de recherche. Certains sites en ont plus d’un (voir notre exemple Etsy ci-dessus.) En bref, c’est à peu près un incontournable.

3. Disposition mobile

Selon une enquête Adobe, 62% des utilisateurs de smartphones ont effectué des achats et effectué des achats à partir de leurs appareils mobiles au cours des six derniers mois. Si vous avez vendu sous un rocher ou si vous dormez sur cette nécessité, il est temps d’y aller. À ce stade, avoir une version mobile de votre site de commerce électronique est absolument obligatoire. Avoir un site mobile a un impact à peu près sur tout, de l’expérience utilisateur à la conversion, en passant par les ventes et le référencement.

H&M a un site mobile magnifiquement simplifié composé d’un menu consolidé et d’un contenu de page d’accueil ciblé. Ils font également un jeu d’enfant pour rechercher et «cœur» des articles qui suscitent l’intérêt de leurs acheteurs.

Target a également un site mobile beaucoup plus simplifié que son site pour ordinateur. Ils réorganisent parfaitement leur contenu pour faciliter les achats sur des écrans plus petits. Dans un format clair et intuitif, ils couvrent tout, des catégories et des ventes en vedette aux nouveaux produits et aux meilleurs choix.

Voici ce que nous avons appris

Sans surprise, tous les 50 meilleurs sites de commerce électronique sauf un ont un site adapté aux mobiles. Ils apportent tous des ajustements très importants pour améliorer l’expérience d’achat sur mobile.

  • Simplifiez votre mise en page sur les appareils mobiles. Pour tenir compte des tailles d’écran plus petites, bon nombre des 50 meilleurs sites de commerce électronique ont supprimé des parties du contenu qui se trouvaient sur la version de bureau de leurs sites. Cela permet une expérience d’achat plus ciblée et plus facile.
  • Consolidez votre navigation pour les appareils mobiles. Il est également très courant de voir les menus de navigation consolidés en un seul menu push ou “hamburger”. Le menu hamburger est le symbole à trois lignes que vous avez probablement vu sur une tonne de sites mobiles qui, une fois pressé, vous permet de voir plus de contenu.
  • Placez vos boutons d’ajout au panier de manière stratégique. Votre bouton Ajouter au panier est l’une des dernières actions qui se situent entre un acheteur et une vente. Le placement du bouton lui-même, ainsi que les cases de quantité correspondantes, est essentiel, en particulier lorsque nous parlons de votre boutique mobile. Vérifiez et assurez-vous que votre bouton Ajouter au panier apparaît sous l’image du produit. Lorsqu’il est logé au-dessus, il peut être difficile de toucher la zone du pouce. Plus un acheteur en ligne doit s’étirer et risquer de laisser tomber son appareil, moins il a de chances de finaliser l’achat. Vérifiez que le bouton et le CTA sont au-dessus de la ligne de défilement.
En relation :  Boostez les conversions en ligne avec les planogrammes de commerce électronique

4. Vidéo et GIF

Les boutiques en ligne recherchent toujours des moyens d’augmenter leurs taux de conversion. Certains des 50 meilleurs sites de commerce électronique y parviennent en incorporant des vidéos dans leurs pages de destination. Cela peut faire monter en flèche leur CTR en 80% ou plus! Il y a quelque chose à propos de montrer vos produits en action à travers des vidéos et des GIF qui les démystifient et obligent les navigateurs à devenir acheteurs.

Bloomscape utilise la photographie de style de vie et une vidéo automatique avec les amateurs de plantes de tous âges pour se connecter avec les clients. Les boucles vidéo fluides attirent les pouces verts de toutes les promenades et montrent à quel point il est facile de déballer et d’apprécier leur produit.

Owl adopte une approche similaire pour les vidéos de produits automatiques, ce qui en fait le point central de toute leur page d’accueil. Leur design très minimaliste semble amplifier son attrait.

Voici ce que nous avons appris

Le plus moderne des 50 meilleurs sites de commerce électronique avait des vidéos de produits créatives et utiles intégrées dans leurs pages d’accueil. Nous ne sommes pas surpris que la technique fonctionne si bien pour les magasins sans brique et mortier. Bien qu’il soit important de se rappeler que n’importe quelle vidéo dans n’importe quel format ne fera pas l’affaire. Vous pouvez empêcher une vidéo de produit de se retourner contre vous en vous familiarisant avec certaines règles de la bobine.

  • Vérifiez vos vitesses de chargement. Bien sûr, les vidéos de produits peuvent être extrêmement efficaces. Cependant, vous devez vous assurer qu’ils n’entravent pas l’expérience d’achat. Et vous n’avez vraiment qu’environ trois secondes pour le faire. C’est parce que 40% de tous les internautes abandonneront un site Web dont le chargement prend plus de temps. Vérifiez votre vitesse de chargement à l’aide de sources telles que Google Developers Pagespeed Insights et assurez-vous de disposer d’un cache pour toutes les autres photos de vos produits.
  • Montrez les personnes et les produits. N’oubliez pas que vous essayez d’aider les acheteurs en ligne à se faire une idée de l’expérience de vos produits. Montrez à vos clients comment ils s’intègrent dans leur vie. Démontrez les avantages et comment leur vie quotidienne peut être améliorée. Le marketing de style de vie rencontre le marketing classique et cela fonctionne.
  • Utilisez des clips courts et en boucle. Cela revient aux vitesses de chargement, mais vous donne également la possibilité de présenter plus de produits. Chaque clip doit durer environ 5 secondes. Les boucler ensemble peut donner l’illusion d’une durée d’exécution plus longue sans ralentir vos vitesses de chargement.

Conclusion

Alors là vous l’avez. Nous pouvons apprendre beaucoup des leaders du commerce électronique. Ce petit guide ne fait qu’effleurer la surface d’une longue liste de bonnes pratiques et techniques disponibles.

Vous envisagez d’en implémenter dans votre boutique en ligne? Il est important de penser d’abord à vos clients spécifiques, à la façon dont ils achètent et à créer un site Web spécifiquement adapté à leurs besoins. Gardez un œil sur vos analyses et notez ce qui fonctionne ou non. En fin de compte, il faut partir de quelque part, alors pourquoi ne pas commencer par le haut? Si vous avez apprécié cet article, vous aimerez peut-être également cette infographie que nous avons créée sur la création d’un bouton d’ajout au panier à conversion supérieure en étudiant les boutons des 50 meilleurs sites de commerce électronique.

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.