Catégories
Plugin et site web

Étude de cas: 8 conseils de conception qui ont augmenté mes conversions de commerce électronique de 42%

Lorsqu'il s'agit d'augmenter les ventes de votre boutique en ligne, vous pouvez utiliser 3 leviers: vous pouvez augmenter la valeur moyenne de votre commande; Vous pouvez augmenter la quantité de trafic vers votre site; Vous pouvez augmenter votre taux de conversion.

Bien que tous les éléments ci-dessus soient importants, le moyen le moins cher et le plus efficace d'augmenter vos ventes est de améliorer votre taux de conversion.

Pour la plupart des boutiques en ligne, les faibles taux de conversion sont généralement le résultat d'une mauvaise conception ou d'une mauvaise expérience utilisateur. Vos visiteurs peuvent ne pas avoir de résonance avec l'aspect et la convivialité de votre site Web ou avoir des difficultés à trouver les informations dont ils ont besoin pour effectuer un achat.

Dans cet article, je vais vous expliquer les étapes exactes que j'ai suivies pour augmenter mon taux de conversion de bureau de 46% et mon taux de conversion mobile de 39% avec ma dernière refonte de site. Je vais également vous montrer comment vous pouvez appliquer ces mêmes principes de conception pour optimiser le taux de conversion de votre propre boutique en ligne.

Même si votre entreprise de commerce électronique fonctionne déjà bien, cet article vous aidera à obtenir des résultats encore meilleurs.

Qu'est-ce qui est considéré comme un bon taux de conversion du commerce électronique?

La surveillance de votre taux de conversion est cruciale pour créer une entreprise de commerce électronique rentable. Et la plupart des outils d'analyse peuvent vous aider à mesurer ces données dès le départ.

Votre taux de conversion est calculé en divisant simplement le nombre d'actions souhaitées par le nombre de visiteurs du site Web sur une période donnée. Par exemple, si votre site Web enregistre 50 conversions pour 5 000 visiteurs, votre taux de conversion est de 1%.

Selon le type spécifique d'entreprise en ligne que vous gérez, vos conversions peuvent inclure des ventes en ligne, des inscriptions par e-mail, des ajouts aux paniers ou tout autre indicateur de performance clé que vous souhaitez mesurer. Mais dans le cas d'un magasin de commerce électronique, votre objectif principal devrait être votre taux de conversion d'achat.

En moyenne, les magasins de commerce électronique ont un taux de conversion d'achat de 1% à 2%. De plus, les experts disent qu’un bon taux de conversion se situe entre 2% et 5%. Cela devrait être votre référence lorsque vous mesurez le succès de votre boutique en ligne.

Les résultats de conversion de ma dernière refonte de site

Avant de plonger dans les détails de la façon dont j'ai amélioré mon taux de conversion, voici mes résultats globaux et exactement comment j'ai mené mon expérience.

Tout d'abord, je dirige Bumblebee Linens, un magasin de commerce électronique qui vend des mouchoirs en ligne.

Étant donné que mon site reçoit une tonne de trafic provenant de pages de contenu qui ne se convertissent pas directement en ventes, j'ai mesuré mon taux de conversion en fonction de mes sources de trafic les plus prévisibles.

En conséquence, toutes mes données de conversion ont été extraites de sources de trafic publicitaire PPC ciblées telles que Google Shopping et Google Adwords. Après tout, mon trafic d'annonces Google est très régulier et se convertit toujours à un pourcentage constant.

Avant de repenser mon site, le taux de conversion de ma boutique en ligne oscillait autour de 3%, ce qui est supérieur à la moyenne. Mais l'aspect et la convivialité du site étaient datés et avaient désespérément besoin d'un rafraîchissement. Dans l'ensemble, la refonte complète a pris environ 7 semaines et m'a coûté environ 1840 $.

Voici les résultats de conversion de ma conception mise à jour par rapport à l'original:

  • Conversion de bureau les taux ont augmenté de 46%
  • Conversion mobile taux augmenté de 26%
  • Conversion de tablette taux augmenté de 32%

