Iris Prévention
Product Designer — Recherche, UX & UI
J'ai transformé un questionnaire de 93 questions, qui se terminait par un PDF dense de 14 pages, en un parcours de 30 questions qui aboutit à la révélation d'un profil personnalisé. Seule designer sur cette mission freelance, de l'audit à la livraison, avec la CEO, le marketing et les développeurs.
En bref
Problème : un questionnaire de 93 questions abandonné par environ 40 % des salariés avant la fin. Ceux qui allaient au bout cochaient souvent par obligation, et les données s'en ressentaient.
Solution : le questionnaire resserré à 30 questions rythmées, en accord avec les médecins. Le score devient un profil personnalisé parmi cinq : le salarié repart avec une lecture claire de sa situation et sait quoi faire ensuite.
Impact : prototype validé par la CEO, le marketing et les développeurs, testé auprès des utilisateurs, puis livré en web et mobile. Objectif : faire passer l'abandon d'environ 40 % à moins de 20 %.
Contexte
Iris Prévention accompagne plus de 180 entreprises, dont AXA, Vinci, Air France et le Crédit Agricole, dans le suivi de la santé de leurs salariés. Le bilan digital est leur point de contact annuel avec chaque salarié : plus il est rempli sincèrement, plus les recommandations qui en découlent sont utiles. Or le formulaire n'offrait ni contrepartie visible, ni progression lisible, ni résultat qu'on ait envie de lire. Il fallait donner aux salariés une raison d'aller jusqu'au bout.
Page d'accueil du questionnaire
Audit du formulaire existant
À partir du formulaire, j'ai identifié 6 frictions qui pénalisent l'engagement, la complétion et la qualité des données. Pour chacune, j'ai documenté la cause et la décision de redesign ; ce document a servi de base d'arbitrage avec la CEO. L'étiquette « IMC : 28.4 - Surpoids », qui culpabilise sans rien expliquer, a orienté toute la fin du parcours.
Audit UX : frictions 1 à 3
Audit UX : frictions 4 à 6
Recherche utilisateurs
8 entretiens individuels semi-directifs de 45 minutes, menés avant tout travail de conception. Deux freins sont ressortis : le vocabulaire clinique fausse les réponses (7 personnes sur 8), et sans confidentialité affichée, les salariés mentent par peur que leurs réponses remontent aux RH. Une opportunité aussi : l'idée d'un profil donnait envie de le partager, « c'est mon Spotify Wrapped santé ».
Constats de la recherche utilisateurs · FigJam
Constats de la recherche utilisateurs · FigJam
Vue d'ensemble du process de recherche · FigJam
Idéation & flow repensé
À partir de 3 HMW prioritaires et de 3 rounds de Crazy 8 (24 idées), j'ai redessiné le parcours autour de 7 types d'écran : 30 questions réparties en 6 chapitres thématiques. À chaque écran, le salarié sait où il en est et ce qu'il gagne à continuer.
Chaque frein de la recherche a sa réponse : la confidentialité affichée dès l'écran d'intro, et un résultat en profil plutôt qu'en étiquettes cliniques.
Les 5 profils : le résultat prend la forme d'un archétype construit à partir des réponses, avec un nom, une couleur, un récit et des recommandations personnalisées. Chaque profil s'appuie sur un levier d'engagement différent.
Wireframes lo-fi papier : flow redessiné
Dot voting sur les 6 HMW · FigJam
Crazy 8 papier : 3 rounds, 24 idées
Crazy 8 vote : 3 rounds, 24 idées
Fiches personas · FigJam
Pourquoi un profil, pas un score
Le fond médical n'était pas négociable. Pour passer de 93 à 30 questions, j'ai regroupé les questions proches, retiré les encarts « Le saviez-vous ? » et supprimé certaines questions en accord avec les médecins associés à la conception du test. Les 5 profils étaient la demande initiale des équipes d'Iris Prévention : je leur ai donné un visage.
Ce qui existait
Un score par thème, au vocabulaire clinique. Un PDF de 14 pages que le salarié ne relit pas. Aucune contrepartie : l'effort donné n'est jamais restitué.
Ce qu'on a construit
Un profil narratif : nom, couleur, récit, recommandations personnalisées. Une mise en scène dédiée, qui fait de la révélation le point de bascule du parcours. La couleur comme repère : la teinte du profil revient sur tout le parcours et sur le résultat.
Limite identifiée en test : en réduisant, on a aussi retiré le détail contextualisé de l'ancienne page résultat. Le contenu intéressait les utilisateurs, ce sont les termes qui les gênaient : « faiblesses » ou « zones sensibles » sonnaient comme un jugement, comme le vocabulaire clinique relevé en entretien.
Prototype
Ce prototype a été développé avec Claude Code, une première expérimentation pour moi. Les tests utilisateurs ont validé le parcours ; le seul manque relevé concerne la page résultat. La version web et mobile a été livrée, et la page résultat est en cours de révision à partir de ce retour.
Version livrée
Le parcours livré en web et mobile : 30 questions en 6 chapitres, la confidentialité affichée dès l'intro, et la révélation du profil comme point d'arrivée.
Mockup maquette finale
Design system
Cinq tokens persona : une couleur source par profil, reprise sur le parcours et sur le résultat. Les composants sont documentés en tokens (typo, espacements, rayons) : options à 3 états, CTA, barre de progression, blocs statistiques. Les développeurs avancent ainsi sans arbitrage visuel supplémentaire.
Design system
Variant couleur
UI Kits
Takeaways
Ce que ce projet m'a appris :
Un formulaire médical ne se redesigne pas sans comprendre ce que les gens vivent face à lui. Le brief demandait une refonte visuelle ; l'audit a déplacé le problème vers l'expérience. La recherche utilisateurs a tout changé, notamment sur la confidentialité et le vocabulaire clinique, deux freins invisibles depuis l'intérieur.
Prochaine étape :
Je retravaille la page résultat : réintroduire le détail contextualisé, en accès progressif et avec des libellés qui accompagnent au lieu de classer, puis le tester avec les mêmes utilisateurs pour trouver le bon équilibre entre clarté et profondeur.
