Flèche retour

Retour

Bannière Carrefour

01 Contexte

Client : Carrefour

Rôle : Designer Senior

Année : 2019

Lieu : Paris

 

Pendant plus d’un an, j’ai participé à la transformation digitale du site e-commerce de Carrefour, au sein d’une organisation agile à grande échelle.

 

Mon rôle :

  • repenser la navigation e-commerce,
  • concevoir des homepages personnalisées selon les personas,
  • créer la page de localisation des magasins,
  • transformer le catalogue papier en parcours digital,
  • et contribuer à la documentation UI en cohérence avec le Design System.

 

Ce projet s’inscrivait dans un programme stratégique visant à moderniser l’expérience d’achat en ligne et améliorer le parcours “faire ses courses”.

02 Prototype & Navigation

Améliorer le cœur de l’expérience : “faire ses courses”

L’un des plus grands enjeux utilisateurs concernait la navigation : la capacité à trouver rapidement ses produits et composer un panier complet.

 

Pour cela, j’ai travaillé à partir :

  • de feedbacks clients,
  • d’hypothèses UX,
  • de tests utilisateurs (clients Carrefour, concurrents, novices),
  • d’analytics & chronométrage d’un panier type.

 

Objectif : → Concevoir une navigation utilisable, efficiente et rapide.

Insights clés :

  • Les utilisateurs privilégient l’image, plus efficace que l’icône pour identifier une catégorie.
  • Les sous-catégories doivent s’ouvrir automatiquement au survol, sans clic supplémentaire.
  • Les niveaux de profondeur doivent être limités :

→ les catégories fines deviennent des filtres dynamiques en PLP.

Nouvelle navigation Mobile de Carrefour
Nouvelle navigation Desktop de Carrefour
Nouvelle navigation sur fiche produits de Carrefour

03 Design System & Documentation

De la refonte UI à la standardisation

Une fois la navigation validée, j’ai travaillé avec les développeurs pour :

  • documenter chaque élément,
  • garantir l’alignement avec le Design System existant,
  • accélérer la production en sprint,
  • assurer une intégration fidèle au design.

 

Ce travail de documentation a permis une meilleure transmission UX → UI → Dev, et une réduction des retours lors des phases de QA.

Design System de la navigation

04 Personas & Onboarding

Une homepage personnalisée selon le type d’utilisateur

L’onboarding est le premier point d’entrée du parcours.

Pour Carrefour, ce point clé était la homepage, qui devait s’adapter à plusieurs profils :

  • First Time Visitor : découverte de l’offre
  • Returning Visitor : personnalisation du contenu
  • Fidelity Card Owner : mise en avant des avantages
  • Online Buyer : accès rapide aux courses, réassort, promos

 

Ce travail de segmentation UX a permis de concevoir plusieurs variantes de Homepage, chacune adaptée à un usage réel.

First Time Visitor

Onboarding First Time Visitor

Online Buyer

Onboarding Online Buyer

05 Conclusion

Ce projet a permis à Carrefour de :

 

✔ Moderniser son expérience e-commerce,

✔ Accélérer la navigation et la construction d’un panier,

✔ Proposer des homepages personnalisées,

✔ Harmoniser l’UI avec le Design System,

✔ Améliorer la cohérence globale du parcours.

→ Pour découvrir le retour d’expérience complet (Design System, Design Ops, workflow UX/UI et organisation plateau agile), consultez mon article :

“L’Expérience Design au sein de Carrefour”

© Gaëlle Brun

All Rights Reserved

Flèche retour

Retour

Bannière Carrefour

01 Contexte

Client : Carrefour

Rôle : Designer Senior

Année : 2019

Lieu : Paris

 

Pendant plus d’un an, j’ai participé à la transformation digitale du site e-commerce de Carrefour, au sein d’une organisation agile à grande échelle.

 

Mon rôle :

  • repenser la navigation e-commerce,
  • concevoir des homepages personnalisées selon les personas,
  • créer la page de localisation des magasins,
  • transformer le catalogue papier en parcours digital,
  • et contribuer à la documentation UI en cohérence avec le Design System.

 

Ce projet s’inscrivait dans un programme stratégique visant à moderniser l’expérience d’achat en ligne et améliorer le parcours “faire ses courses”.

02 Prototype & Navigation

Améliorer le cœur de l’expérience : “faire ses courses”

L’un des plus grands enjeux utilisateurs concernait la navigation : la capacité à trouver rapidement ses produits et composer un panier complet.

 

Pour cela, j’ai travaillé à partir :

  • de feedbacks clients,
  • d’hypothèses UX,
  • de tests utilisateurs (clients Carrefour, concurrents, novices),
  • d’analytics & chronométrage d’un panier type.

 

Objectif : → Concevoir une navigation utilisable, efficiente et rapide.

Insights clés :

  • Les utilisateurs privilégient l’image, plus efficace que l’icône pour identifier une catégorie.
  • Les sous-catégories doivent s’ouvrir automatiquement au survol, sans clic supplémentaire.
  • Les niveaux de profondeur doivent être limités :

→ les catégories fines deviennent des filtres dynamiques en PLP.

Nouvelle navigation Mobile de Carrefour
Nouvelle navigation Desktop de Carrefour
Nouvelle navigation sur fiche produits de Carrefour