Le reste de cet article mettra en évidence les éléments spécifiques de la refonte qui ont contribué à ces augmentations. (Remarque: j'ai effectué toutes mes modifications de refonte en direct simultanément, il est donc difficile de déterminer quelle optimisation spécifique a contribué le plus aux gains.)

8 conseils de conception de commerce électronique pour optimiser votre taux de conversion

Si votre boutique en ligne ne fonctionne pas aussi bien qu'elle le devrait, de nombreux aspects de l'expérience utilisateur pourraient avoir un impact négatif sur les ventes. Même un choix de conception apparemment inoffensif comme la taille de votre police ou la couleur de vos boutons peut avoir un impact significatif sur votre taux de conversion global.

Si vous souhaitez améliorer systématiquement le taux de conversion de votre boutique en ligne, vous devez suivre ces 8 étapes de conception.

1. Utilisez un schéma de couleurs cohérent et complémentaire

Utilisation color.adobe.com de choisir des couleurs complémentaires lors de la refonte de votre site Web.

Une palette de couleurs bien choisie peut instantanément attirer l’attention d’un client, susciter l’émotion et inciter les utilisateurs à agir. Après tout, ce qu'un client ressent à propos de votre site Web peut être le facteur décisif entre la finalisation de la commande ou le rebond de votre boutique.

Un magasin de commerce électronique bien conçu doit utiliser au moins 3 couleurs complémentaires qui sont uniformément appliquées sur chaque page de votre site Web.

Si vous n’avez pas un bon œil pour la couleur, vous pouvez utiliser un outil gratuit comme color.adobe.com qui vous aidera à mélanger et assortir différentes couleurs qui vont bien ensemble.

Pour la refonte de mon site, je voulais une ambiance moderne, j'ai donc choisi sarcelle, rose vif et jaune pour ma palette de couleurs.

J'ai également attribué à chaque couleur un objectif spécifique sur mon site:

  • Sarcelle a été appliqué pour donner au site une couleur globale brillante pour une sensation jeune et branchée;
  • Jaune a été utilisé pour attirer l'attention sur des éléments marketing tels que la livraison gratuite et les offres spéciales;
  • Rose vif a été utilisé pour tous les boutons d'action du site.

Dans l'ensemble, chaque page de votre boutique en ligne doit comporter un appel principal à l'action (en utilisant une couleur vive comme le rose vif) qui guide un client plus proche de la caisse.

Par exemple, sur ma première page, le bouton rose vif "Magasinez notre collection personnalisée" sort de la page et attire immédiatement l'attention d'un utilisateur. Nous voulons que les visiteurs achètent notre collection personnalisée car nos produits personnalisés sont les produits à la marge la plus élevée de notre magasin.

2. Simplifiez votre navigation

Votre menu est-il trop compliqué? Votre barre de navigation occupe-t-elle trop d'espace sur l'écran?

Une bonne règle de base pour un magasin de commerce électronique est de minimiser le nombre de clics qu'un client doit ajouter au panier. Par conséquent, vous devez éviter d'imbriquer vos catégories de produits dans plus d'un niveau de hiérarchie.

Si vous avez trop de catégories dans votre boutique pour les afficher toutes à la fois, choisissez vos catégories les plus vendues pour votre menu principal et regroupez vos catégories moins diffusées dans un onglet séparé.

Pour mon magasin, j'ai décidé d'utiliser un menu déroulant de style survol de haut niveau, comme indiqué sur la photo ci-dessous.

La navigation de haut niveau est un moyen d'organiser et d'afficher vos catégories de produits.

Mon ancien design utilisait une navigation de style main gauche qui occupait trop d'espace à l'écran. Et libérer de l'espace supplémentaire m'a permis de faire exploser ma catégorie et les images de mes produits de 300%. Avec mon nouveau menu de navigation, chaque visiteur peut ajouter au panier en seulement trois clics: Un clic pour trouver une catégorie de produits; Un clic pour voir la description du produit; Un clic pour ajouter au panier.

Une fois que vous avez conçu votre menu, faites semblant d'être un client et essayez de faire des achats sur votre site. Le contenu est-il facile à lire? Les éléments importants ressortent-ils? Pouvez-vous trouver immédiatement les informations dont vous avez besoin? L'analyse de votre site du point de vue du client vous aidera à améliorer l'expérience d'achat de vos utilisateurs.

3. Afficher les facteurs de confiance sur chaque page

La livraison gratuite, les retours faciles et la confiance sont essentiels pour générer des conversions.

La confiance est la valeur la plus importante que vous devez établir avec votre client.

À moins que vous ne soyez Amazon ou un magasin à grande surface, les gens n'ont probablement jamais entendu parler de votre marque et vous devez les rassurer sur le fait que vous pouvez acheter en toute sécurité dans votre magasin.

En raison de l'influence d'Amazon dans l'espace du commerce électronique, la plupart des clients recherchent 3 choses lors de leurs achats dans une boutique en ligne pour la première fois:

  • Expédition rapide et gratuite;
  • Retours faciles;
  • Un moyen d'atteindre le support client.

L'affichage de votre numéro de téléphone et de votre adresse e-mail est très important! L'ajout de vos heures d'ouverture permet également de donner à votre site une apparence légitime pour les nouveaux visiteurs. Si vous n’avez pas de marque reconnaissable, les clients voudront savoir qu’ils peuvent toucher un vrai humain en cas de problèmes ou de questions.

Dans l'image ci-dessus, vous remarquerez que j'ai placé mes facteurs de confiance dans l'en-tête, afin qu'ils puissent être vus au-dessus du pli sur chaque page. Nous avons également participé à l'émission Today et à de nombreux magazines. Je me suis donc assuré d'afficher cette preuve sociale au bas de chaque page.

N'hésitez pas à afficher vos réalisations pour renforcer la confiance.

De plus, les témoignages de clients apportent une preuve sociale et une crédibilité à votre site Web. Par conséquent, il est important de contacter régulièrement des clients satisfaits pour obtenir des témoignages et des recommandations. Sur notre site repensé, vous trouverez la section des témoignages juste en dessous de nos mentions presse.

Les témoignages apportent une preuve sociale et une crédibilité à votre site Web.

N'oubliez pas que pour générer des conversions en tant que boutique ou marque inconnue, vous devez d'abord gagner la confiance de vos clients. Aidez-les à vous contacter ou à obtenir un remboursement complet en cas de problème avec leur achat. En montrant un réel souci de la satisfaction client, vous pourrez vous bâtir une solide réputation au fil du temps.

4. Mettez l'accent sur votre proposition de valeur unique

Les utilisateurs passent en moyenne 5,59 secondes à regarder le contenu écrit de votre site Web. Et pendant ces 5,59 secondes, vous devez capter leur intérêt, sinon ils rebondiront sur votre page. Dès le départ, vous devez transmettre à un utilisateur exactement ce que vous vendez et pourquoi il devrait acheter dans votre magasin plutôt qu'à un concurrent.

De plus, chaque page de votre site doit communiquer votre proposition de valeur unique. Une proposition de valeur unique est une déclaration concise qui décrit ce qui rend votre entreprise spéciale et décrit ce que votre magasin fait mieux que quiconque. La meilleure façon de montrer votre proposition de valeur unique est d'utiliser une image accrocheuse à côté d'une copie convaincante.

Par exemple, voici la première chose qu'un utilisateur voit sur ma page d'accueil au-dessus du pli:

Tout de suite, un utilisateur voit une grande image de l'un de nos mouchoirs personnalisés les plus vendus. Et juste à côté de cette image se trouve une proposition de valeur claire et concise, suivie d'un appel à l'action pour magasiner dans notre magasin.

L'affichage de votre proposition de valeur ne doit pas se limiter à votre page d'accueil. Nous incluons également notre proposition de valeur unique sur chaque page de catégorie. Dans l'ensemble, vous devez inclure votre proposition de valeur sur chaque page de destination de votre site Web.

5. Optimisez la hiérarchie visuelle de vos pages produits

Chaque page de votre site doit avoir un seul objectif. Et pour vos pages produits, votre objectif est d'amener un client à ajouter au panier.

Lors de la conception d'une page produit, vous devez appliquer une hiérarchie visuelle logique à votre conception. Une hiérarchie visuelle est l'ordre dans lequel un utilisateur traite les informations sur une page et dans le cas d'une page de produit, il doit y avoir un chemin clair vers votre bouton Ajouter au panier avec le moins de distractions possible.

Voici une capture d'écran de mon ancienne page produit:

Comme vous pouvez le voir, mon ancienne page de produit est écrasante. Tous les éléments de conception tentent d'attirer votre attention en même temps et de nombreux appels à l'action se mélangent. Pour améliorer mes descriptions de produits, j'ai rafraîchi la palette de couleurs et agrandi l'image de mon produit de 266%. J'ai également changé le placement des boutons dans un flux plus logique.

Voici à quoi ressemble la nouvelle page produit aujourd'hui:

En ajustant la taille, la couleur, le contraste et l'alignement des éléments de la page, je force maintenant le client à traiter mes informations produit dans un chemin défini qui mène directement à mon appel à l'action principal. Par exemple, la couleur rose vif attire l'attention sur le bouton «Ajouter au panier» au-dessus du bouton «Avis». De plus, en appliquant une couleur de texte bleue et un fond bleu sarcelle, je rassure les clients sur le fait que faire des achats avec nous est sûr et sans risque.

Dans l'ensemble, réorganiser les éléments de conception de cette façon a presque doublé mon pourcentage d'ajout au panier.

6. Simplifiez votre processus de paiement

Avec la conception de notre ancien site, nous recevions régulièrement des commentaires de clients confus qui ne savaient pas s'ils avaient besoin d'un compte pour acheter nos produits.

Voici à quoi ressemblait notre ancienne page de paiement:

Comme vous pouvez le voir, il y a trop de choix. Après tout, un client n'a pas besoin de 3 façons de payer et les choix sont un peu écrasants.

Voici à quoi ressemble la page de paiement maintenant:

Au lieu d'offrir 3 options distinctes pour le paiement, je les ai toutes regroupées en une seule et ajouté une option Paypal distincte (plus d'informations à ce sujet plus tard). Tout d'abord, moins de 6% des clients créent un compte, il n'y avait donc aucune raison de proposer la création de compte comme une option distincte. De plus, l'affichage d'un formulaire de connexion causait plus de maux de tête qu'il n'en valait la peine, car la majorité des clients n'ont même pas de compte. En conséquence, j'ai décidé de masquer complètement le formulaire par défaut.

