Par
Antoine
Nous allons aborder les points d’optimisation de votre plateforme e-commerce ou SaaS pour faire croître votre visibilité. Entre l’UX et l’UI, les améliorations techniques de votre site et la responsivité pour une stratégie commerciale bien huilée : ce guide concentre des astuces pour mieux convertir vos utilisateurs.
À présent, parlons technique avec l’optimisation des performances et de l’UX de votre site. Car, même si votre site e-marchand ou SaaS répond à une vive demande, que son Product Market Fit est bien calibré : si votre site n’est pas confortable, esthétique et efficient pour la navigation, alors il ne le sera pas pour la conversion.
IRL, imaginez entrer dans un magasin retail par une porte trop petite, y découvrir des luminaires qui scintillent et abîment les yeux, n’avoir aucune indication par des signalétiques ou par un vendeur, devoir sauter pour atteindre les étales et étagères de votre choix, ou encore de devoir attendre de longues minutes en caisse pour payer… C’est le même principe sur tous les sites e-marchand, marketplaces et SaaS. Il faut optimiser l’expérience d’utilisation pour faciliter l’accessibilité et donc la conversion.
Sachant que les recherches montrent que l’UX peut vous faire obtenir un ratio ROI allant jusqu’à 1/100 9900 % : on ne lésine pas pour notamment préparer son Black Friday qui, rappelons-le, représente 30 % du CA des sites marchands.
En effet, une interface belle et donc efficace augmente de 200 % votre taux de conversion, et une UX réussie peut l’augmenter de 400 %. À l’inverse, quels sont les effets d’une mauvaise UX ? Côté performances : plus de 8 personnes sur 10 quitteront votre site s’il met trop de temps à s’afficher/charger. C’est aussi un drop de 39 % si vos images ne se chargent pas ou mal… Financièrement, cela représente au total dans le monde plus de 62 milliards de dollars de manque à gagner.
Techniquement parlant aussi, il faut que vous scrutiez vos pics d’activité. Le moindre faux pas technique peut engendrer de grosses pertes : leads, clientèles et chiffre d’affaires. Nous en parlerons plus en détail dans notre un autre dossier sur le SEO en serait aussi fortement impacté.
Enfin, on réopère tout ce qu’on vient de dire en s’attardant sur la partie mobile, la responsivité : n’oublions pas non plus que le premier device des e-achats est désormais le mobile ! Désormais, 85 % des consommateurs adultes jugent la qualité de l’expérience mobile plus importante que celle sur desktop.
Revoyons certains basiques du design, de l’UI et de l’UX. Une interface belle, efficace et bien pensée augmente de 200 % votre taux de conversion, et une UX réussie peut l’augmenter de 400 %.
Visuels de qualité, trouvez le juste milieu entre qualité et légèreté pour ne pas ralentir votre site. Selon le secteur de la plateforme, vous pouvez utiliser de nombreuses fonctionnalités d’affichage pour offrir une expérience complète qui permet de contextualiser le produit :
De plus, concernant la taille des images, faites en sorte qu’elles ne dépassent pas 1600 px de largeur. Quant aux formats : privilégiez le JPEG ou le WebP car ils concilient qualité et taille réduite. Concernant vos fiches produits, vous pourrez exceptionnellement utiliser le PNG pour permettre de la transparence et mettre vos produits au centre de l’expérience.
Les CTA sont les Call-to-Action qui vous ouvrent une nouvelle page, continuent le chemin utilisateur avec un but : se rapprocher de la conversion (ajout panier, confirmation), ou à défaut, de la fidélisation (connexion, inscription). Les CTA doivent répondre à un besoin, et offrir la réponse à ce besoin de manière claire et efficace. Respectez selon l’action amenée une des 3 méthodes d’écriture suivantes :
Soyez inventif en intégrant des CTA dynamiques qui évoluent selon une situation, une disponibilité. Pour pallier une rupture de stock (qui ne devrait sûrement pas arriver, relisez ici notre article sur la préparation des promotions et des stocks pour le Black Friday), plutôt que de griser un CTA « Paiement », vous pouvez par exemple créer un CTA vers une inscription à une liste d’attente. Optez également pour un renvoi direct vers vos éléments exceptionnels et différenciants comme en créant :
Quant à leurs positionnements, évidemment qu’ils varieront selon l’action à activer. Cependant, si votre CTA réclame une action de conversion essentielle et réalisable facilement, placez-le en haut de page. Enfin selon l’action à mettre en avant, choisissez correctement vos couleurs. Optez pour des couleurs vives qui tranchent avec le reste du panel pour une action importante comme :
Optez à l’inverse pour des couleurs plus dans vos tons pour des actions secondaires comme :
Éléments incontournables de votre UI, les couleurs jouent un rôle primordial dans la prise de décision de l’utilisateur. Spécifiquement, comme nous le disions concernant les CTA, optez pour une couleur vive qui se démarque du reste de votre palette habituelle. Tenez-vous-y de sorte qu’ils ressortent de manière évidente et immédiate.
Par exemple, aidez-vous des roues chromatiques pour sélectionner une couleur qui diffère de celles que vous utilisez principalement, mais qui s’accordent néanmoins avec elles. Alors, utilisez parmi les logiques d’assemblage suivantes :
Utilisez du rouge pour créer et rappeler l’urgence. Du côté de vos bannières, bandeaux et autres espaces de promotion onsite, le rouge va correspondre à cette période exceptionnelle. Si cette couleur s’éloigne trop de votre charte graphique, tournez vous vers la roue chromatique mentionnée au-dessus, car ne perdez pas de vue que le but est de faire du beau.
Quels éléments changer pour mettre en avant vos produits concernés par le Black Friday ?
Commençons par votre homepage. Porte d’entrée de votre site, la page d’accueil doit représenter un état selon une saisonnalité, comme le « Vendredi noir » pour les e-commerçants ou les SaaS. Personnalisez-la en respectant cette période, sans que votre identité de marque se noie dedans. Toujours en accord avec votre identité graphique : améliorez la taille et la visibilité colorimétrique de vos menus, rubriques et CTA thématiques. Car à événement exceptionnel, il faut une mise en avant qui l’est tout autant.
Le fil d’Ariane permet d’offrir l’expérience de navigation la plus fluide et lisible possible. Dans une logique du moindre clic, le fil d’Ariane peut faire revenir à la homepage en un clic. Imaginez l’utilisateur sur une page produit qu’il a atteinte depuis la homepage > homme > chaussures > sneakers > sneakers en cuir. Un simple clic, et le revoilà reparti. Faites tout pour faciliter et accélérer la navigation sur votre site. Sur le même principe, proposez un menu de filtrage efficace de sorte à ouvrir la voie aux personnes qui savent vers quelle(s) catégorie(s) de produits ils souhaitent se tourner, ou même aux utilisateurs qui conditionnent leurs achats sur la base de la hauteur de la promotion (— 20 %, — 40 %, — 60 %…), etc.
Votre charte tient peut-être de la sobriété et du minimalisme. Mais ne vous méprenez pas à penser que cela est synonyme de petitesse. Vos menus et autres boutons d’actions sont là pour être vus et utilisés. Visuellement, il faut bien sûr que cela s’équilibre avec l’intégralité de l’expérience sur site.
De plus, encore dans une logique de facilité d’accès dans le chemin utilisateur. Si un utilisateur sait déjà pourquoi il est sur votre site, ne le privez pas de trouver instantanément ce qu’il cherche. Offrez-lui une barre de recherche visible et facile d’accès. Son parcours d’achat n’aura alors tenu qu’en 4-5 clics.
À présent, parlons copywriting. Des mots, encore des mots. Pendant le Black Friday par exemple, les mots ont leur importance dans la stratégie de conversion de vos visiteurs. Débutons par la forme, à savoir la typographie, la casse et la taille de la police. Encore une fois, pensez à être impactant, visuels et différenciant de votre stratégie habituelle. L’objectif : être vu plus que d’habitude pour mettre en valeur vos promotions exceptionnelles du Black Friday-Cyber Monday. Côté police, comme avec les couleurs : soyez constant et cohérent, mais exceptionnel. Alors, utilisez une police dédiée à vos événements spéciaux : plus grande, plus marquante. L’objectif est de faire de l’accrocheur, car les textes doivent répondre à des codes exceptionnels. Au niveau de la casse, l’emphase en majuscule est utile pour faire apparaître un élément spécial.
Du côté du contenu, soyez concis, clairs et n’oubliez pas la mission de vos messages : convertir les visiteurs de votre site pour les convaincre de la qualité de vos produits. Alors, que faire afficher ? Nous en parlions ici avec les avis clients qui sont d’une grande force pour acquérir de nouveaux clients et améliorer la rétention. Mettez en avant les avis de vos clients existants. Ils peuvent générer une hausse du CA grâce à une meilleure considération des visiteurs. Sachez que 52 % des consommateurs se tourneront seulement vers une entreprise présentant au moins 4 étoiles. Dans la même trempe, faites parler vos clients avec des citations bien mises en valeur sur votre site.
Saviez-vous que votre site augmente de 7 % son taux de conversion en améliorant de 10 % la vitesse de chargement de la première page du tunnel d’achat ? C’est maintenant le cas, alors pensez-y pour maximiser vos ventes. Pour ce faire, revoyons les aspects techniques à scruter pour que votre plateforme de vente soit optimale.
Avant toute chose, commencez par auditer le trafic de votre site. Pourquoi ? Pour anticiper les créneaux horaires qui devraient le plus solliciter votre site. La bonne stratégie est d’opérer un audit précis de votre trafic. Regardez et analysez attentivement le comportement de vos utilisateurs, à savoir :
En complément, n’oubliez pas qu’il est préférable d’avoir vos experts techniques toujours prêts à gérer une erreur. De même que vos équipes marketing pour répondre aux questions liées à un éventuel problème technique.
Pour toutes procédures de sécurisation pouvant s’afficher sur votre site, affichez les badges pour rassurer vos utilisateurs. Puis, rappelons que réaliser les quelques astuces suivantes vous permettront d’améliorer votre référencement par les moteurs de recherche, alors :
Consultez votre hébergeur de site internet et votre CMS e-commerce pour connaître les modalités de fonctionnement en cas de pic d’activité et couvrir toutes les éventualités. Vous pourrez alors assurer la sécurité des clients, garantie sur les pertes en cas de crash technique. D’ailleurs, vous pouvez demander à déployer votre site sur différents serveurs de sorte à « ne pas mettre tous vos œufs dans le même panier. » Vérifiez évidemment si votre contrat ne prévoit pas certaines garanties, de sorte à les prévenir. Et vérifiez aussi si votre contrat ne prévoit pas de se conclure lors de cette période pour éviter toute déconvenue de déconnexion. Faites aussi le point sur les connexions avec vos CRM, ERP… Car une mauvaise connexion avec celles-ci pourrait engendrer des baisses de performances et de conversion.
Enfin, pour optimiser votre site et gagner en vitesse onsite :
À quoi bon mettre en place tout ceci si vous ne vérifiez pas la fiabilité des dispositifs ? Vérifiez la vitesse de votre site marchand avec des outils comme Google PageSpeed Insights ou SpeedCurve.
À présent, parlons mobile ! Le premier device pour les e-achats demande alors une version ultra responsive pour mieux convertir, et — encore une fois — conserver un SEO optimisé.
Nous vous le disions plus haut, désormais, 85 % des consommateurs adultes jugent la qualité de l’expérience mobile plus importante que celle sur desktop. De plus, si le temps de chargement est supérieur à 3 secondes, 50 % des utilisateurs quitteront votre site. Alors, on se focalise sur le m-commerce.
Si votre site version desktop est déjà ultra optimisé en l’état : dupliquez, et partez de cette base-la. N’utilisez pas de Flash qui n’est désormais plus compatible avec les navigateurs, car arrêté d’être développé par Adobe fin 2020. Alors, privilégiez plus un format comme le HTML5 ou WebGL.
Côté responsivité : on pense à toutes les déclinaisons de format d’écran : desktop, tablette, mobile portrait, mobile vertical, ou selon les modèles de smartphones (template de page par template de page). Vous pourriez passer à côté du header, du footer, d’une page produit ou autre qui ne propose pas une belle et efficace disposition.
Concernant les CTA, boutons et autres bandeaux : revoyez la taille que vous leur attribuez. Encore une fois, pensez pour le pouce de vos utilisateurs. Enfin, activez AMP (Accelerated Mobile Pages) : ce framework automatise l’optimisation de votre site. Selon votre CMS, il peut être proposé le plug-in AMP à intégrer.
Enfin, utilisez des outils comme Mobile-Friendly Test de Google pour analyser si votre site est mobile-friendly, ou GTmetrix pour vous assurer des performances globales d’affichage du site.
Publié en
09/2022
Par
Antoine
Silvr booste la croissance des entreprises
Contactez-nous.png)
