Vous êtes-vous déjà demandé pourquoi les épiceries placent le lait à l’arrière du magasin et les chocolats près de la caisse ?
C’est simple : placer les essentiels au fond du magasin encourage les acheteurs à se promener et à parcourir d’autres produits. Placer de petits objets (comme des chocolats) près de la caisse encourage les achats impulsifs.
Tout cela relève de la science de l'aménagement de magasin. Un agencement bien pensé peut dynamiser les ventes, fidéliser la clientèle et permettre aux clients de trouver plus rapidement ce qu'ils recherchent.
Votre boutique en ligne n'est pas différente. L'organisation et la présentation de vos produits ont un impact important sur ce que (et comment) les clients achètent chez vous.
Dans cet article, nous allons vous montrer comment présenter vos produits pour maximiser les ventes et les conversions.
3 éléments à prendre en compte lors de la sélection d'une présentation de produit
La présentation du produit peut sembler un problème simple lorsque vous l’abordez pour la première fois. Cependant, comme la plupart des choses dans
1. Choix
Le choix est un
Une présentation efficace des produits est essentiellement un processus visant à équilibrer cette dualité. Autrement dit : donner l’impression d’un choix abondant, tout en gardant le site facile à utiliser et à naviguer.
La science affirme que la prise de décision est mentalement éprouvante. Face à un trop grand nombre de choix, les consommateurs risquent de ne pas choisir du tout.
Alors, comment résoudre ce problème dans l’agencement de votre magasin ?
Une solution consiste à utiliser des images mises en avant qui renvoient vers des produits complémentaires. Par exemple, remarquez comment Made.com utilise des images distinctes pour chaque catégorie de produits (comme « mobilier de jardin ») :
Considérez cela comme un teaser pour attirer les acheteurs.
Idéalement, vous souhaiterez conserver votre
Par conséquent, avant de commencer le processus de mise en page , veuillez lister les éléments suivants :
- L’intégralité de votre gamme de produits et leurs catégories et sous-catégories respectives
- Catégories fonctionnelles telles que « produits les plus vendus », « produits vedettes », etc. et les produits qu'elles contiennent.
L'étape suivante consiste à utiliser ces informations pour construire un
Cela aidera les acheteurs à trouver ce qu’ils veulent sans les submerger de trop de choix.
Si votre boutique Ecwid est ajoutée à un site Web, vous pouvez ajouter un menu de navigation en ajoutant un morceau de code :
- pour une disposition horizontale
- pour une disposition verticale.
Voici les instructions pour les boutiques Ecwid ajoutées aux sites WordPress et Wix . Sur Ecwid Instant Site, seul le menu horizontal est disponible.
2. Informations sur le produit
Voici un autre exercice d'équilibre que vous devez effectuer lors de la sélection de l'aménagement d'un magasin : afficher les informations sur le produit.
Vous souhaitez donner aux clients les informations dont ils ont besoin pour cliquer et effectuer un achat. Dans le même temps, vous ne voulez pas les submerger de trop de détails, du moins pas avant qu'ils ne soient sur la page du produit.
Dans ce cas précis, votre objectif doit être de faciliter la prise de décision et de susciter l'intérêt du client. Demandez-vous : de quelles informations minimales mes clients ont-ils besoin pour cliquer sur un produit ?
Vous constaterez que cette réponse varie d’un magasin à l’autre et d’un produit à l’autre.
Par exemple, remarquez qu'Amazon ne vous donne que quatre points d'information sur la page de catégorie : nom du produit, prix (y compris la remise), note et disponibilité Prime :
Dans Ecwid, vous pouvez ajouter des notes et des avis similaires à l'aide de l'application Stampled.io.
Bien que ces informations soient indispensables pour un grand distributeur comme Amazon, les évaluations sont moins importantes pour les petites entreprises comme Sand & Stone Jewelry . C'est pourquoi les pages de catégories n'affichent que le nom et le prix du produit.
Il est facile de tomber dans le piège de donner trop peu d’informations dans les pages de catégories. La meilleure façon d’éviter cela est d’interroger vos clients et de leur demander quelles informations ils utilisent pour prendre des décisions d’achat.
3. Conception du magasin
La façon dont vous avez conçu votre boutique aura un impact important sur la présentation de vos produits.
An
- Homepage
- Pages de catégories et de recherche
- Pages de produits individuelles
Quels produits vous choisissez de présenter sur chacun
Par exemple, notez comment Amazon fait la promotion de ses propres produits sur sa page d'accueil si vous n'êtes pas connecté :
Il est courant que les magasins fassent la promotion des dernières offres sur la page d'accueil. Assurez-vous d'aligner ces offres sur votre public cible. BestMadeCo, par exemple, organise une promotion pour la fête des pères en gardant à l'esprit sa clientèle majoritairement masculine.
Se concentrer sur:
- Déterminer les produits que vous souhaitez que les clients achètent (idéalement vos produits les plus vendus et/ou à marge la plus élevée)
- Maintenir l'uniformité de la conception entre les différents
types de pages.
Que vous choisissiez de mettre en avant vos meilleures ventes ou vos nouveautés, Ecwid vous permet de créer une catégorie pour les produits phares sur la page d'accueil et de la nommer selon vos besoins.
6 bonnes pratiques pour E-Commerce Présentation du produit
Bien que vous puissiez certainement créer un schéma de mise en page unique pour votre
1. Poussez les meilleurs produits et offres au-dessus de la ligne de flottaison
La zone « au-dessus de la ligne de flottaison » correspond à la partie de l’écran visible lorsque les clients arrivent sur votre site. En effet, cette zone capte 80 % de l’attention des visiteurs sur la plupart des sites.
Compte tenu du type d’attention que cet espace reçoit, c’est une bonne idée de placer vos meilleurs produits au-dessus de la ligne de flottaison. Cela peut inclure :
- Dernières offres, ventes et réductions
- Produit ou catégories de produits les plus vendus
- Produits récemment lancés (fonctionnent mieux au début d'une saison de magasinage)
Sur Target.com , par exemple, vous verrez les dernières offres en haut de la page :
Si vous avez beaucoup d'offres, pensez à ajouter un curseur, comme cet exemple de Walmart. Notez également les promotions diffusées sous le menu de navigation :
Certains détaillants de mode délaissent les présentations classiques au profit de la promotion de leur image de marque. Sur ASOS , par exemple, le logo de la marque est accompagné des options « Vente pour hommes » et « Vente pour femmes ».
Cette tactique fonctionne lorsque vous essayez de promouvoir une vision de marque avec un lookbook. Toutefois, la plupart des détaillants s'en sortiront mieux avec un système conventionnel.
Suivez la même idée sur les pages de catégories : poussez votre
2. Mélangez les dispositions horizontales et verticales
Il existe essentiellement deux manières de disposer vos produits sur n’importe quelle page : horizontalement ou verticalement.
Une disposition horizontale reste statique. Il y a un bouton au bord de la page pour faire défiler davantage les listes.
Cet exemple d'Amazon illustre mieux les choses :
Dans Ecwid, les produits récemment consultés sont également affichés horizontalement. Vous pouvez choisir le nombre d'articles à afficher en haut ou en bas de votre boutique en ligne.
Vous pourriez aussi aimer ... est un autre
En revanche, une mise en page verticale ne dispose pas de ces boutons de défilement. Au lieu de cela, vous voyez de plus en plus de produits dans un
Idéalement, vous devriez utiliser un mélange de ces deux mises en page :
- Disposition horizontale lorsque vous souhaitez afficher quelques produits de nombreuses catégories, comme dans les produits récemment consultés
- Disposition verticale lorsque vous souhaitez afficher de nombreux produits de la même catégorie, comme une page de recherche et une page de catégorie
3. Suivez les conventions et les attentes des utilisateurs
Il existe des situations dans lesquelles vous souhaiterez être non conventionnel dans votre conception. La présentation du produit n’en fait pas partie.
La présentation de votre produit est destinée à orienter les utilisateurs lorsqu'ils arrivent sur votre site. Un agencement conventionnel garantit qu'ils trouvent ce qu'ils veulent et ne soient pas désorientés.
Bien entendu, les conventions varient d’un secteur à l’autre. Cependant, il y a quelques éléments que vous devez considérer :
Utiliser une disposition en grille
Dans une disposition en grille, les produits sont disposés en
Cette disposition a longtemps été la convention pour
Lorsque vous utilisez cette mise en page, veillez à ce que les cases soient de taille identique. Comme le montre cette étude de cas , l'utilisation de cases de taille identique peut augmenter le revenu par visiteur jusqu'à 17 %.
Si vous vendez avec Ecwid, ce n'est pas un problème pour vous : Ecwid dispose d'une grille de taille égale qui s'adapte automatiquement aux différents écrans.
Afficher la navigation en haut des listes de produits
Une autre convention à suivre consiste à placer vos options de tri en haut de la page.
Les clients s'attendent à cet emplacement et regarderont naturellement ici lorsqu'ils arriveront sur une page de catégorie.
Orienter les clients avec du fil d'Ariane
Les fils d'Ariane sont des éléments de navigation qui montrent aux utilisateurs leur chemin depuis la page d'accueil, comme ceci :
Les ajouter en haut de la page permet d’orienter les visiteurs. Il leur indique dans quelle page ou catégorie ils se trouvent et comment ils peuvent revenir à la page d'accueil.
4. Concentrez-vous sur les visuels, mais n'oubliez pas le texte sur les pages produits
En ligne, la seule façon de montrer vos produits est à travers des visuels. C'est pourquoi les grandes images de produits sont connues pour stimuler
Cependant, même si les éléments visuels sont importants, votre mise en page doit également prévoir de la place pour un texte descriptif. Une bonne copie décrit non seulement le produit, mais aide également à le vendre ainsi que votre marque.
Par exemple, considérez comment BestMadeCo utilise une copie forte sur sa page d'accueil pour vendre un produit récemment lancé. La mise en page permet au texte de se mettre parfaitement en valeur avec l'image.
Le texte descriptif des produits est particulièrement important sur les pages produits. Votre mise en page doit fournir aux clients toutes les informations clés nécessaires à leur prise de décision, dès la première page. Cela doit inclure :
- Prix (y compris la réduction, représenté visuellement)
- Évaluation du produit et nombre d'avis
- Noms de produits et de marques
- Si le produit est en stock (et si le stock est faible)
- Livraison
2-3 détails clés du produit
Ceci est un exemple de la façon de ne pas mettre en page les produits. La page produit n'a aucune copie – il est difficile de prendre une décision.
Comme pour la plupart des choses, la mise en page d'Amazon est parfaite ici, offrant aux clients tout ce dont ils ont besoin pour prendre une décision.
5. Ajouter des recommandations de produits et des produits associés
Sur les pages produits, vous avez deux objectifs :
- Amener le client à la page de paiement, ou
- Amener le client à voir un autre produit
Pour ces derniers, vous devriez prévoir une section « Produits recommandés ou associés » . Vous pouvez la placer soit après les informations sur le produit, soit avant.
Amazon le fait particulièrement bien. Notez les produits associés et les listes « également consultés » sous la ligne de flottaison :
Si vous avez plusieurs produits dans la même collection, assurez-vous de les afficher également. Voici un bon exemple de WorldMarket :
Les listes de produits associés ne doivent pas toujours être visuelles. Vous pouvez également afficher des recherches associées pour diriger les clients vers des articles susceptibles de les intéresser.
Expérimentez avec différentes mises en page pour les produits associés/recommandés. Essayez de les placer au-dessus du pied de page, sous la description du produit, etc.
6. Expérimentez avec les détails du passage de la souris sur les pages de catégories
Une façon de s'améliorer
Par exemple, ce site affiche les détails du produit et un bouton « Ajouter au panier » au survol de la souris :
Le but de cette tactique est de donner aux utilisateurs des informations clés en un coup d’œil. Cela fonctionne mieux lorsque vous attendez des utilisateurs qu’ils parcourent rapidement un grand nombre de produits, comme dans les magasins de vêtements. Cela peut ne pas fonctionner pour d'autres catégories, mais vous pouvez toujours exécuter quelques tests fractionnés et voir les résultats.
Dans Ecwid, vous pouvez activer les boutons « Acheter maintenant » sur les listes de produits pour aider vos clients à parcourir (et acheter) rapidement vos produits.
Lorsqu'un client clique sur un tel bouton, votre boutique n'ouvrira pas toute la page du produit. Au lieu de cela, votre client verra une fenêtre contextuelle avec les options de produit :
Si votre produit n'a pas d'options, il ira directement au panier.
Conclusion
En ce qui concerne la présentation des produits, il est préférable de s'en tenir aux conventions et de suivre ce que font déjà les leaders du marché. Cataloguez vos produits en détail, catégorisez-les minutieusement, puis organisez-les selon une disposition en grille standard.
Les meilleures pratiques partagées ci-dessus fonctionneront pour la plupart des magasins, tous secteurs confondus. Essayez-les dans votre propre magasin !
- Comment réparer la navigation de votre magasin
- Tout ce que vous devez savoir sur le merchandising des produits
- Merchandising en ligne : comment présenter des produits dans une boutique en ligne
- Qu’est-ce que le merchandising de mode et pourquoi est-il si important ?
- 10 erreurs de conception des boutiques en ligne
- 15 combinaisons de polices parfaites pour votre site Web de commerce électronique
- Théorie des couleurs : tout ce que vous devez savoir sur les thèmes de couleurs
- 7 idées créatives pour votre page produit de commerce électronique
- Le pouvoir d'une image de héros dans la conception Web
Doit avoir Principes UX à suivre dans une boutique en ligne- Audit de conception de site Web
- Libérer la puissance de la conception UX pour le commerce électronique
- Quelle est la différence entre UI et UX dans le commerce électronique ?