Dans l'ensemble, lorsque vous concevez votre processus de paiement, gardez ces principes d'optimisation à l'esprit.

Principe n ° 1: Supprimez tous les éléments inutiles de la page. Ne faites pas réfléchir le client et ne cachez pas tous les éléments qui ne sont pas fréquemment utilisés.

Principe n ° 2: Affichez des logos de confiance pour garantir aux clients un paiement sécurisé. Dans l'image ci-dessus, vous trouverez des logos de confiance sur le côté droit de la page de paiement.

7. Optimiser le processus de paiement pour les utilisateurs mobiles

4 utilisateurs mobiles sur 10 abandonnent leur panier s'ils ont du mal à saisir leurs informations personnelles. Les gens n'aiment pas saisir leurs coordonnées et leurs informations de carte de crédit à l'aide d'un petit clavier. De plus, de petits boutons et un trop grand nombre de champs de formulaire éloignent les utilisateurs mobiles. 79% des utilisateurs de smartphones achètent en ligne avec leurs appareils mobiles, c'est pourquoi vous devez optimiser pour mobile.

De nos jours, un design réactif est normal pour le cours, mais vous pouvez toujours tout gâcher si vous ne faites pas attention. Voici à quoi ressemble mon processus de paiement sur un ordinateur:

Et voici à quoi ressemble la page de paiement sur un appareil mobile:

