Retour

Optimisation UX/UI de Sephora.fr

Amélioration UX du tunnel d'achat de sephora.fr, en collaboration avec les équipes internes de la marque.

Voir le site

Dans un secteur du e-commerce cosmétique concurrentiel, Sephora souhaitait maintenir son leadership en améliorant l'expérience d'achat sur sa plateforme digitale. L'analyse des données utilisateurs avait révélé un potentiel d'optimisation significatif au niveau du tunnel d'achat. Face à ces enjeux commerciaux, Sephora a fait appel à notre expertise en UX design pour repenser et optimiser les étapes clés de ce processus.

Nos expertises

Problématique

Face à un taux d'abandon de panier trop élevé, Sephora avait besoin de fluidifier son tunnel d'achat pour augmenter son taux de conversion.

Nos réponses UX/UI

Apporter des solutions face à des données chiffrées identifiées. 

Les 9 principes du tunnel d’achat

Etude du scope fonctionnel du processus de commande au travers des 9 principes clés

  1. Accompagnement du visiteur : guider et informer l’acheteur jusqu’au checkout
  2. Personnalisation de l’affichage : contextualiser le cross-sell selon son profil, ses habitudes d’achats, le contenu de son panier etc
  3. Branding : veiller à la cohérence graphique entre l’ensemble du site et le parcours d’achat
  4. Navigation et structure : découper le tunnel d’achat en un minimum d’étapes claires et uniques (un écran = une étape)
  5. Notion d’urgence : motiver l’utilisateur à finaliser ses achats en cours en évoquant des offres limitées dans le temps
  6. Continuité et flexibilité : donner à l’utilisateur la possibilité d’interrompre sa tâche en cours et pouvoir la reprendre ensuite, quelque soit le support, dans un parcours omnicanal
  7. Gestion des erreurs : afficher des indications sur la marche à suivre, les champs à remplir
  8. Livraison : favoriser la gratuité de la livraison ou exposer clairement les coûts
  9. Paiement : proposer des moyens de paiement adaptés aux habitudes des consommateurs (Paypal, CB, Apple Pay, ...)

Audit de l'existant et ateliers collaboratifs

Organisation d'ateliers en remote avec les équipes e-commerce

Plusieurs ateliers complémentaires ont permis de mettre à plat l'existant et de lister les bonnes pratiques en matière d'optimisation de tunnel d'achat e-commerce.

  • Benchmark sectoriel
  • Mise à plat de l'expérience utilisateur existante
  • Identification des DO's et DON'Ts à l’aide d'outils collaboratifs
  • Priorisation des actions

Définition des user stories

Définir la liste exhaustive des différents parcours utilisateurs

De l’ajout d'un produit au panier jusqu’à la validation de la commande, les user stories permettent d'envisager tous les scénarios possibles, puis de les validés avant de passer au webdesign. Une analyse précise de la valeur et de l'utilité de chaque élément est réalisée, pour chaque écran, selon les différents “états” :

  • Version “logué” / “non logué”
  • Montant du panier
  • Membre du club Sephora / non membre
  • Produits favoris
  • Codes promo ou avoirs
  • Échantillons sélectionnés

Figma des user stories

Webdesign des écrans (UI)

Création des maquettes interactives

Afin d’offrir la meilleure projection possible du client, au fil des arbitrages et de la mise en forme, les écrans sont travaillés directement en webdesign (versus wireframes). L’UX et l’UI webdesigners collaborent en simultané sur le Design System de Sephora. Des prototypes interactifs sont créés pour chaque user story grâce à la fonction Smart Animate de Figma :

  • Animation des formulaires
  • Gestion des pop-up
  • Scroll et sticky navigation…

Le résultat ?

L'étude des statistiques à permis de mesurer les bénéfices des optimisations mises en place en comparant les données avant / après.

Et vous ?

Vous aussi, vous avez un projet ambitieux en tête ? N’attendez plus, contactez-nous pour créer une expérience digitale sur-mesure qui fera la différence !

Contactez-nous

ou appelez-nous au
+ 33 1 84 17 06 36

Nos expertises UX à travers d'autres projets

Paylib x Wero

Passation de Paylib à Wero, une nouvelle solution de paiement européenne, en assurant une transition claire et fluide pour les utilisateurs.

voir le projet

Atelier de Paris

Identité digitale et site internet WordPress

voir le projet

Jeu de Paume

Reprise, optimisation & évolution continue - site WordPress

voir le projet

Fondation Macif

Site vitrine et platforme sur-mesure Laravel

voir le projet

Essity France

Audit, conseil et retravail UX

voir le projet

Grand Paris Seine Ouest

Site internet sur-mesure

voir le projet

Didaxis

La refonte d’un site vitrine ultra personnalisé et personnalisable

voir le projet

Isautier

Création d'un site immobilier, centré utilisateurs et conversion

voir le projet

Paylib

Après avoir créé un premier site en 2016, Paylib Services renouvelle sa confiance en Big District et We Are Young pour la réalisation d'une plateforme plus ambitieuse orientée transformation.

voir le projet

Logivolt

Créer une MVP (Minimum Viable Product) fonctionnelle et convaincante.

voir le projet

Hyde Recruit

Site internet WordPress

voir le projet