Confidentiel

Contexte : Optimiser l’expérience d’un Organisme de Formation pour déposer, suivre et faire évaluer des dossiers de formation/session, en intégrant les contraintes métiers.

UX Product Design

UI Product Design

Product Designer

Refonte UX d’une plateforme de dépôt de dossiers de formation

Openclassrooms

<p><strong>Objectifs principaux</strong></p><ul><li><p><strong>rendre le contenu compréhensible, accessible et sans surcharge cognitive;</strong></p></li><li><p><strong>construire une architecture de l’information intuitive et universelle;</strong></p></li><li><p><strong>assurer une navigation cohérente pour des personas aux besoins émotionnels variés;</strong></p></li><li><p><strong>produire les fondations UX de la future application (flux, arborescence, wireframes).</strong></p></li></ul><p></p><p><strong>Mon rôle<br>UX designer</strong></p><p>En tant qu’UX Architect, j’ai pris le relais après la recherche utilisateur menée par Pia.<br>J’ai conçu la structure globale de l’application : catégories, navigation, hiérarchie, étiquettes, parcours utilisateurs par persona, puis un wireframe fonctionnel.</p><p></p><p>Solutions</p><ul><li><p><strong>organisation et hiérarchisation d’un large volume de contenus pour créer une structure simple, lisible et adaptée au mobile;</strong></p></li><li><p><strong>définition d’une arborescence claire et facilement navigable, issue d’un travail de tri et de regroupement des thèmes;</strong></p></li><li><p><strong>élaboration de parcours utilisateurs adaptés aux différents profils émotionnels identifiés dans la recherche;</strong></p></li><li><p><strong>conception d’un wording doux et accessible afin de rendre l’expérience rassurante et non anxiogène;</strong></p></li><li><p><strong>mise en place d’un fil conducteur autour du suivi personnel pour offrir un point d’ancrage stable dans l’application;</strong></p></li><li><p><strong>production de wireframes fonctionnels illustrant la hiérarchie, le rythme visuel et la logique de navigation.</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4n901qllte5sdq5y1y9yk4.png"><div class="image-overlay"></div></div></div></div></li></ul><p>Résultats &amp; Impact</p><p>Le projet a permis de transformer un ensemble de contenus denses, fragmentés et anxiogènes en une architecture claire, structurée et pensée pour le bien-être émotionnel des utilisateurs. La nouvelle organisation présente une hiérarchie explicite, des catégories homogènes et une navigation cohérente capable de s’adapter à des besoins émotionnels variés. La centralisation du suivi personnel, associée à un wording inclusif et apaisant, crée un environnement plus sécurisant pour des personnes potentiellement vulnérables. Les fondations conçues — arborescence, flux et wireframes fonctionnels — offrent désormais une base solide, scalable et facilement exploitable par les équipes produit et design. Cet alignement fort entre contenus, intentions émotionnelles et architecture UX pose les premiers jalons d’une application réellement apaisante, intuitive et accessible.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4n9fonlvs55sfodzt9emmn.png"><div class="image-overlay"></div></div></div></div>

Équi-libre, un institut de recherche en santé mentale (fictive), souhaitait transformer un site web dense et complexe en une application mobile claire, inclusive et apaisante.
Le volume de contenus était important : ressources, exercices, outils de suivi, journaux, articles, conseils. L’enjeu était de hiérarchiser, rationaliser et structurer ces contenus pour faciliter la navigation.

User Research

Content Strategy

Figma

Conception UX : architecture des contenus & wireframes

<p><strong>Objectifs principaux</strong></p><ul><li><p><strong>comprendre les problèmes de navigation et de lisibilité sur mobile.</strong></p></li><li><p><strong>mesurer le niveau d’accessibilité (WCAG 2.1 AA).</strong></p></li><li><p><strong>simplifier la lecture, clarifier l’offre et faciliter l’accès à la réservation.</strong></p></li><li><p>proposer une <strong>feuille de route d’améliorations UX</strong> priorisées par impact.</p><p></p></li></ul><p><strong>Mon rôle<br>UX designer</strong></p><p>En tant qu’UX Designer au sein de l’agence Mondodo (fictif), j’ai réalisé l’<strong>audit complet</strong>, formulé les <strong>recommandations UX</strong> et construit le livrable final (présentation PowerPoint détaillée).</p><p></p><p>Solutions</p><ul><li><p><strong>rendre l’information immédiatement compréhensible</strong> grâce à une structure de contenu plus claire et une hiérarchie visuelle simplifiée.</p></li><li><p><strong>fluidifier la navigation mobile pour que les utilisateurs trouvent ce qu’ils cherchent en moins d’actions;</strong></p></li><li><p><strong>mettre en avant l’action principale (celle qui fait avancer le parcours) de manière constante et intuitive;</strong></p></li><li><p><strong>alléger la charge cognitive</strong> en réorganisant les pages et en réduisant les distractions ou éléments superflus;</p></li><li><p><strong>améliorer l’accessibilité et la lisibilité </strong>pour garantir une expérience confortable, inclusive et cohérente.</p></li></ul><p></p><p>Résultats &amp; Impacts</p><p>L’audit UX permet de proposer un <strong>parcours mobile plus simple et plus lisible</strong>, en posant les bases nécessaires pour <strong>améliorer la conversion en ligne</strong>. Il clarifie immédiatement l’offre et le CTA principal, tout en identifiant les ajustements à prévoir pour renforcer le respect des normes d’accessibilité. Enfin, il fournit une <strong>vision UX structurée</strong>, accompagnée de <strong>recommandations</strong> et d’une <strong>roadmap claire</strong>, permettant au client de planifier sereinement les évolutions à venir.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4n109cls685sfohbfj91rp.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4n0t73lia75sdq1n182n76.jpg"><div class="image-overlay"></div></div></div></div>