Sur mobile, le contenu du panier de l'utilisateur est réduit afin qu'il n'occupe pas tout l'écran. Dans l'ensemble, voici les optimisations mobiles que j'ai apportées à la caisse:

Optimisation n ° 1: Gardez votre formulaire de paiement court et doux

Un utilisateur mobile devrait pouvoir appuyer sur les boutons de votre page de paiement sans toucher accidentellement une autre option. En outre, les boutons doivent être suffisamment grands pour toucher un appareil mobile.

Compte tenu de la taille d'écran plus petite d'un téléphone mobile, gardez votre formulaire de paiement court et agréable sans options superflues. Assurez-vous également de désactiver la correction automatique pour vos champs de formulaire. Sinon, la fonction de correction automatique de votre téléphone peut frustrer les utilisateurs lorsqu'ils essaient de saisir leur adresse. En fait, nous avons déjà eu un client tellement frustré d'essayer de taper sa ville sur son iPhone qu'il nous a appelés et se sont plaints de frustration.

Pour résoudre ce problème, il vous suffit d'ajouter la balise suivante à tous vos champs de saisie de texte.

Et pour réduire la frustration, vous devez également désactiver la capitalisation automatique et la saisie semi-automatique en ajoutant également les majuscules automatiques = "off" et auto-complete = "off" à tous vos formulaires:

