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 fait partie de la science de la conception des magasins. Le bon agencement du magasin peut augmenter les ventes, améliorer la fidélité et aider les clients à trouver plus rapidement ce qu’ils veulent.
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 dit cette prise de décision est mentalement éprouvante. Lorsque vous confrontez les acheteurs à trop de choix, ils risquent de ne pas faire de choix du tout.
Alors, comment résoudre ce problème dans l’agencement de votre magasin ?
Une solution consiste à utiliser des images en vedette qui mènent à des produits supplémentaires. Par exemple, remarquez comment Made.com utilise des images distinctes pour des catégories de produits entières (telles que « 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, énumérez 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 magasins Ecwid ajoutées sur WordPress et Wix les sites Web également. Sur Ecwid Instant Site, le menu horizontal est uniquement 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.
Votre modèle mental dans cette situation devrait être de faciliter la prise de décision et de susciter l'intérêt des clients. Demandez-vous : quoi informations minimales mes clients doivent-ils 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 nécessaires pour un grand détaillant comme Amazon, pour les petites entreprises comme Bijoux en sable et pierre, les notes ne sont pas aussi importantes. Par conséquent, les pages de catégories affichent uniquement 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
- Accueil
- 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 décidiez de mettre en avant vos best-sellers ou vos nouveautés, Ecwid vous permet de créer une catégorie pour produits en vedette sur la page d'accueil et nommez-le 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 » est la zone d'écran visible lorsque les clients arrivent pour la première fois sur votre site. En fait, cette zone représente 80 % de toute l'attention des téléspectateurs 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)
On 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 évitent les mises en page conventionnelles et privilégient la promotion d'une image de marque. Sur ASOS, par exemple, vous obtenez une image de marque avec une option « Acheter pour les hommes » ou « Acheter pour les 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, Derniers produits consultés sont également affichés horizontalement. Vous pouvez choisir le nombre d'articles pour les afficher en haut ou en bas de votre vitrine.
Produits associés 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 disposition, assurez-vous de conserver les cases de taille égale. Comme le montre cette étude de cas, l'utilisation de boîtes de taille égale peut augmenter les revenus 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.
Copie du produit est particulièrement important sur les pages produits. Votre mise en page doit donner aux clients toutes les informations clés dont ils ont besoin pour prendre une décision juste au-dessus de la ligne de flottaison. Cela devrait 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 ce dernier, vous devriez avoir une rubrique produits recommandés ou associés. Vous pouvez le placer soit après les informations sur le produit, soit avant celles-ci.
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.
Pour aller plus loin
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 ?
