Meilleures pratiques pour les sites de commerce électronique : l'anatomie du site de commerce électronique « parfait » [édition 2022]
Publié: 2022-05-29Si vous vendez des produits tangibles, vous avez probablement déjà rejoint le train en marche du commerce électronique.
Selon eMarketer, les ventes du commerce électronique atteindront près de 2,5 000 milliards de dollars d'ici 2018. Les propriétaires de magasins de briques et de mortier se joignent de plus en plus à la course numérique pour augmenter leurs revenus.
Et pourquoi ne le feraient-ils pas ?
Internet est le paradis du shopping. Dans le confort de la maison et en un clic, un consommateur peut acheter presque tout ce qu'il désire, sans avoir à lutter contre la circulation, à trouver un parking, à braver la foule et à faire face aux intempéries.
Alors, où cela vous place-t-il ?
Dans un monde de commerce électronique de plus en plus surpeuplé contre vos collègues vendeurs en ligne.
Pour battre la courbe et rejoindre les rangs des magasins de commerce électronique de haut vol, vous devez offrir aux consommateurs une expérience d'achat en ligne bien organisée et efficace .
La notion d'un site de commerce électronique parfait est un mythe, mais vous pouvez créer votre propre version de parfait en exécutant constamment des tests A/B et en pensant toujours à vos clients et à leurs besoins.
Les grands sites de commerce électronique ont plusieurs éléments en commun. Nous les décomposons en examinant en profondeur votre :
- Page d'accueil
- Page de catégorie
- Fiche produit
- Page de paiement
Pressé? Voici les bonnes pratiques pour créer un site eCommerce en 2022 :
- Bonnes pratiques pour la page d'accueil :
- Une barre de recherche omniprésente
- Proposition de valeur au premier plan
- Onglet produits soldés/onglet promotions
- Un pied de page où les clients peuvent trouver des informations sur votre entreprise
- Bonnes pratiques pour les pages de catégories :
- Produits clairement affichés en rangées
- Navigation facile à trouver
- Bannière de présentation pour mettre en évidence les promotions
- Dédiez une section aux "Best Sellers" et/ou "Nouveautés"
- Bonnes pratiques pour les pages produits :
- Afficher les notes et avis des clients
- Copie de produit convaincante
- Des images de produits énormes et éclatantes
- Boutons d'ajout au panier gros, audacieux et de couleur contrastante
- Ventes incitatives, ventes croisées, produits connexes
- Meilleures pratiques de la page de paiement :
- Indicateur de progression visuel
- Offrir différentes options de paiement
- Inclure le récapitulatif de la commande
- Service client facile à naviguer
- Badges de caisse sécurisés
- Meilleurs exemples de sites de commerce électronique :
- Stanley-PMI : la première impression compte
- Tivoli Audio : Optimisation pour "Le gars prêt à acheter" et "Le mec montre-moi les détails"
- Herman Miller : Présenter ses produits à travers des vidéos
- Sticker Mule : Prouver leur proposition de valeur, en quelques secondes
- Lululemon Athletica : inciter ses visiteurs à s'engager
- MVMT : une vente incitative en un clic pour augmenter l'AOV
Téléchargez notre checklist : bonnes pratiques de conception de sites e-commerce
Une liste de contrôle en 36 points pour créer le meilleur site de commerce électronique.
Meilleures pratiques de la page d'accueil du commerce électronique
Les éléments suivants font partie intégrante d'une page d'accueil à fort taux de conversion :
Conseil n° 1 sur les meilleures pratiques pour la page d'accueil : une barre de recherche omniprésente
Une barre de recherche est une partie extrêmement importante de tout site Web de commerce électronique. Assurez-vous que lorsque le consommateur fait défiler vers le bas pour regarder le bas de la page, la barre de recherche se faufile dans la barre de navigation et défile vers le bas avec eux. Les visiteurs ne devraient pas avoir besoin de faire défiler la page pour rechercher quelque chose de nouveau.
Conseil n° 2 sur les meilleures pratiques pour la page d'accueil : la proposition de valeur au premier plan
Votre page d'accueil doit avoir un crochet solide en place pour exciter les consommateurs et les encourager à magasiner. Ajoutez du punch à votre proposition de valeur en énonçant les avantages de vos produits de manière concise . Indiquez votre USP et reflètez la personnalité de votre marque via cela. Assurez-vous que votre proposition de valeur est claire et visible.
Conseil n°3 sur les bonnes pratiques de la page d'accueil : onglet Produits soldés/onglet Promotions
Tenez les clients existants et les nouveaux sur votre site Web informés de vos dernières promotions. Vous pouvez afficher un onglet en haut de la page avec des détails sur vos dernières remises et offres. C'est aussi un endroit idéal pour afficher des incitatifs pour les premiers acheteurs.
Conseil n° 4 sur les meilleures pratiques pour la page d'accueil : un pied de page où les clients peuvent trouver des informations sur votre entreprise
Ajoutez tous les détails de votre entreprise dans le pied de page de votre site Web de commerce électronique. Ajoutez une brève description de votre entreprise, une adresse e-mail ou un numéro sans frais auquel ils peuvent vous joindre, votre emplacement, différentes catégories de produits, un blog (si vous en avez un), vos comptes de médias sociaux, etc.
Meilleures pratiques pour les pages de catégorie de commerce électronique
Les pages de catégorie doivent avoir les éléments suivants pour récolter des récompenses lucratives :
Conseil de bonne pratique n° 5 pour la page de catégorie : produits clairement affichés dans les rangées
Selon Barbara E. Kahn, professeur de marketing et directrice du Jay. Centre de vente au détail H. Baker,
"L'idée est que vous prendrez un produit lorsque les marchandises sont empilées verticalement et plus d'un lorsqu'elles sont empilées horizontalement. Les détaillants ont compris cela.
Cela montre que les produits empilés horizontalement en rangées se vendront mieux que les produits affichés en colonnes.
Conseil de bonne pratique n° 6 pour la page de catégorie : navigation facile à trouver
Avoir un plan de navigation clair facilite l'utilisation et permet aux utilisateurs d'accéder facilement à la catégorie souhaitée.
Conseil n° 7 sur les meilleures pratiques en matière de page de catégorie : bannière de présentation pour mettre en avant les promotions
La bannière de présentation est un élément essentiel d'une page de catégorie. Il améliore l'expérience utilisateur de plusieurs façons : en leur montrant qu'ils sont sur la bonne page, en les poussant vers la prochaine étape qu'ils doivent franchir pour terminer leur processus d'achat en ligne et en les tentant avec des promotions constantes.
Téléchargez notre checklist : bonnes pratiques de conception de sites e-commerce
Une liste de contrôle en 36 points pour créer le meilleur site de commerce électronique.
Conseil de bonne pratique de la page de catégorie #8 : Dédiez une section aux "Meilleurs vendeurs" et/ou aux "Nouveautés"
Les nouveautés aident les supporters de la marque à effectuer de nouveaux achats alors qu'ils reviennent sans cesse. Best Sellers est tout aussi efficace car il encourage les nouveaux clients à effectuer leur premier achat en fonction de vos produits populaires.
Meilleures pratiques pour les pages de produits de commerce électronique
Les pages produits à fort taux de conversion ne feront pas leur travail sans les éléments suivants :
Conseil n° 9 sur les meilleures pratiques pour la page produit : affichez les notes et les avis des clients
Selon Moz, 67% des consommateurs sont influencés par les avis en ligne. L'affichage de toutes sortes d'avis, bons et mauvais (oui, les négatifs aussi) encourage les consommateurs à faire confiance à votre marque et à acheter chez vous. Les critiques honnêtes sont toujours une base solide pour la confiance.
Conseil n° 10 sur les meilleures pratiques de la page produit : copie convaincante du produit
La copie du produit est une partie essentielle du monde du commerce électronique. Pourquoi? Parce qu'il a besoin de vendre le produit. Il doit parler au consommateur. Soyez descriptif, peignez des images et au lieu d'énoncer les caractéristiques, expliquez les avantages du produit.
Conseil n° 11 sur les meilleures pratiques de la page produit : images de produits volumineuses et éclatantes
Les visuels l'emportent sur le texte. Une image granuleuse et pixélisée avec des couleurs ternes donnera une image négative de votre marque et ne plaira pas à votre consommateur. D'un autre côté, une grande image vibrante où chaque détail est clairement visible plaira davantage à vos clients. De plus, essayez d'afficher autant d'angles et de points de vue du produit que possible.
Selon Matt d'American Muscle,
« American Muscle a non seulement une grande collection de photos pour presque tous les produits sous tous les angles, sur et hors de la voiture, mais permet également aux clients de télécharger leurs propres photos. Ces clichés de clients sont souvent meilleurs que les clichés d'entreprise et incluent des angles que les clients veulent vraiment voir.
Le guide ultime pour développer et faire évoluer une entreprise de commerce électronique
Tout ce que nous avons appris tout au long de notre voyage de plus de 18 ans dans un guide PDF de 30 000 mots.
Conseil n° 12 sur les meilleures pratiques de la page produit : Boutons d'ajout au panier gros, audacieux et de couleur contrastée
Placez les CTA à proximité du produit. Étiquetez le bouton CTA Ajouter au panier, Acheter maintenant, etc. Assurez-vous qu'ils sont grands et facilement visibles.
Conseil n° 13 sur les bonnes pratiques de la page produit : ventes incitatives, ventes croisées, produits connexes
Vous pouvez augmenter vos conversions et augmenter la valeur moyenne de votre panier en vendant des produits connexes à la vente incitative et croisée. Montrez aux consommateurs des produits qui compléteraient leur achat ou qui sont similaires à ce qu'ils ont acheté. Selon une étude de Forrester, les ventes incitatives et les ventes croisées sont responsables en moyenne de 10 à 30 % des revenus du commerce électronique.
Meilleures pratiques de la page de paiement du commerce électronique
Les éléments suivants donnent aux consommateurs le dernier coup de pouce pour conclure une vente sur la page de paiement :
Conseil de bonne pratique de la page de paiement n° 14 : Indicateur de progression visuel
Les formulaires de paiement en ligne peuvent souvent dissuader les clients de terminer le processus d'achat. Si proche et pourtant si loin. Mais pourquoi? Parce que remplir tous les détails minutieux peut être la tâche la plus ennuyeuse et la plus manuelle connue dans le monde numérique ! Alors, comment rendre cette tâche pénible un peu plus facile pour votre client ? Leur montrer leur progression dans le remplissage des formulaires grâce à un indicateur de progression visuel leur permet de voir la lumière au bout du tunnel. Cela ne fait pas le travail pour eux, mais au moins psychologiquement, cela les aide à s'en sortir.
Conseil de bonne pratique n° 15 sur la page de paiement : proposez différentes options de paiement
Offrez aux clients le luxe de choisir leurs options de paiement telles que PayPal, Stripe, Mastercard, etc.
Conseil n° 16 sur les meilleures pratiques pour la page de paiement : incluez le récapitulatif de la commande
Montrez à vos clients le récapitulatif de leur commande sur la page de paiement, afin qu'ils sachent ce qu'ils achètent. Cela les empêche de se demander constamment s'ils ont cliqué sur le bon produit, quel était le prix, ont-ils choisi la bonne couleur, etc. Vous pouvez inclure l'image du produit, les attributs du produit et son prix.
Conseil de bonne pratique n° 17 sur la page de paiement : service client facile à naviguer
Aucune politique de retour n'est un moyen infaillible d'effrayer vos clients. Pour éviter cela, ajoutez des éléments de support à votre page de paiement. Cela peut inclure une fonction de chat, des politiques d'expédition et de retour claires, un numéro sans frais à appeler, etc.
Conseil n° 18 sur les meilleures pratiques pour la page de paiement : Sécuriser les badges de paiement
Utilisez un en-tête qui dit "achats 100 % sécurisés" ou ajoutez des badges de sécurité au pied de page pour répondre aux questions de sécurité persistantes de vos clients. Avec l'essor du commerce électronique à un rythme aussi rapide, il est important de fournir aux clients un environnement d'achat en ligne sécurisé. L'ajout de ce graphique sur la page de paiement éliminera les risques que les clients se retirent à la dernière minute en raison de problèmes de sécurité.
Téléchargez notre checklist : bonnes pratiques de conception de sites e-commerce
Une liste de contrôle en 36 points pour créer le meilleur site de commerce électronique.
Vous voulez voir l'infographie complète? N'hésitez pas à partager (le code d'intégration est en bas)
Partagez cette infographie sur votre site
Meilleurs exemples de sites de commerce électronique : édition 2022
Nous avons recherché les meilleurs sites de commerce électronique dans divers secteurs, à la fois en B2C et en B2B, pour vous donner un aperçu complet de ce qu'il faut pour passer d'un site moyen à un leader du secteur.
1. Stanley-PMI : la première impression compte
Catégorie : B2C
Marché : Mugs et thermos d'extérieur
Quand quelqu'un atterrit sur votre site, il partira en un clin d'œil si vous ne l'engagez pas rapidement ou ne lui montrez pas quelque chose qui l'intrigue.
Il est donc essentiel que le visiteur de votre site comprenne les avantages de vos produits et Stanley-PMI fait un excellent travail à cet égard. Plus ils comprendront rapidement ce que votre produit fait pour eux, plus vos conversions seront élevées. 
Ce qu'on aime
Copie de produit claire et concise : la description rapide des avantages, les coloris de chaque produit, la note en haut et un bouton clair "AJOUTER AU PANIER" facilitent la décision.
Ce qui pourrait être amélioré
Au lieu de dire "Inscrivez-vous à notre newsletter", ils doivent indiquer un avantage immédiat à s'inscrire. Ils pourraient utiliser un aimant en plomb et écrire quelque chose comme « Pour recevoir votre guide gratuit… »
Même ajouter "Inscrivez-vous pour des offres exclusives" sans aimant principal rendrait un peu plus convaincant pour les lecteurs d'entrer leur e-mail.
2. Tivoli Audio : Optimisation pour "Le gars prêt à acheter" et "Le mec montre-moi les détails"
Catégorie : B2C
Marché : Audio
Il existe deux types de consommateurs :
- Ceux qui sont prêts à acheter, prennent des décisions rapides et veulent aller droit au but.
- Ensuite, il y a ceux qui veulent en savoir plus. Ils veulent lire la FAQ, la page À propos et lire à peu près tout avant d'acheter.
Un bon site de commerce électronique sait comment s'optimiser pour les deux types de personnes et Tivoli Audio le fait bien.
Ce qu'on aime
Navigation à double en-tête sur la page d'accueil. Une navigation large et claire vers la boutique et les autres pages principales, et pour ceux qui en veulent plus, vous avez les détails plus profonds ci-dessus.
Ce qui pourrait être amélioré
Une catégorie qui devrait être ajoutée (car c'est généralement la première catégorie sélectionnée sur les sites de commerce électronique) est une catégorie "Nouveautés".
3. Herman Miller : Présenter ses produits à travers des vidéos
Catégorie : B2B
Marché : Meubles
De grandes photos claires et vives sont attendues ces jours-ci. La vidéo devient la nouvelle norme.
Ce qu'on aime
Produits affichés par vidéo - les clients peuvent découvrir les produits en mouvement, ce qui les rend plus susceptibles d'acheter.
Ce qui pourrait être amélioré
Ce qui manque à Herman Miller, ce sont les témoignages des clients. Il n'y a pas d'avis sur le site. Il y a plusieurs designers sur les pages produits, mais il leur manque la preuve sociale.
4. Sticker Mule : Prouver leur proposition de valeur, en quelques secondes
Catégorie : B2B
Marché : Cadeau
Sticker mule fait un excellent travail pour expliquer pourquoi ils sont si bons. Leur proposition de valeur est la première chose que vous voyez, et la preuve d'autocollant gratuite de leur prospect est constituée en quelques secondes, renforçant la confiance et augmentant les conversions.
Ce qu'on aime
Une proposition de valeur très claire qui se prouve en quelques secondes, et une crédibilité sociale.
Ce qui pourrait être amélioré
Il pourrait y avoir un moyen plus simple pour les clients d'entrer en contact avec le service client - il n'y a qu'un seul bouton "contact" sur le site en bas de la page.
Ajouter une option de chat en direct en bas à droite serait génial. Même l'ajout d'un deuxième bouton "contact" en haut aiderait.
5. Lululemon Athletica : inciter ses visiteurs à s'engager
Catégorie : B2C
Marché : Habillement
Les gens veulent plus d'interaction. Ils veulent être plus impliqués dans l'expérience d'achat en ligne.
Ce qu'on aime
L'engagement sur le site est excellent, et la navigation permet de trouver facilement exactement ce que vous recherchez.
Ce qui pourrait être amélioré
La fonctionnalité de chat en direct nécessite trop de travail - plutôt que d'avoir à remplir un formulaire pour attendre le chat en direct, permettez aux clients d'ignorer le travail et de commencer à discuter immédiatement avec un agent du service client ou un chatbot.
6. MVMT : une vente incitative en un clic pour augmenter l'AOV
Catégorie : B2C
Marché : Mode
Votre boutique en ligne doit être conçue pour faire une chose : donner à vos clients ce qu'ils veulent.
Une vente incitative est une occasion parfaite d'ajouter un peu plus de valeur à votre offre actuelle. Si vous pouvez le rendre aussi simple que de cliquer sur un bouton pour ajouter un deuxième bracelet à une montre, vous pourrez augmenter considérablement la valeur moyenne de votre commande.
Ce qu'on aime
La vente incitative de MVMT sur leurs montres ne semble pas aussi insistante. Cela ne vous met pas mal à l'aise. Cela crée une opportunité pour leur visiteur d'avoir plus d'options. Mettez-vous à la place de votre visiteur. « Hmm… deuxième sangle… Je n'y avais jamais pensé. Avoir du cuir noir serait bien. Ouais, je l'aime mieux que le gris. *Cliquez sur*
Ce qui pourrait être amélioré
MVMT a un joli site. C'est propre, c'est bien conçu. C'est facile à utiliser. Cependant, une chose qui pourrait être améliorée est la page d'accueil au-dessus du pli. Une proposition de valeur claire qui vous indique immédiatement pourquoi votre magasin est différent réduira les taux de rebond et augmentera les conversions.