De plus, pour la saisie du numéro de téléphone, vous devez toujours afficher un clavier numérique par opposition à un clavier ordinaire:

Optimisation n ° 2: Importez automatiquement vos données client si possible

Moins les utilisateurs mobiles doivent saisir d'informations, mieux c'est. Les options de paiement telles que Paypal Express et Amazon Payments peuvent simplifier le processus de paiement. Ces processeurs de paiement tiers remplissent automatiquement les informations de facturation et d'expédition d'un client, ce qui réduit la saisie et augmente les taux de conversion.

Pour offrir un paiement plus pratique, j'ai implémenté PayPal One Touch, qui à lui seul a augmenté mes taux de conversion mobile de 31%.

Voici un petit conseil lors de la mise en œuvre de Paypal: assurez-vous d'afficher le bouton Paypal au début du processus de paiement avant un utilisateur a saisi ses informations. Sinon, cela va à l'encontre de l'objectif d'importer leurs informations! Dans la première étape de mon processus de paiement, j'explique chaque option de paiement en détail.

Ces simples changements ont fait un énorme différence de mon taux de conversion. Et le nombre d'utilisateurs PayPal sur mon site a presque doublé, passant de 13% à 23%!

8. Ajoutez un sentiment d'urgence

La plupart des clients aiment faire du lèche-vitrines et la meilleure façon d'amener un visiteur à agir est de créer un sentiment d'urgence.

Chaque fois que je lance une vente, un grand compte à rebours jaune s'affiche sur chaque page du site Web.

Remarque: Il est important de noter que nous n'utilisons ce minuteur que lorsqu'il y a effectivement une vente en cours. Sinon, vous risquez de désensibiliser vos clients ou de perdre leur confiance.

De plus, j'affiche également un compte à rebours sur la page de paiement pour créer un sentiment d'urgence pour terminer le processus de paiement:

Ces éléments de conception supplémentaires obligent un client à agir le plus tôt possible.

Dernières pensées

L'optimisation de votre taux de conversion est un processus continu. Et tester vos résultats est le seul moyen de suivre votre amélioration.

N'allez jamais avec votre instinct et écoutez toujours les données. Après tout, parfois un site laid peut surpasser un beau site.

Quoi qu'il en soit, les conseils de conception que j'ai présentés ci-dessus vous donneront une base solide pour commencer. À partir de là, vous pouvez améliorer davantage votre site Web et optimiser votre taux de conversion grâce à des tests et des ajustements répétés. Bonne chance!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *