Vous avez un site web e-commerce : très bien … mais encore faut-il qu’il plaise à vos visiteurs ! ! !
Voici les conseils de base pour un site web e-commerce réussi.
Design d’un site web e-commerce
Ce qui prime en priorité, c’est l’aspect de votre site : comme pour tout, la première impression compte énormément. Un site peu attractif et peu compréhensible et vos visiteurs passeront au site suivant.
De plus votre site doit inspirer confiance aux internautes afin qu’ils soient enclins à faire des achats sur le site.
Les éléments de la page d’Accueil
Votre page d’accueil (Home Page) doit contenir les éléments ci-après.
Mais tout d’abord, gardez à l’esprit, qu’il faut privilégier le principe des entrées multiples, c’est à dire qu’on peut accéder à un article de plusieurs manières différentes : par le menu, par les images de la page d’accueil, par la recherche textuelle, par la recherche à facette etc.
Diaporama
La plupart des pages d’accueil proposent un diaporama (ou slider) qui fait défiler des photos (normalement vos produits ou des catégories de produits). Il est conseillé d’avoir un nombre limité de diapos (3 maximum) voire d’avoir une image fixe. Les diapos doivent représenter vos produits « en action », contrairement à vos fiches articles qui proposent des photos « catalogue ».
Il est conseillé d’ajouter des boutons « Action » sur les diapos. Et d’utiliser le diaporama pour mettre en avant des actions de saison afin que votre diaporama « vive » et ne soit pas figé dans le temps.
Menu
C’est le point d’accès à toutes vos pages : c’est un élément très important.
Sur un mobile, on prendra l’option (universellement reconnue) de proposer le menu par un bouton menu qui affichera le menu sous forme de liste déroulante.
En règle générale, on recommande qu’un menu soit composé d’un nombre d’éléments entre 3 et 7.
Vos catégories peuvent apparaître dans le menu. De même, n’hésitez pas à ajouter les articles et ou sous-catégories qui sont vos meilleures ventes.
On peut avoir une entrée Blog … ou mieux Dernières Nouvelles, dans le menu.
N’hésitez pas à utiliser des sous-menus déroulants (le coté ludique).
Par contre, les entrées Qui sommes nous, Où sommes nous, Historique, Entreprise etc ne doivent pas apparaître dans le menu principal d’un site web e-commerce mais dans le menu de bas de page … et c’est là que les internautes chercheront ce type d’information.
Barre de recherche
Il faut absolument une barre de recherche pour trouver facilement le produit désiré. Par convention, on la place en haut et à droite (parfois au centre).
Sur la version mobile du site, la barre de recherche apparaît tout en haut (le plus tôt possible) et à côté de l’icône du menu.
Le bonus est de pouvoir ajouter le produit dans le panier directement depuis les résultats de recherche.
Filtre de recherche = navigation à facette
L’utilisation de filtre de recherche n’est plus vraiment nouvelle mais tous les sites ne le proposent pas encore : ne faites pas l’erreur de ne pas le proposer. C’est un autre type de recherche que la recherche textuelle habituelle.
Ces filtres permettent de facilement trouver les articles qui intéressent les visiteurs en choisissant plusieurs critères. Sur les grands écrans, il est judicieux de laisser le filtre à l’écran (habituellement dans la colonne de gauche), sinon faites apparaître le filtre dans un panneau déroulant.
Expérience du Panier d’achat : agréable
Pour inciter les visiteurs à acheter, faites en sorte que l’expérience du panier d’achat soit agréable : des couleurs sympas, des animations rigolotes. Bref, un moment agréable quand on clique sur le panier d’achat.
On peut ajouter un aspect jeux (gamification), par exemple, en indiquant combien il reste à acheter pour que la livraison soit gratuite.
Produits de la page d’accueil
Traditionnellement, un site web e-commerce met certains produits en avant, sur la page d’accueil (équivalent de tête de gondole).
A vous de déterminer quels type de produits, vous affichez en page d’accueil, mais n’oubliez pas de l’indiquer à vos visiteurs : meilleures ventes, nouveautés, promotions, derniers articles en stock (bientôt épuisé) …
N’affichez pas plus de 10 articles sur votre page d’accueil, mais prévoyez un « aperçu rapide » afin d’obtenir des informations sur le produit sans changer de page … et surtout de mettre l’article dans le panier sans changer de page.
Catégories en image
Optionnellement, on peut prévoir un bandeau qui affichera les catégories représentées par une image (ou un dessin stylisé).
On peut aussi ajouter les meilleures ventes, nouveautés, promotions, derniers articles en stock …
Média sociaux et logo de confiance
Les internautes ne connaissent pas votre site : ils faut leur inspirer de la confiance.
Inscrivez vous à des programmes de certifications d’e-commerçants et affichez leur logo pour rassurer vos visiteurs.
Ajoutez aussi un bloc avec des liens voire des extraits de votre présence sur les réseaux sociaux (où il faut bien entendu effectuer une animation).
Pied de page
C’est dans cette partie que vous allez afficher un menu contenant tout ce qui n’est pas dans le menu principal : les informations légales, sur la société, les conditions de vente, de livraison, etc.
Quatre Tendances du Design en 2015
Et pour vous aider un peu plus dans le design, voici quatre tendances du design de site web en général, y compris e-commerce, pour 2015 !
Material design
Le Material design est le remplaçant du Flat design et la nouvelle tendance dans le design des sites … et c’est lancé par Google : voir notre article précédent sur le Material Design.
Les Photos plein écran
Une photo est utilisée comme fond de page et occupe toute la page. Ce type de page d’accueil n’est pas destiné à tous les sites : c’est plutôt destiné à des sites pour des produits de style.
Aperçus rapides
Les aperçus rapides (Flashcards) permettent d’obtenir des informations sur un article (et mettre l’article dans le panier) sans aller sur la page de l’article !
C’est très intéressant pour les articles qui sont présents sur la page d’accueil ou bien pour des pages de catégories par exemple.
L’effet parallaxe
C’est la nouveauté de ces dernières années (l’arrière plan qui défile à une vitesse différente des éléments au premier plan).
C’est très utilisé sur les sites vitrines et rédactionnels : sur un site web e-commerce, cela peut distraire les visiteurs … à utiliser avec parcimonie.
Web Marketing
Les Persona
Qu’est ce que c’est ?
Un persona c’est un personnage fictif qui représente une catégorie de vos clients. L’intérêt est de créer plusieurs persona qui représentent les différentes catégories de vos clients et de les personnifier. Par exemple, vous créez un persona pour un Parisien de 40 ans, connecté avec divers appareils (smartphone, tablettes, ordinateurs au travail) vous lui donnez un nom : Pierre. Puis vous créez un second persona pour une jeune femme de 25 ans qui vit à la campagne et qui se connecte sur internet exclusivement avec son smartphone : Marie.
Ainsi quand vous créez une nouvelle page ou pour une description d’article, vous pouvez vous poser la question « Est-ce que ça plairait à Pierre ? », « Est-ce que ça plairait à Marie ? » plutôt que « Est-ce que ça plairait aux Parisiens connectés quadra ? » etc
Ça a l’air de rien, mais c’est une grosse aide pour se représenter les différents profils de client.
Création de persona
On recommande de créer entre 3 et 5 persona : c’est le nombre suffisant pour avoir un échantillon assez représentatif sans trop se disperser.
Pour créer un persona, on doit définir les éléments d’une personne « réelle ».
On commence par remplir la carte de visite : Nom (dans notre cas un prénom nous suffit), métier, localisation géographique. Puis on ajoute les informations qu’on trouve sur un CV : age, sexe, situation familiale, formation, expérience professionnelle. Ensuite on va définir les valeurs, aspirations, et appréhensions de ce client. On peut s’aider de sondage et/ou quizz (qu’on peut réaliser sur Facebook par exemple). Un dernier élément très important est son rapport à internet : quels appareils utilise-t-il, à quelle fréquence, est-il natif numérique ou a-t-il du mal avec la technologie ? Enfin définissez le message principal que vous voulez faire passer auprès de ce client : cela sera votre référence pour toutes vos autres actions.
En plus de ces caractéristiques de base, vous pouvez définir d’autres caractéristiques pour votre persona :
- Quels sont ses loisirs (cette caractéristique vous aidera à mieux vous représenter ce persona) ?
- Quels sont ses sources d’information ? Presse écrite, blog, site web généraliste …
- Des informations personnelles d’après les témoignages de vos clients (sondage, entretien, commentaire sur votre site) vous permettront de rendre le persona encore plus réel.
Ou prendre les informations pour créer les persona
Vos sources d’information sont multiples !
- Votre site web
Analysez la fréquentation de votre site web, les profils de vos clients, les mot clefs recherchés … vous avez toutes ces informations dans les logs de votre site web.
- Les Réseaux Sociaux
Utilisez des outils d’analyse de réseaux sociaux pour connaître les interactions des internautes avec vos pages sur les réseaux sociaux. Il n’y pas que Facebook, pour connaître les goûts des internautes Pinterest est intéressant.
- Vos démarches
Comme dit précédemment, faites des sondages et des quizz (sur Facebook ou sur votre site), pour mieux connaître vos clients et prospects. Essayez aussi de récupérer des études déjà réalisées.
Au final, vous devez bien connaître un persona aussi bien qu’un ami pour savoir si tel article lui plairait et comment le lui présenter !
Un peu de lecture supplémentaire : Web design personas (en Anglais), Personas : modèle de fiche.
Growth hacking
Des stratégies de Growth Hacking vous permettront d’augmenter votre base client de manière exponentielle. Et si vous vous demandez si c’est efficace regardez : Groupon, Airbnb, Dropbox, Hotmail, Snapchat …
Un article très complet sur le sujet a été publié sur Venture Harbour. Je n’aborderai ici que quelques points.
Favorisez le parrainage
C’est ce qu’ont fait les exemples que j’ai donnés. Vos clients vont parrainer des personnes de confiance pour être sûrs de recevoir leur récompense.
Essayez différentes offres incitatives (à différents moments) pour trouver celle qui fonctionne le mieux : « Parrainez 3 amis et profitez d’un emballage cadeau gratuit. » ou « Invitez 5 amis pour bénéficier de 3 mois de frais de port gratuits. » ou …
Prospectez sur les réseaux sociaux
Choisissez les réseaux sociaux qui correspondent à vos activités et identifiez les mots clefs et forum liés à votre activité. Participez aux conversations, parlez de vos produits mais de manière informative afin que cela ne soit pas perçu comme du spam. Vous devez apporter des informations au débat … tout en essayant de glisser des liens vers vos produits pour attirer des clients.
Pour plus de détails, voir le Social Prospecting Workbook sur Hubspot.
Faites parler de vous par des influenceurs
C’est le plus difficile, vous voulez attirer des personnes qui sont mieux connectées que vous : pourquoi vous aideraient-elles ? D’autant plus qu’elles sont constamment sollicités. Proposez-leur du contenu intéressant, voire des nouvelles qu’ils ne connaissent pas encore. Bref, faites-vous repérer puis essayez de monter des opérations ensemble et enfin proposez-leur de parler de vos produits sur leur blog.
Pour plus de détails, vous pouviez lire l’article Social Media Today de Warren Knight sur Social Media (en Anglais), mais le site socialmediaelearning.co.uk ne fonctionne plus !
Tendances web marketing de la fin 2015 (et 2016)
La tendance est au développement de l’inbound Marketing : attirer les clients sur son site plutôt que d’aller vers eux.
Le contenu
Comme toujours (et en particulier pour les moteurs de recherche en général et Google en particulier) : le contenu est très important ! Rédigez du contenu original avec du sens, vous ferez plaisir à tous vos lecteurs : les internautes mais aussi les moteurs de recherche.
Partage sur les réseaux sociaux
Incitez vos lecteurs à partager vos articles sur les réseaux sociaux, cela vous amènera de nouveaux lecteurs et augmentera votre visibilité auprès des moteurs de recherche
Marketing sur les réseaux sociaux
Aujourd’hui seul Facebook propose des annonces sur son réseau social, mais bientôt d’autres réseaux sociaux (Twitter, Instagram, Pinterest) vont également publier des annonces. A vous de voir si c’est intéressant pour vous.
Marketing Mobile
Les internautes utilisant un smartphone plutôt qu’un autre appareil sont de plus en plus nombreux : soyez prêt ! Votre site doit supporter l’utilisation par un mobile (voir des conseils pratiques dans le chapitre suivant).
Le Remarketing
Cela consiste à présenter de nouveau à un internaute de la publicité pour un site sur lequel il s’est rendu mais sur lequel il n’a pas conclu de ventes.
C’est une tactique assez controversée … mais elle est toujours présente : à vous de définir si vous voulez l’utiliser.
Stratégies pour votre site web e-commerce
Places de marché
Utiliser les places de marché n’est pas forcement négatif … surtout quand on sait que 45% des internautes (aux USA) lorsqu’ils cherchent un produit regardent sur Amazon avant de regarder sur le moteur de recherche de Google.
Cependant, ne mettez pas tout votre catalogue sur les places de marché. C’est un endroit idéal pour tester de nouveaux produits et pour vendre des produits que vous avez du mal à vendre par ailleurs. Si vous avez un produit que vous vendez bien ou qui s’est bien vendu sur la place de marché : il est intéressant de le vendre uniquement chez vous.
D’autre part, si vous faites les colis pour les ventes de places de marché, ajoutez un petit flyer avec des indications sur votre boutique … pour qu’ils vous commandent directement (sans passer par la place de marché).
Multipliez les solutions de paiement
Sur les places de marché, vous n’êtes pas maître des moyens de paiement utilisés, sur votre site, oui. N’hésitez pas à proposer de nombreux moyens de paiement, cela rassure vos internautes. Et si vous voulez en favoriser certains, vous pouvez ajouter une réduction à l’utilisation de certains moyens de paiement.
Personnellement, je trouve que la solution PayZen est une excellente solution, très flexible et très bon marché.
Multipliez les moyens de livraison
De la même manière, vous avez intérêt à multiplier les moyens de livraison (afin de satisfaire vos visiteurs) : coursier, La Poste, point de retrait …
Je vous recommande envoi moins cher : ils ont négocié les tarifs auprès de nombreux transporteurs et vous permettent de bénéficier de ces tarifs réduits !
Cependant, il est très important d’avoir un service de livraison irréprochable : n’hésitez à changer de livreur en cas de problèmes.
Chat en ligne
Une étude de Forrester montre que 44% des internautes pensent qu’avoir une réponse en direct lors de leur processus d’achat est la fonction la plus importante qu’un site web peut offrir. Une étude de cas montre que l’implémentation d’un chat en ligne a permis d’augmenter le taux de conversion.
Ne vous passez d’un chat en ligne : la plupart du temps, il existe des modules tout prêts à utiliser. Ou bien vous pouvez utiliser des solutions commerciales complètes qui implémenteront tous les aspects de la solution.
Les avantages sont pour vous aussi : une seule personne peut répondre à plusieurs conversations, pas besoin d’installer de nombreuses lignes téléphoniques, possibilité de réponse par copier/coller pour les réponses « standards » …
Bonnes pratiques pour site web e-commerce mobile
Version mobile
Il faut avoir une version mobile de votre site web. Cela peut être soit une version spécifique mobile soit un site web adaptatif (responsive en Anglais) qui permettra de visualiser le site aussi bien sur un grand écran que sur un petit écran de smartphone. Personnellement, je préfère la technologie adaptative mais dans certains cas très particulier (géolocalisation, prise de photos etc), il peut être préférable d’utiliser deux (ou plus) versions séparées du site.
Visibilité de nom de champ
Il peut arriver, lorsqu’on remplit un formulaire d’un site web sur un smartphone, qu’on ne visualise que le champ et plus le libellé du champ. C’est ennuyeux car l’internaute peut ne pas avoir retenu l’information qu’il doit fournir.
Faites en sorte que cela ne soit pas le cas sur votre site : utilisez les titres de zone de formulaire et assurez vous que l’information soit toujours visible sur différentes tailles d’écran.
Numéro de téléphone
Un smartphone, c’est d’abord un téléphone : assurez-vous que votre numéro de téléphone (pour contacter la boutique) soit bien visible et surtout « cliquable » (en utilisant le protocole tel dans l’URL).
Facilitez la saisie
Pour rester sur les balises, facilitez la saisie de formulaire par les internautes, en utilisant les bonnes balises :
- pour les numéros de carte bancaires, utilisez la balise <input type="tel"> pour que ce soit le clavier numérique qui apparaisse sur les smartphones (et non pas le clavier alpha-numérique).
- pour les adresses e-mails, pensez à utiliser la balise <input type="email"> pour que le clavier qui s’affiche comporte l’arobas @ et le point . voire même .com selon les claviers !
Pour finir, un cas réel : voici un entretien avec les responsables de la boutique 29 N Under (sur PrestaShop) qui a augmenté ses activités de 1000% grâce à ses choix ! !
Avec tout ceci, vous devriez avoir des informations pour améliorer votre boutique.
N’hésitez pas à faire appel à nous si vous avez des besoins supplémentaires.
Et réagissez en postant des commentaires.