Refonte formulaire devis en ligne mutuelle santé
1. Contexte du projet
Présentation client
Mon client est une mutuelle santé régionale indépendante, issue de la fusion de plusieurs mutuelles locales, qui s'adresse à une large gamme de publics, allant des particuliers aux professionnels et entreprises. Présent dans l'Ouest de la France, il propose des solutions de santé et de prévoyance adaptées aux besoins spécifiques des individus et des entreprises.
Problème initial
L’interface actuelle souffrait de problèmes d’ergonomie et d’un taux d’abandon élevé, dû à la complexité et à la longueur du formulaire.
Objectif de la refonte
L’entreprise souhaitait offrir à ses utilisateurs une expérience fluide lors de la demande de devis en ligne, un élément crucial de son service client.
J’ai été sollicitée pour repenser l’expérience utilisateur et augmenter le taux de conversion, avec un objectif initial fixé à +20 %.
2. Le besoin
L'enjeu principal de ce projet était d'optimiser un parcours de devis en ligne jugé trop complexe et chronophage par les utilisateurs, ce qui causait une baisse drastique des conversions.
Mon rôle était donc de transformer ce formulaire en une expérience simple et engageante.
3. Phase de conception
Validation technique
J’ai démarré par la réalisation de wireframes papier qui posait les bases de la future interface, en priorisant la facilité de navigation sur les petits écrans.
Une fois réalisés, j’ai organisé des réunions avec l’équipe de développement pour éplucher chaque écran, et ainsi évaluer la faisabilité technique.
Cette collaboration étroite a permis d’anticiper les potentiels points de friction et d’ajuster les propositions pour garantir une implémentation sans accroc.
Wireframing
J’ai utilisé Figma pour créer les wireframes en tenant compte des contraintes techniques et des besoins des utilisateurs.
Chaque détail a été soigneusement pensé, notamment les micro-interactions. Ces petites animations subtiles, comme une confirmation instantanée après une action, sont essentielles pour renforcer l’engagement utilisateur. Elles apportent une dimension de feedback immédiat, ce qui aide à rendre l'expérience plus rassurante. Ces micro-interactions ont également contribué à réduire l’impression de lourdeur dans les étapes du formulaire, rendant chaque action plus rapide à exécuter.
4. Phase d’itérations
Collaboration avec les parties prenantes
Tout au long du projet, j’ai travaillé en étroite collaboration avec la directrice artistique pour m’assurer que les maquettes respectaient non seulement les wireframes, mais aussi l’identité visuelle de l’entreprise. En parallèle, j’ai maintenu une communication continue avec l’équipe technique pour assurer que les spécifications étaient bien respectées, tout en anticipant et résolvant les problèmes éventuels en cours de route.
Tests utilisateurs
Des tests utilisateurs ont été menés pour valider les choix faits durant la conception. Les retours recueillis ont permis d’affiner les fonctionnalités et d’ajuster certaines interactions avant la phase de développement finale. Ces itérations ont permis de garantir une expérience utilisateur optimisée avant le lancement.
Recettage et validation finale
J’ai dirigé la phase de recettage afin de m'assurer que chaque fonctionnalité et interaction fonctionnait correctement avant le déploiement. J'ai identifié et corrigé les dernières anomalies en collaboration avec l'équipe technique.
5. Résultats
Grâce à cette approche mobile first et à une attention particulière portée aux micro-interactions, nous avons dépassé les objectifs initiaux.
Alors que le but était d'atteindre un taux de conversion de +20 %, nous avons finalement observé une augmentation de 40 % des conversions 🎉
Jean-Marc Cuenin, Président @MetricsValue
"J'ai eu l'occasion de collaborer avec Lucie pour toute la réflexion UX du devis en ligne d'une complémentaire santé. Son apport a été déterminant, à la fois documenté et novateur.
De fait, les résultats sont au rendez-vous en termes de transformation.
Je recommande !"
