Article

6min lecture

Luxe et e-commerce : comment optimiser le tunnel d’achat ?

Chaque marque de luxe a construit son identité à travers la fabrication d’un univers, d’une pensée et d’un art de vivre. Boutiques, produits ou encore communications, tout se raccorde avec cette identité minutieusement travaillée. A l’ère du digital, les marques de luxe redoublent d’inventivité pour transmettre leur philosophie sur leurs site web et mobile. Un article, qui a une valeur financière élevée, se doit d’être unique autant dans sa forme mais aussi dans son contexte de vente. Le client doit être dans les meilleures conditions pour passer à l’achat : et pour cela, les marques de luxe misent sur l’exclusivité du service et l’univers de la boutique pour réveiller les émotions de chaque visiteur.

Alors comment le secteur du luxe retranscrit ces émotions sur son site de vente en ligne ? Comment optimiser l’expérience de l’internaute à travers tout son parcours d’achat ? Nous avons vu dans un précédent article les enjeux CRO dans ce secteur du luxe, rentrons plus en détails sur l’optimisation du tunnel d’achat : de la page de connexion à la page panier.

Optimiser la homepage et son menu

La homepage (page d’accueil) est la première page que l’internaute va voir en arrivant sur votre site. Cette première page constitue alors une première étape primordiale : elle permettra à l’internaute de naviguer sur les différentes pages du site. Optimiser la navigation et l’expérience de vos visiteurs commence par la homepage !

La marque Yves Saint Laurent Beauté s’est penchée sur l’une des problématiques essentielles à résoudre : quel est l’ordre le plus logique et optimal pour les onglets de la barre du menu ? En tant que Maison haut de gamme, YSL Beauté a beaucoup de nouveautés et de produits à présenter – mais ils ne savaient pas quoi mettre en avant dans le menu de la page d’accueil pour maximiser les transactions. Par un simple A/B Test, ils ont changé l’emplacement des onglets “Nouveautés” et “Offres exclusives” pour voir si cela affecterait les ventes. En plaçant l’onglet “Offres exclusives” en premier, pour permettre aux internautes d’accéder aux offres actuelles au lieu de l’onglet “Nouveautés”, ce test consistait à évaluer l’intérêt des visiteurs pour les offres exclusives plutôt que les nouveaux produits.

Et les résultats parlent d’eux-mêmes : L’accès à la page panier a augmenté de 9%, ainsi que l’accès à la page de paiement avec une hausse de 13%, enfin les transactions ont globalement augmenté de 10%.

Soigner la page de connexion

La page de connexion est l’une des pages les plus importantes à optimiser sur votre site. En boutique, les clients n’ont pas à s’inquiéter de la connexion ou de la création d’un compte pour effectuer un achat. Mais sur une interface digitale, cette étape supplémentaire est souvent la source de frictions importantes, voire d’abandons. Les internautes sont nombreux à fermer une page s’ils rencontrent des difficultés à se connecter.

Concevoir une expérience utilisateur sur cette page qui soit logique et intuitive pour votre audience peut avoir un impact réel sur les ventes. C’est le cas de Lancôme qui a décidé d’essayer un changement de design simple. Jusque-là, sur leur page de connexion, ils présentaient les différentes options de connexion sans ordre pré-déterminé. Cependant, ils ont voulu tester l’ordre de ces options en prenant soin de placer l’option “Nouveaux inscrits” au centre de la page – et donc de la rendre plus visible. L’idée était de vérifier si cette organisation semblait plus logique pour les visiteurs, encourageant ainsi les créations de compte et les transactions.

Sans surprise, déplacer le bloc “Nouveaux inscrits” au centre de la page a augmenté le nombre de clics sur ce CTA de 30%.

« Chaque marque de L’Oréal Luxe possède son propre site internet, basé sur un modèle similaire. Mais chaque marque a sa propre identité et un public différent. Les optimisations qui pourraient fonctionner pour l’un ne fonctionnent pas forcément pour les autres. Voilà pourquoi nous avons besoin d’un outil comme AB Tasty.

Virginie Robert, Digital Project Manager chez L’Oréal Luxe

Rendre la page panier simple et attractive

Le KPI principal de nos clients e-commerce est souvent le même : maximiser le revenu total sur leur site. Nous avons remarqué que les marques de luxe ont ce même enjeu et se tournent de plus en plus vers des solutions comme AB Tasty pour mener des programmes d’optimisation en continu. Pour la marque de beauté haut de gamme, Kiehl’s les performances de leur site web sont très importantes pour la marque car elle a fait le choix d’avoir peu de boutiques à travers le monde.

Pour réaliser ce challenge, les équipes digitales de Kiehl’s se sont concentrées sur la page panier. L’idée ? Développer un nouvel élément visuel avant de valider son achat, dans le but d’inciter les internautes à profiter d’un cadeau exclusif offert à partir d’un montant de panier défini.

Les internautes ont été particulièrement sensibles à cette jauge. Très facilement identifiable, cette incentive a permis d’enregistrer +7% de Clics sur le CTA “Continuer” et surtout, d’impacter réellement le panier moyen de près de 5% !

Nous avons ainsi constaté une hausse de près de +31% du revenu total, 25% de transactions supplémentaires, +31% de revenus par visiteur.

Ajouter des éléments de réassurance sur les pages “à risque”

Lorsque nous parlons de pages “à risque”, nous entendons par là toutes les pages qui présentent un fort potentiel de taux de rebond. Il s’agit des pages produits et paniers en particulier. Si l’internaute ne trouve pas rapidement quelques éléments de réassurance pour le convaincre de passer à l’achat, il quittera le site en quelques secondes à peine.

Marjorie Galiano (Head of Digital and CRM) a souhaité utiliser AB Tasty pour effectuer des tests afin d’augmenter les achats sur leur site web. Elle avait identifié un point de friction chez les consommateurs d’agnès b. durant leur parcours d’achat. Elle a donc décidé de tester l’ajout de deux éléments aux pages produits et panier : un bouton situé juste au-dessus du CTA “ajouter au panier”, ainsi qu’une bannière en haut des pages produits. Chaque élément annonce la livraison gratuite à partir de 250 €, ainsi qu’une politique de retour gratuit.

Après avoir mené le test durant trois semaines, Marjorie a récolté des résultats complets qui lui ont permis de renforcer son intuition : les visiteurs qui passaient le tunnel d’achat accompagnés par des messages rassurants ont montré des taux de transactions 2 fois plus élevés que pour la version originale.

Abonnez-vous à
notre Newsletter

bloc Newsletter FR

AB Tasty traite et stocke vos données personnelles pour vous envoyer des communications tel que détaillé dans notre politique de confidentialité ici.

Article

12min lecture

Les 10 meilleures techniques pour optimiser vos pages « panier »

On ignore combien de personnes abandonnent réellement leur panier. Certaines études disent 80%, d’autres environ 65%. En réalité, personne ne connaît vraiment le taux d’abandon de panier avec exactitude, puisqu’il peut varier d’un secteur à un autre. Pour y voir plus clair – et peut être résoudre ce mystère – Baymard Institute a présenté une analyse étonnante qui a comparé 37 études différentes sur le taux d’abandon de panier. Ils ont découvert qu’à partir de 2017, le taux moyen d’abandon de panier est d’environ 70%.

Cela n’a rien de surprenant pour les experts du marketing digital. Ils savent mieux que personne que 7 personnes sur 10 abandonnent régulièrement leur panier, même après avoir ajouté plusieurs produits. De ce fait, tout mettre en oeuvre pour réduire le taux d’abandon est une priorité absolue pour tout site e-commerce cherchant à augmenter ses conversions et ses revenus !

Avant de commencer notre sélection des 10 meilleures pratiques pour optimiser votre panier, nous tenions à vous rappeler que votre taux de conversion dépend également d’autres variables. Voilà pour la parenthèse CRO, passons aux 10 conseils pratiques à présent.

Les 10 meilleures techniques pour optimiser vos pages « panier »

Tout d’abord, commençons par les bases. Votre panier doit être :

  • Clair
  • Simple
  • Rapide

Cette formule simple en 3 étapes est la pierre angulaire de toute page panier réussie. Examinons de plus près ces 3 éléments.

Clair

« Clair » signifie que votre page panier n’a rien de louche ou de perturbant. Idéalement, cette page devrait afficher toutes les informations importantes en un coup d’oeil – c’est-à-dire sans avoir besoin de scroller la page, ni d’en visiter une autre.

Simple

“Simple” signifie que votre page panier affiche toutes les informations en utilisant un langage limpide et explicite, accompagné un design qui ne laisse aucune place à l’incompréhension. Evitez aussi d’avoir une structure confuse ou un code couleur douteux.

Rapide

Plus les visiteurs passent de temps sur votre page panier, plus ils sont susceptibles d’hésiter et de partir. Si vous appliquez les deux premiers éléments critiques (clair + simple) à votre page, elle devrait être tout naturellement “rapide”. En effet, les utilisateurs ne passeront que le stricte minimum de temps pour examiner leur commande avant de passer à l’achat.

Maintenant que vous avez connaissance de ces 3 éléments cruciaux, il est grand temps de plonger dans nos 10 meilleures techniques pour les pages panier de site e-commerce.

1 – Faire un résumé détaillé du produit

Quelques instants avant de passer à la caisse, vos internautes vont atterrir sur votre page panier qui n’a qu’une mission : les amener à payer.

Pour la plupart des acheteurs en ligne, le panier est une page permettant de passer en revue leur commande. Afin de les aider, votre mission est d’afficher clairement toutes les informations pertinentes concernant le produit.

Ne pas oublier d’inclure :

  • Image (voir conseil n°3)
  • Nom exact (particulièrement important si vous vendez des produits similaires)
  • Caractéristiques (la puissance, la capacité, la mémoire, les fonctionnalités …)
  • Quantité (certaines personnes peuvent vouloir en acheter plus d’un)
  • Taille (très important dans la mode pour les vêtements, les accessoires …)
  • Couleur (c’est l’un des principaux facteurs de retour produits)

Le fait de fournir clairement tous ces éléments à vos clients les aide à passer en revue rapidement leur commande avant de l’acheter. Cela réduit le taux de personnes qui abandonnent leur panier à cause d’informations peu claires.

Detailed product summary on shopping cart page

Sur leur page panier, le site e-commerce de mode ASOS, résumé clairement et facilement la commande : l’internaute sait exactement quel produit il va acheter, ainsi que sa couleur et sa quantité.

Point Bonus pour le CTA « Enregistrer pour plus tard » (voir le conseil n°8).

2 – Utiliser un code couleur clair et convivial

Il y a eu de nombreuses études sur la psychologie derrière l’utilisation des couleurs. Pour être honnête, il n’existe pas de réponse unique ni de couleur qui convienne à tous les sites web. Encore moins une couleur qui permettra de résoudre tous les problèmes de taux d’abandon de panier : chaque industrie utilise plus ou moins un code couleur pour son CTA de commande / paiement (voir la source).

Ce qui est certain, c’est que les visiteurs adorent l’harmonie et les design claires en matière d’UX. Lors de la création de votre page panier, n’oubliez pas qu’elle doit correspondre à votre charte graphique générale mais qu’elle doit aussi être rassurante.

Clean color code on shopping cart page

La célèbre marque de chaussures Jimmy Choo utilise un code couleur noir et blanc à la fois élégant et efficace afin d’afficher clairement les informations sur la page panier. Notez que le bouton de paiement est le seul bouton de la page. Dans ce contexte, la couleur noire le rend encore plus cliquable.

3 – Insérer des images miniatures lumineuses et de bonne qualité

Il n’y a rien de plus agaçant qu’une minuscule miniature qui aide à peine à identifier un produit.
Lorsque vos clients examinent les produits de votre site, donnez-leur la possibilité de le voir correctement, dans une taille et une résolution de qualité.

N’oubliez pas les utilisateurs mobiles ! L’affichage d’une image de taille correcte et de bonne qualité leur permet de bénéficier d’une meilleure expérience mobile.

Bright thumbnail pictures on shopping cart page

Avec Apple, il est très facile de distinguer le produit que vous avez choisi sur la page de leur panier : en un coup d’oeil, vous savez que c’est le bon. L’image utilisée par Apple est claire, nette et nous sommes absolument certains d’avoir la bonne couleur dans notre panier.

4 – Hiérarchiser les informations et les autres CTA

La hiérarchie des informations est permet d’afficher et classer les informations en fonction de leur importance. Lors de la conception des pages panier, faites attention à la logique derrière les CTA, les blocs et les titres car ils vont fortement influencer la perception des utilisateurs.

La règle de base est simple : éviter toute confusion possible en gardant cette page panier le plus clair et simple possible.

Vous pouvez utiliser plusieurs couleurs différentes (de préférence assorties à votre charte graphique) mais nous vous recommandons un maximum de 3-4 couleurs sur une même page.

En effet, les couleurs vous aident à attirer l’attention des visiteurs. Utilisez-les judicieusement pour :

  • Souligner les informations importantes
  • Distinguer le CTA principal
  • Structurer votre page avec des blocs ou des traits

Shopping cart page with clear information hierarchy

Le site e-commerce Zappos fournit une expérience utilisateur efficace et claire sur sa page panier.

Sa page panier n’est pas révolutionnaire mais elle guide avec agilité les clients tout au long du parcours d’achat : nous notons la mise en page soignée, soulignée par un simple code couleur en 3 étapes (orange = très important, bleu = important, gris = secondaire).

5 – Proposer plusieurs options de paiement

Proposer différentes options de paiement est une nécessité un environnement ultra-concurrentiel comme le e-commerce. Cela vous aidera non seulement à obtenir davantage de conversions, mais également à rassurer les visiteurs habitués à une solution de paiement particulière.

On estime que 50% des acheteurs réguliers annuleraient leur achat si leur mode de paiement préféré n’est pas disponible.

Si votre site e-commerce propose ses produits à l’international, n’oubliez pas que les méthodes de paiement diffèrent d’un pays à l’autre : ce qui est utilisé aux États-Unis n’est pas nécessairement le même qu’en Europe ou en Asie.

Enfin, vous pouvez rediriger vos clients (en se basant sur leur adresse IP) afin de leur offrir une expérience personnalisée en fonction de la devise utilisée et de leurs moyens de paiement préférées.

Si vous ne savez pas quelle option de paiement mettre en œuvre en premier, consultez l’étude de Statista sur les méthodes globales de paiement en ligne préférées.

Various payment options on shopping cart page

La marque de sport Adidas propose 6 méthodes de paiement différentes dont Paypal, VISA et Apple Pay : c’est aujourd’hui une nécessité absolue pour les grands magasins ou les magasins mondiaux.

6 – Ajouter des éléments de réassurance

Une étude récente menée par Econsultancy indique que certains éléments permettent de gagner la confiance des clients : paiement sécurisé, retour gratuit, livraison offerte, etc. En fait, ces éléments de réassurance comptent plus que les recommandations de clients ou un design rassurant :

Trust seals importance

7 – Multiplier les points de contact

Si nous reprenons encore une fois l’étude d’Econsultancy sur les facteurs les plus déterminants pour la confiance des clients, nous notons que “l’affichage d’un numéro de contact et des points de contact clairs” arrive en deuxième position.

En fait, vos visiteurs veulent avoir l’impression d’avoir des êtres humains derrière votre site web – plus communément appelé le service client.

Même si c’est une option relativement nouvelle pour les e-commerçants, offrir un service de chat en direct ou d’assistance téléphonique directement sur la page panier est un excellent moyen d’augmenter les conversions, gagner la confiance des clients et valoriser l’image de votre marque.

Après tout, nous courons tous après la reconnaissance des marques, n’est-ce pas ?

En ce qui concerne le choix de l’assistance, gardez à l’esprit que chaque cible a ses préférences, comme le montre clairement cette enquête menée par Software Advice :

Live chat and assistance option on shopping cart page

Live chat integration on shopping cart

La marque Victoria’s Secret mise sur sa charte graphique flashy pour augmenter la visibilité de son CTA.

Elle propose astucieusement une option de chat en direct à l’intérieur de la page du panier afin de surmonter les obstacles à l’achat : c’est un moyen intelligent de répondre aux questions de dernière minute.

8 – Permettre de continuer les achats

Nous allons passer rapidement sur ce point, suffisamment explicite, mais une option afin de mettre aux acheteurs de poursuivre leurs achats est un moyen astucieux de leur offrir un moyen « d’abandonner » leur panier sans quitter votre site web.

Certains acheteurs en ligne utilisent en fait des paniers comme “wishlist” : ils y stockent simplement leurs futurs achats, car ils prévoient de passer à la caisse plus tard (dans la journée, dans quelques jours, voire plus tard encore).

9 – Donner des informations explicites et détaillées sur la livraison et les retours

Savez-vous qu’elle est la principale raison de l’abandon de panier aux États-Unis ? Ce sont les frais d’expédition cachés.

C’est un fait, les acheteurs en ligne détestent par dessus tout les coûts cachés et les frais d’expédition de dernière minute, comme le montre l’étude de Statista :

Main reasons for shopping cart abandonment

Il est grand temps que les sites e-commerce soient plus transparents en ce qui concerne les politiques d’expédition et de retour : c’est un facteur clé pour améliorer la conversion et gagner la confiance des clients.

En d’autres termes, vous devez fournir des informations claires sur les frais d’expédition : vous pouvez le faire directement à partir de la page du produit pour réduire les abandons de panier par la suite.

10 – Mettre en avant des produits complémentaires

Les produits complémentaires (cross-selling) n’ont rien de nouveau dans le e-commerce. L’affichage de produits complémentaires dans le panier est toutefois quelque chose de nouveau que de nombreux sites web commencent à tester.

Néanmoins, nous vous conseillons vivement de surveiller toute modification liée à la conversion, car les produits complémentaires n’augmentent pas nécessairement les conversions en ligne, même si elles augmentent votre valeur moyenne du panier.

Complementary products displayed on shopping cart page

N’hésitez pas à partager et consulter nos autres articles sur la façon d’optimiser votre site web, d’augmenter vos taux de conversion ou améliorer votre UX.