#UserResearch
#ProductDesign
#UXDesign
#UIDesign
#DesignSystem
Jengu
Comprendre, partager, agir
Une plateforme communautaire qui centralise échanges, ressources et orientation médicale pour les femmes confrontées aux troubles gynécologiques et hormonaux.
Constat
Des millions de femmes avancent seules dans leur parcours gynécologique et hormonal. SOPK, endométriose, fibromes, troubles du cycle, des pathologies qui touchent des millions de femmes en France, souvent dès l'adolescence et pour lesquelles le parcours de soin est long, fragmenté, épuisant.
Ce constat, je l'ai confirmé sur le terrain.
Quatre entretiens d'une heure avec des femmes de 17 à 56 ans, toutes concernées par un trouble gynécologique ou hormonal, pour comprendre leur parcours de soin et leur rapport à l'information.
« J'ai même fait des allers-retours aux urgences, on me disait que c'était dans ma tête »
Clarisse, SOPK, diagnostiquée après des années d'errance
« Il a conclu qu'il n'y avait rien de grave. J'ai dit mais alors pourquoi mon ventre est aussi gonflé et dur ? Il a dit que j'avais sans doute beaucoup mangé. »
Magalie, fibromes, pronostic d'infertilité annoncé
« Au moment de mon diagnostic, je ne connaissais personne qui avait un SOPK. »
Clarisse
Les solutions numériques existantes ne répondent pas au problème : les applis de tracking restent superficielles, les forums généralistes sont désorganisés, les sites médicaux institutionnels sont froids et impersonnels. Aucune ne fait le lien entre expérience vécue, information fiable et orientation concrète vers des professionnels.
Il manquait un espace intermédiaire.
Jengu est cet espace.
Proposition de valeur
Quatre besoins sont ressortis des entretiens et de l'analyse des communautés existantes. Chacun est devenu une dimension du produit, avec sa propre couleur associée.
Jengu est une plateforme web communautaire dédiée à la santé gynécologique et hormonale.
Elle centralise en un seul endroit :
Design System
Pyramide, le système derrière l'interface
Un système construit en parallèle du produit, documenté sur Zeroheight, pensé pour être repris par une équipe qui n'existe pas encore.
Tokens sémantiques
Composants Figma
Pages de documentation
Tokens
Deux niveaux, primitifs et sémantiques. Les couleurs de dimension sont déclarées une fois et propagées partout. Changer l'identité visuelle d'une dimension se fait à un seul endroit, pas sur soixante-quatre composants.
L'accessibilité vit dans le composant
Chaque composant a un onglet A11 destiné aux développeurs. On y trouve les comportements clavier, les rôles ARIA, les règles de contraste, les textes alternatifs pour les images qui le nécessitent, et les bonnes pratiques de rédaction et d'usage des icônes.
L'éco-conception comme arbitrage
Pyramide intègre des principes d'éco-conception visant à réduire l'empreinte technique des interfaces, sans compromis sur l'expérience. Deux règles sont documentées, d'autres suivront.
Images optimisées
Chaque image uploadée est compressée et convertie en WebP, un format plus léger que le JPEG ou le PNG à qualité équivalente.
Comportements natifs
Le système s'appuie sur ce que le navigateur fournit déjà plutôt que de le recréer, comme le focus natif conservé à la place d'un focus ring personnalisé.
Les images, à l'échelle
Sur une plateforme où les images sont uploadées par les utilisatrices, aucune équipe ne peut rédiger les textes alternatifs à la main. Jengu génère automatiquement l'attribut alt via une API de vision, avec un prompt calibré : neutre, factuel, sans formule introductive, en français.
La génération automatique ne remplace pas un texte alternatif humain. Elle garantit qu'aucune image ne reste sans description. Sur une plateforme de santé, l'accessibilité est une question d'équité.
Tests utilisateurs
6 tests, 8 modifications du design system
Deux parcours testés en modéré, six participantes de 19 à 42 ans, toutes concernées par un trouble gynécologique ou hormonal. Chaque tâche notée de 0 à 2, chaque observation consignée dans un repository d'atomic research.
Score moyen par parcours
Parcours exploration
1,8/2
Découvrir et rejoindre une communauté, trouver un article certifié, identifier un professionnel dans l'annuaire.
Parcours contribution
1,7/2
Créer un fichier depuis son espace personnel, puis le partager dans une communauté.
Le bouton Rejoindre que personne ne voyait
Observé
4 participantes sur 6 ne l'ont pas trouvé.
Score moyen 1,4 / 2.
Entendu
« Je n'aurais pas cliqué sur le bouton rejoindre, pour moi c'est en dehors de la communauté et je cherche spontanément dans la communauté. » - Priscillia
Cause
Positionné au-dessus de la bannière, hors de la zone de contenu, le bouton sort du périmètre de lecture naturel. Zappé au premier scroll.
Corrigé dans l'écran
Déplacé au-dessus du panneau d'informations générales de la communauté.
Corrigé dans le système
Nouvelle règle de placement ajoutée aux Foundations de Pyramide : le bouton primaire doit être positionné dans la zone de contenu principale, jamais au-dessus d'une bannière ou dans une marge.
Avant
Après
Limites
Ce que je n'ai pas fait
Pas de version mobile
La conception a démarré en desktop pour donner une vision rapide et globale des fonctionnalités de Jengu. Ce format permet de présenter la proposition de valeur et le design system en une seule vue, ce qui était nécessaire pour la démonstration orale du projet.
En conditions réelles, j'aurais commencé par le mobile, pour garantir dès le départ que cette densité de contenu reste lisible et cohérente sur les écrans les plus contraints.
Le système est prêt pour la suite : breakpoints définis, composants dimensionnés pour les tailles mobiles. Les maquettes mobiles sont l'étape suivante.
Panel de test limité
Six participantes, aucune au-delà de 42 ans, pratiquement toutes urbaines, recrutées en partie par réseau.
Les résultats sont donc en partie biaisés.
Panel de test limité
Back-office de modération, création de communauté, page création de compte et connexion, onboarding de création de compte, paramètres, messagerie, profil et bien d'autres pages sont pour l'instant cartées volontairement pour concentrer l'effort sur les parcours qui portent la proposition de valeur.
Ce que je surveillerais en production
Le ratio lectrices / contributrices, la part de posts restés sans réponse à 48 heures, la rétention à J30. Une communauté de santé meurt du silence avant de mourir du bruit.
Ce que j'en retire
Un design system n'est pas un livrable, c'est un outil au service d'une expérience.
Le vrai travail n'a pas été de construire le système.
Il a été de le laisser bouger quand les tests l'ont exigé.
PLUS DE PROJETS
Un projet en appelle un autre
Découvrez la suite.
Contact
Recruteur, collaborateur ou curieux, écrivez-moi !