03 Design System & Documentation

De la refonte UI à la standardisation

Une fois la navigation validée, j’ai travaillé avec les développeurs pour :

  • documenter chaque élément,
  • garantir l’alignement avec le Design System existant,
  • accélérer la production en sprint,
  • assurer une intégration fidèle au design.

 

Ce travail de documentation a permis une meilleure transmission UX → UI → Dev, et une réduction des retours lors des phases de QA.

Design System de la navigation

04 Personas & Onboarding

Une homepage personnalisée selon le type d’utilisateur

L’onboarding est le premier point d’entrée du parcours.

Pour Carrefour, ce point clé était la homepage, qui devait s’adapter à plusieurs profils :

  • First Time Visitor : découverte de l’offre
  • Returning Visitor : personnalisation du contenu
  • Fidelity Card Owner : mise en avant des avantages
  • Online Buyer : accès rapide aux courses, réassort, promos

 

Ce travail de segmentation UX a permis de concevoir plusieurs variantes de Homepage, chacune adaptée à un usage réel.

First Time Visitor

Onboarding First Time Visitor

Online Buyer

Onboarding Online Buyer

05 Conclusion

Ce projet a permis à Carrefour de :

 

✔ Moderniser son expérience e-commerce,

✔ Accélérer la navigation et la construction d’un panier,

✔ Proposer des homepages personnalisées,

✔ Harmoniser l’UI avec le Design System,

✔ Améliorer la cohérence globale du parcours.

→ Pour découvrir le retour d’expérience complet (Design System, Design Ops, workflow UX/UI et organisation plateau agile), consultez mon article :

“L’Expérience Design au sein de Carrefour”

© Gaëlle Brun

All Rights Reserved

Flèche retour

Retour

Bannière Carrefour

01 Contexte

Client : Carrefour

Rôle : Designer Senior

Année : 2019

Lieu : Paris

 

Pendant plus d’un an, j’ai participé à la transformation digitale du site e-commerce de Carrefour, au sein d’une organisation agile à grande échelle.

 

Mon rôle :

  • repenser la navigation e-commerce,
  • concevoir des homepages personnalisées selon les personas,
  • créer la page de localisation des magasins,
  • transformer le catalogue papier en parcours digital,
  • et contribuer à la documentation UI en cohérence avec le Design System.

 

Ce projet s’inscrivait dans un programme stratégique visant à moderniser l’expérience d’achat en ligne et améliorer le parcours “faire ses courses”.

02 Prototype & Navigation

Améliorer le cœur de l’expérience : “faire ses courses”

L’un des plus grands enjeux utilisateurs concernait la navigation : la capacité à trouver rapidement ses produits et composer un panier complet.

 

Pour cela, j’ai travaillé à partir :

  • de feedbacks clients,
  • d’hypothèses UX,
  • de tests utilisateurs (clients Carrefour, concurrents, novices),
  • d’analytics & chronométrage d’un panier type.

 

Objectif : → Concevoir une navigation utilisable, efficiente et rapide.

Insights clés :

  • Les utilisateurs privilégient l’image, plus efficace que l’icône pour identifier une catégorie.
  • Les sous-catégories doivent s’ouvrir automatiquement au survol, sans clic supplémentaire.
  • Les niveaux de profondeur doivent être limités :

→ les catégories fines deviennent des filtres dynamiques en PLP.

Nouvelle navigation Mobile de Carrefour
Nouvelle navigation Desktop de Carrefour
Nouvelle navigation sur fiche produits de Carrefour

03 Design System & Documentation

De la refonte UI à la standardisation

Une fois la navigation validée, j’ai travaillé avec les développeurs pour :

  • documenter chaque élément,
  • garantir l’alignement avec le Design System existant,
  • accélérer la production en sprint,
  • assurer une intégration fidèle au design.

 

Ce travail de documentation a permis une meilleure transmission UX → UI → Dev, et une réduction des retours lors des phases de QA.

Design System de la navigation

04 Personas & Onboarding

Une homepage personnalisée selon le type d’utilisateur

L’onboarding est le premier point d’entrée du parcours.

Pour Carrefour, ce point clé était la homepage, qui devait s’adapter à plusieurs profils :

  • First Time Visitor : découverte de l’offre
  • Returning Visitor : personnalisation du contenu
  • Fidelity Card Owner : mise en avant des avantages
  • Online Buyer : accès rapide aux courses, réassort, promos

 

Ce travail de segmentation UX a permis de concevoir plusieurs variantes de Homepage, chacune adaptée à un usage réel.

First Time Visitor

Onboarding First Time Visitor

Online Buyer

Onboarding Online Buyer

05 Conclusion

Ce projet a permis à Carrefour de :

 

✔ Moderniser son expérience e-commerce,

✔ Accélérer la navigation et la construction d’un panier,

✔ Proposer des homepages personnalisées,

✔ Harmoniser l’UI avec le Design System,

✔ Améliorer la cohérence globale du parcours.

→ Pour découvrir le retour d’expérience complet (Design System, Design Ops, workflow UX/UI et organisation plateau agile), consultez mon article :

“L’Expérience Design au sein de Carrefour”

© Gaëlle Brun

All Rights Reserved