5 conseils pour concevoir un site web e-commerce

L'être humain est assez simple : il aime ce qui est beau. Vous pouvez avoir un produit extraordinaire, des prix intéressants et de multiples options linguistiques, mais le design de votre site web restera la première chose sur laquelle la plupart de vos clients jugeront votre marque. 

Mais la bonne nouvelle, c'est que vous pouvez facilement avoir un site web de commerce électronique qui crée une première impression positive, renforce la crédibilité et transforme vos visiteurs en clients grâce à quelques ajustements au niveau de la conception.

Dans cet article, je vais donc partager avec vous 5 conseils de conception très importants pour les sites de commerce électronique et je vais même vous donner quelques conseils supplémentaires pour ceux qui vendent à l'international avec un site web multilingue ! 

Conseil n° 1 : tirer parti de la hiérarchie visuelle 

Commençons par apprendre un terme de design sophistiqué pour vous mettre dans l'ambiance : la hiérarchie visuelle. Il s'agit en fait d'un concept simple : la disposition, la taille, la couleur et le contraste des éléments visuels déterminent leur importance relative et l'ordre dans lequel ils sont perçus par l'œil humain. 

Ce concept simple est pourtant crucial lorsqu'il s'agit de concevoir votre site de commerce électronique. Pourquoi ? Parce que tous les éléments de votre page n'ont pas la même importance et que le fait de les voir dans des ordres différents peut avoir un impact différent sur vos visiteurs. 

C'est là que la hiérarchie visuelle entre en jeu et vous permet de contrôler ce que vos visiteurs voient en premier. En combinant ces éléments (taille, position, format, position par rapport à d'autres éléments), vous pouvez mettre l'accent sur ce qui est important et organiser le chemin qui suit. 

Lorsque vous utilisez la hiérarchie visuelle de votre site de commerce électronique de manière stratégique, vous pouvez guider l'attention d'un visiteur de l'intérêt à la conversion. Ainsi, au lieu de déterminer les tailles, les positions et les couleurs au hasard, soyez conscient de l'effet que vous créez (consultez le tableau ci-dessus) et utilisez-le à votre avantage.

Si vous souhaitez approfondir les principes de la hiérarchie visuelle, consultez cet article.

Conseil multilingue : la hiérarchie visuelle permet de créer un impact optimal sur différents marchés. Par exemple, pour un certain public international, le prix peut être le facteur le plus important, alors que pour un autre, il peut s'agir de la livraison gratuite.

Déterminez les facteurs qui créeront le chemin le plus efficace vers la conversion et utilisez la hiérarchie visuelle en conséquence pour les différents marchés internationaux.

Conseil n° 2 : utiliser des images avec des personnes  

L'éditeur américain de logiciels Basecamp a effectué des tests sur le site de marketing Highrise afin de déterminer quel type de conception de site web peut augmenter le nombre d'inscriptions payantes et a obtenu des résultats intéressants. Leurs tests a/b ont prouvé que l 'utilisation d'images de personnes augmentait les conversions.

C'est logique, car le cerveau humain est programmé pour reconnaître et interpréter d'autres visages. Vous avez donc plus de chances d'attirer l'attention de vos visiteurs en utilisant des images de personnes sur votre site de commerce électronique. 

Mais ce n'est pas tout. La personne qui figure sur l'image et ses expressions faciales jouent également un rôle important dans la perception des spectateurs. Par exemple, selon Basecamp, le succès de la conception présentée ci-dessus est dû au fait que le modèle avait l'air sympathique, très peu technophile et accessible.

Vous pouvez donc créer un sentiment de familiarité en utilisant des modèles qui reflètent les caractéristiques de votre public cible. De même, vous pouvez susciter des émotions positives et la confiance avec certaines expressions faciales comme le bonheur et la satisfaction.

Conseil multilingue : l'utilisation d'images de personnes sur votre site web multilingue peut vous aider à établir un lien instantané avec vos clients internationaux. Par exemple, Clarins localise son imagerie en fonction du pays ciblé, en utilisant des femmes européennes sur son site français, alors que sur le site coréen, ce sont des femmes coréennes.

En outre, cette pratique de localisation peut également vous aider à éviter les infractions potentielles. Consultez notre article pour en savoir plus sur les considérations relatives à la conception multilingue!

Conseil n° 3 : inclure la preuve sociale

Y a-t-il quelque chose de plus rassurant que de lire un avis positif sur une marque ou un produit qui vous intéresse ? C'est tellement efficace que 92 % des consommateurs sont plus enclins à faire confiance aux recommandations qu'à n'importe quel autre type de publicité.

Alors pourquoi ne pas l'utiliser à votre avantage ? Au lieu de vous contenter de parler de l'excellence de votre marque ou de l'utilité de vos produits, prouvez-le par des commentaires. 

Voici différents types de preuves sociales que vous pouvez utiliser sur votre site web :

1. Avis des clients 
2. Études de cas
3. Nombre d'utilisateurs
4. Logos des grands clients
5. Adhésion à des associations, certificats de sécurité et récompenses
6. Widgets pour les médias sociaux indiquant le nombre de vos abonnés

Et combien de commentaires devriez-vous inclure ? En matière de preuve sociale, plus on est de fous, plus on rit ! Selon l'analyse d'Orbit Media, 43 % des pages détaillées des produits d'Amazon sont constituées de preuves sociales et d'avis. Si le géant du commerce électronique Amazon le fait, c'est que cela doit fonctionner (vous voyez ce que j'ai fait ?).

À ce stade, vous vous dites peut-être : si c'est si efficace, pourquoi ne pas créer une page distincte consacrée aux témoignages ? 

Bien que cela puisse sembler une bonne idée, les pages de témoignages ont tendance à être des pages à faible trafic. La meilleure pratique consiste donc à les intégrer dans les pages à fort trafic, telles que la page d'accueil et les pages de produits. De cette façon, vous pouvez vous assurer que la preuve sociale soutiendra et améliorera votre contenu sur l'ensemble de votre site web.

Conseil multilingue : la preuve sociale est particulièrement importante pour les sites web multilingues ! Les clients peuvent avoir besoin d'être rassurés lorsqu'ils achètent à l'étranger. Les avis émanant de votre marché national peuvent donc contribuer à convertir les visiteurs internationaux.

Veillez donc à ce que tout le monde puisse comprendre la preuve sociale sur votre site web en la traduisant. Vous pouvez apprendre à traduire vos commentaires Yotpo avec Weglot.

Conseil n° 4 : faites-le long

Quelle est la longueur d'une page web ? Apparemment, on ne peut pas se tromper avec des pages longues. Dans la célèbre étude de cas de Crazy Egg, l'allongement de la longueur de la page par 20 a entraîné une augmentation des conversions de 30 % ! Voici un graphique qui vous montrera à quel point ce changement est radical !

Cela peut paraître surprenant quand on sait que notre capacité d'attention est plus courte que jamais grâce aux vidéos TikTok de 15 secondes et aux tweets de 140 caractères. Mais lorsqu'il s'agit de sites web, les études montrent que les visiteurs préfèrent faire défiler les pages plutôt que de cliquer.

Selon le Nielsen Norman Group, les gens ont appris et se sont habitués à faire défiler les pages grâce aux longues pages web des années 90 et cette habitude numérique perdure encore aujourd'hui. Par conséquent, le défilement semble automatique et facile, alors que le clic nécessite une action supplémentaire. 

Mais cela ne signifie pas que vous devez remplir vos pages d'informations non pertinentes pour les rendre plus longues. Les pages plus longues vous donnent la possibilité d'avoir plus de sections, d'espaces blancs et de visuels. Utilisez-les donc pour rendre votre contenu visuellement attrayant et facilement assimilable. 

Et les visiteurs ne sont pas les seuls à aimer les longues pages. Selon des études, Google privilégie les contenus plus longs. SerpIQ a analysé les 10 premiers résultats de recherche pour plus de 20 000 mots clés. Les résultats ont montré que les 10 premiers résultats contenaient tous plus de 2 000 mots et que les pages les mieux classées avaient plus de contenu. 

En outre, les contenus plus longs semblent obtenir davantage de liens retour, car les internautes sont plus enclins à établir des liens avec des contenus approfondis. Ce facteur, combiné à la longueur des sessions, rend les pages longues plus propices au référencement. 

Conseil multilingue : les différentes langues occupent plus ou moins d'espace, vous devrez donc peut-être adapter le contenu de vos pages traduites. Les pages plus longues sont avantageuses dans ce sens, car elles offrent plus d'espace pour les modifications de conception.

Veillez également à suivre les meilleures SEO multilingue afin que vos longues pages améliorent également votre classement sur les marchés internationaux.

Conseil n° 5 : éviter les carrousels

Des images de produits détaillées et de haute qualité sont essentielles à la réussite d'un site de commerce électronique - tout le monde le sait. Cependant, vous ne savez peut-être pas que la manière dont vous présentez ces images est également très importante.

Les carrousels - plusieurs images qui peuvent être affichées dans un seul espace en tournant à gauche et à droite - sont un choix de conception populaire en matière de commerce électronique, car il s'agit d'une solution pratique pour afficher plusieurs images de produits. Même si cela peut sembler une bonne idée de les utiliser sur votre site web, les recherches suggèrent le contraire. 

Selon Neil Patel, 9 fois sur 10, les carrousels diminuent les taux de conversion. Mais quel est le problème avec les carrousels ? Il s'avère que la plupart des gens ne cliquent pas pour voir les images suivantes, qui restent donc invisibles.

En fait, une étude réalisée par Erik Runyon, développeur web à l'université Notre Dame, a montré que parmi les 3 755 297 personnes qui ont visité leur page d'accueil, seul 1 % a cliqué sur un élément du carrousel. 

Ce qui est encore plus déprimant, c'est que 84 % de ces clics ont été effectués sur le premier élément de la rotation. Il a ensuite testé les carrousels sur d'autres types de sites web pour voir si un contenu plus ciblé pouvait améliorer les choses, mais le CTR le plus élevé qu'il a obtenu était toujours de 8,8 % - ce qui n'est pas très prometteur.

Ce n'est pas non plus une bonne pratique en matière d'accessibilité. Les carrousels sont généralement contrôlés par des flèches ou de petites puces, ce qui rend la navigation difficile pour les visiteurs malvoyants. Par conséquent, si vous ne voulez pas vous aliéner certains de vos visiteurs, évitez d'utiliser des carrousels. 

Mais comment afficher vos images autrement ? Essayez d'empiler les images de façon à ce que les visiteurs puissent facilement les voir toutes en les faisant simplement défiler - les gens aiment ça, vous vous souvenez ? Vous pouvez également opter pour une option plus sophistiquée, appelée Smart Content, qui crée une expérience personnalisée pour chaque visiteur en fonction de ses centres d'intérêt ou de ses actions précédentes sur le site et affiche les images les plus pertinentes.

Conseil multilingue : pour vous assurer que vos images sont efficaces pour convertir les visiteurs internationaux, en plus d'éviter les carrousels, évitez également les textes non traduits sur vos images. Le fait d'avoir une image avec un texte que vos visiteurs internationaux ne peuvent pas comprendre diminuera certainement votre taux de clics.

Vous pouvez facilement traduire vos images et fournir une expérience utilisateur réellement localisée grâce à la fonction de traduction des médias deWeglot.

Conclusion

Nous en étions là de nos meilleurs conseils en matière de conception de sites web de commerce électronique ! Récapitulons rapidement :

1. Comprenez la hiérarchie visuelle et utilisez-la à votre avantage.
2. Donnez la priorité aux images représentant des personnes. Veillez à ce que la personne qui figure sur l'image soit importante par rapport au message que vous essayez de faire passer.
3. La preuve sociale est un outil efficace pour convertir les visiteurs en clients. Toutefois, intégrez-les dans l'ensemble de votre site web au lieu d'avoir une page dédiée aux témoignages.
4. Essayez de rendre vos pages plus longues avec un contenu utile et facilement lisible. 
5. Évitez les carrousels et préférez des moyens plus conviviaux d'afficher plusieurs images.

Si vous avez un site web multilingue, n'oubliez pas de prendre en compte les conseils multilingues ! Si vous n'avez pas encore de site web multilingue, changez cela dès aujourd'hui avec une période d'essai de 10 jours de Weglot!