← Retour aux projets
ASC Learning · Plateforme web · 4 semaines · Lead sur une équipe de 4

Structurer l'apprentissage de référents handicap isolés : une plateforme pensée pour le terrain

Plateforme webUX DesignUI DesignUser researchAccessibilité
Maquette ASC sur MacBook
Contexte & rôle

Outiller des professionnels isolés et peu accompagnés

Les référents handicap jouent un rôle clé dans la mise en œuvre des politiques d'inclusion, mais évoluent souvent dans un environnement fragmenté : peu de formation, des ressources dispersées, peu d'échanges entre pairs.

Au sein d'une équipe de 4 designers, j'ai occupé un rôle de lead, en jouant un rôle structurant dans la définition des axes de conception et en intervenant sur l'ensemble du design process.


Insights utilisateurs

Des professionnels sans repères face à un manque d'outils

Problème
Isolement dans la pratique · Ressources dispersées · Pas d'espace d'échange · Manque de temps, besoin d'outils simples et directs
Solution
Point d'entrée unique · Parcours progressifs · MVP centré sur les essentiels · Accessibilité et engagement
« Ce qui serait bien, c'est d'avoir un réseau, une communauté où on puisse échanger des pratiques. »
— Référent handicap, entretien utilisateur

Décisions clés

Une expérience utile, structurée et adaptée aux usages réels

01
Centraliser les ressources dans un espace unique
Un point d'entrée regroupant formations, ressources et contenus clés pour éviter la dispersion et simplifier l'accès.
02
Structurer les parcours d'apprentissage
Des parcours progressifs pour comprendre où commencer et comment avancer, sans surcharge cognitive.
03
Prioriser pour un MVP pertinent
Formation et ressources en priorité. La communauté anticipée dans l'interface mais reportée à une prochaine version.
04
Rendre l'expérience engageante et accessible
Progression et gamification (Molly la mascotte) pour encourager l'engagement, dans le respect des contraintes d'accessibilité.
UI & Direction artistique

Une identité créée de zéro, guidée par l'accessibilité

Ici, tout était à construire : colorimétrie, typographie, composants et mascotte. Sur un sujet d'inclusion, chaque choix visuel répond à un besoin d'usage précis, qu'il s'agisse de lisibilité, de contraste ou de facilité de mise en place.

01 — Langage visuel

Une colorimétrie sémantique et lisible

Le rose et l'orange de la charte ont été retravaillés pour renforcer leur contraste, puis l'ensemble a été structuré sur la palette Tailwind v3. Chaque famille de couleur porte un sens fonctionnel (orange pour l'action, vert pour le succès, rouge pour l'erreur), et le système s'intègre directement au langage des développeurs pour faciliter la mise en place.

ActionOrange
SuccèsGreen
ErreurRed
WarningYellow
InfosBlue
AccentPink
Une échelle complète par couleur, pour garantir le contraste dans tous les usages
Action
Succès
Infos
Amulya
Titrage — Amulya Bold
Géométrique et douce, elle apporte proximité, professionnalisme et chaleur
Helvetica Neue
Corps de texte — Helvetica Neue
Classique et maîtrisée, elle reste neutre sans être fade, et très lisible
02 — La mascotte Molly

Molly, un repère bienveillant dans le parcours

Face à un public de référents souvent isolés, Molly ancre le lovable : elle rend l'expérience plus douce et accueillante, et sert de repère visuel pour faciliter l'identification. Molly n'est pas un simple ornement. Elle incarne le ton du produit et accompagne l'utilisateur, sans jamais l'infantiliser.

Le ton porté par Molly
  • Tutoiement chaleureux, pour un lien direct
  • Voix claire et bienveillante, jamais condescendante
  • Phrases courtes, une idée à la fois
  • Humour discret & respectueux, sans en faire trop
Molly, la mascotte d'ASC Learning
Molly dans son univers, une présence attachante
Déclinaisons de la mascotte Molly
Un jeu de déclinaisons pour chaque moment du parcours
03 — Design system

Des fondations posées de zéro

Puisque rien n'existait, j'ai défini les composants de base (boutons, cartes, tags) dans une logique de cohérence et de réutilisation. Chaque composant décline le système de couleurs et respecte les contrastes nécessaires à l'accessibilité.

Boutons
Tags
💻 E-learning 👁 Handicap visuel
Carte formation
💻 E-learning
Titre de la formation
⏱ 3h00 · 📘 6 modules

Impact

Une expérience qui structure l'apprentissage et répond aux besoins du terrain

Accès simplifié
Un point d'entrée unique centralisant formations et ressources.
Parcours structurés
Progresser à son rythme, sans se perdre dans les contenus.
MVP en 4 semaines
Une première version utile, pensée pour évoluer.

Apprentissages

Ce que ce projet m'a apporté

01
Concevoir pour des usages réels et inclusifs
Chaque contrainte d'accessibilité devient une opportunité de concevoir des expériences plus justes et utiles.
02
Co-construire pour mieux décider
Les retours des professionnels du terrain ont orienté les choix bien plus efficacement que nos hypothèses.
03
Équilibre entre simplicité, structure et engagement
Structurer des parcours tout en les rendant motivants, un exercice d'équilibre exigeant mais essentiel.
Découvrir d'autres projets