Optimisation UX/UI Sephora.fr

Refonte UX et UI 


Afin d'améliorer la transformation sur Sephora.fr, Big District a été sollicité pour son expertise en UX et UI Design.

Visiter Sephora.fr

Les 9 principes du tunnel d’achat


Sephora souhaite lutter contre l’abandon de panier et augmenter son taux de conversion. Big District a entièrement étudié le scope fonctionnel du processus de commande au travers des 9 principes suivants :

Nos expertises

  • Audit UX / UI
  • Atelier collaboratifs
  • Benchmarks
  • Conception UX / UI
  • Responsive design



  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


Des ateliers en remote avec les équipes 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 de l'outil collaboratif Miro,
  • Priorisation des actions.

User expérience (UX)




Définition des user stories


De l’ajout d'un produit au panier jusqu’à la validation de la commande, les user stories permettent de définir la liste exhaustive des différents parcours utilisateurs. Tous les scénarios possibles sont envisagés puis validés avant passage au webdesign.

Nous réalisons une analyse précise de la valeur et de l'utilité de chaque élément, 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)




Maquettes interactives

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…

Vous souhaitez optimiser l'UX/UI de votre site internet ?



Vous avez un projet ?

Notre équipe est disponible pour répondre à vos questions et vous apporter des solutions.

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