La Maison Chanzy, une maison d’hôtes parisienne, faisait face à un faible taux de réservation en ligne (fictif).
L’objectif était d’auditer l’ergonomie du site (focus mobile), d’identifier les freins dans le parcours utilisateur et de proposer des recommandations UX permettant d’augmenter la conversion.

Product Marketing

Audit

Amélioration de l’ergonomie du site mobile d’un hébergement touristique

<p><strong>Objectifs principaux</strong></p><ul><li><p><strong>faciliter un apprentissage rapide et fiable des signes ;</strong></p></li><li><p><strong>proposer un glossaire vidéo clair ;</strong></p></li><li><p><strong>créer un parcours ludique favorisant la mémorisation ;</strong></p></li><li><p><strong>concevoir une expérience accessible ;</strong></p></li><li><p><strong>renforcer la cohérence crèche ↔ parent.</strong></p></li></ul><p></p><p><strong>Mon rôle<br>UX designer</strong></p><p>J’ai mené l’<strong>analyse concurrentielle</strong> et la <strong>compréhension des usages</strong>, structuré l’<strong>architecture des contenus</strong> et conçu le <strong>parcours utilisateur</strong> dans son ensemble. J’ai réalisé le <strong>prototypage sur Figma</strong>, défini des <strong>principes pédagogiques cohérents</strong> et conçu les <strong>fonctionnalités clés</strong> — glossaire, filtres, quiz, FAQ — en intégrant une <strong>réflexion inclusive</strong> conforme aux <strong>standards RGAA et WCAG</strong>.</p><p></p><p>Solution</p><ul><li><p><strong>accueil structuré avec des CTA directs permettant d’accéder immédiatement aux contenus clés, comme dans les apps d’apprentissage les plus efficaces ;</strong></p></li><li><p><strong>glossaire vidéo simple et rapide, pensé comme des “flashcards” visuelles permettant d’apprendre un signe en un geste. ;</strong></p></li><li><p><strong>navigation catégorisé pour retrouver un signe aussi facilement qu’un chapitre dans une app éducative ;</strong></p></li><li><p><strong>micro-quiz courts avec feedback instantané pour favoriser la mémorisation sans pression, dans l’esprit des micro-learnings modernes ;</strong></p></li><li><p><strong>fonction "Favoris" pour créer un répertoire personnel de signes récurrents, à la manière d’une liste de vocabulaire ;</strong></p></li><li><p><strong>FAQ rassurante pour répondre immédiatement aux doutes des parents, inspirée du support utilisateur des apps pédagogiques ;</strong></p></li><li><p><strong>expérience accessible avec vidéos sous-titrées, contrastes adaptés et boutons larges, alignée avec les standards des applications d’apprentissage inclusives.</strong></p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4m8ef0lfqs5sfogq2a7iop.png"><div class="image-overlay"></div></div></div></div><p>Résultats &amp; Impact</p><p>L’application conçue offre une <strong>expérience d’apprentissage</strong> à la fois simple, ludique et parfaitement <strong>adaptée au quotidien des parents</strong>. Le prototype permet de <strong>retrouver un signe en quelques secondes</strong> grâce à une navigation intuitive, un <strong>glossaire structuré</strong> et des <strong>vidéos courtes</strong>immédiatement compréhensibles. Les <strong>micro-quiz</strong> renforcent la mémorisation <strong>sans ajouter de charge mentale</strong>, tandis que la FAQ et les choix pédagogiques <strong>rassurent les parents</strong> tout au long de leur <strong>découverte de la LSF</strong>. L’approche <strong>accessibilité-first</strong> garantit une utilisation fluide, même d’une seule main, dans des situations réelles du quotidien. Ce travail a permis de <strong>proposer une solution cohérente</strong> avec les pratiques de la crèche, engageante pour les familles et évolutive vers un apprentissage plus riche avec l’ajout de futurs signes et contenus.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmj4maalvlgn65sfo5zip0s0w.png"><div class="image-overlay"></div></div></div></div>

La crèche Les Bambinets (fictive) souhaitait proposer une application mobile pour permettre aux parents de continuer, à la maison, l’apprentissage du langage gestuel introduit en crèche.
‍
L’objectif était de créer une expérience d’apprentissage douce, ludique et accessible, adaptée au quotidien des parents débordés.

UX/UI Designer

Mobile Designer

Prototype d’une application éducative

UX Design

Conception UX/UI
Gestion de produit
Facturation des missions via la société.

Product Designer & Associée

Conception UX/UI : wireframes, prototypes
Recherche utilisateurs : entretiens utilisateurs,
questionnaire quantitatif

UX/UI Designer (bénévole)

Recherche Utilisateur : questionnaire quantitatif
avec différents profils
Gestion de produit
Atelier brainstorming avec les équipes

Ux Designer (bénévole)

Analyse des besoins utilisateurs : Conseil client,
résolution de problèmes, fidélisation.
Gestion de projet : Coordination d’équipe,
optimisation des processus.
Empathie et communication : Formation interne,
adaptation aux publics variés.

Gabrielle Pelletier

Product Designer

À propos

Expérience de travail

Product Designer & Associée

UX/UI Designer (bénévole)

Ux Designer (bénévole)

Retail - Responsable adjointe/Senior Sales

Formation

OpenClassrooms

Aix-Marseille University

Licences et certifications

UX Design

Portfolio

Refonte UX d’une plateforme de dépôt de dossiers de formation

Confidentiel

Conception UX : architecture des contenus & wireframes

Openclassrooms

Amélioration de l’ergonomie du site mobile d’un hébergement touristique

Openclassrooms

Prototype d’une application éducative

Openclassrooms

Talents

Recruteurs

À propos