Contexte
L’entreprise disposait de plusieurs configurateurs produits permettant aux utilisateurs de personnaliser leurs articles avant achat. La page existante était dense, peu lisible et difficile à comprendre, ce qui affectait l’engagement et augmentait les abandons de parcours.
Problématique
L’ancienne page présentait plusieurs points de friction :
Informations peu hiérarchisées, navigation complexe, manque d’indications sur la valeur des configurateurs, adaptation mobile insuffisante
Objectif : rendre la page plus claire, intuitive et efficace.
Public cible & besoins identifiés
Les utilisateurs cherchent : À comprendre rapidement quel configurateur correspond à leur besoin. À accéder facilement à l’outil adapté. À naviguer dans une interface visuelle, simple et claire. À personnaliser leurs produits sans effort, y compris sur mobile.
Démarche & Processus UX
1. Analyse de l’existant
-
Cartographie de la page actuelle
-
Évaluation de la lisibilité et de la hiérarchie
-
Identification des frictions et des redondances
2. Elaboration
-
Propositions de simplification de la structure
-
Définition d’une nouvelle organisation par catégories
3. Wireframes
-
Création de prototypes
-
Test interne pour valider l’organisation
4. UI Design
-
Refonte complète :
-
Blocs et cards plus lisibles - Visuels produits mis en valeur
- CTA clairs et homogènes
- Charte graphique respectée
- Déclinaisons mobile & desktop
5. Itérations
-
Ajustements suite aux retours des équipes.
-
Définition d’une version équilibrée entre design & performance.
Solution finale
-
Mise en avant des configurateurs sous forme de cards organisées.
-
Hiérarchisation claire des informations.
-
Interface plus moderne, respirante et efficace.
-
Navigation mobile optimisée.
-
Page alignée sur l’identité visuelle de la marque.
-
Parcours simplifié → moins d’abandon, plus d’engagement.
Résultats & Impact
Même sans métriques exactes, la refonte apporte :
-
Une meilleure compréhension immédiate des options
-
Un accès simplifié aux configurateurs
-
Une expérience mobile fluide
-
Une image plus professionnelle et cohérente
Apprentissages & Suite
Ce projet a renforcé :
-
L’importance d’une hiérarchie visuelle solide
-
La valeur d’une approche Design Thinking (analyse → élaboration→ test)
-
La collaboration étroite entre équipes pour affiner l’expérience
Prochaines pistes : tests A/B, ajout de micro-animations, optimisation des taux de clics.
