Les Bambinets
Une app accessible pour apprendre la langue des signes avec bébé.
En bref
- Contexte
- Les Bambinets, crèche innovante, veut une app pour aider parents et professionnels de la petite enfance à communiquer avec les tout-petits en langue des signes. Elle n'a qu'un logo.
- Mon rôle
- Product Designer, de l'identité visuelle au prototype
- Année
- 2026, en 2 semaines
01 · Le brief
Glossaire
~20 signes, de A à Z et par catégorie.
Favoris
Un cœur pour retrouver ses signes.
Vidéo
Le geste se montre.
Micro-quiz
Pour vérifier ce qu'on a retenu.
FAQ
Pour les adultes.
Cible
Des parents et des pros pressés et fatigués.
02 · Des wireframes à l'app complète
Point de départ : les wireframes testés d'un collègue, 6 écrans. Pour que l'app tienne debout, j'ai complété les parcours : connexion et création de compte, onboarding (profil, prénom, avatar), recherche vocale et recherche sans résultat, favoris vides, résultat de chaque question et fin de quiz, articles de la FAQ, profil et paramètres.
03 · Une identité créée à partir d'un logo
Le client n'avait qu'un logo. Je suis partie de ses couleurs en choisissant des teintes vives plutôt que pastel : l'univers est celui des tout-petits, mais l'app s'adresse à des adultes, elle doit donc être ludique sans être « bébé ». Côté typographies, une police arrondie et fantaisie pour les titres (Capriola), une police sobre et très lisible pour les textes (DM Sans), toutes deux validées pour l'accessibilité. La mascotte, l'abeille du logo, a été générée avec l'IA, que j'ai dirigée et sélectionnée : une première pour moi, qui dessine ou achète habituellement mes illustrations.
04 · Style guide
Le rouge du logo rendu lisible
Le rouge du logo ne porte pas de texte blanc (moins de 4,5:1). Il est assombri juste assez pour passer AA sur les boutons principaux : l'identité reste reconnaissable.
- Pollen#FFC91F
- Pine#0C766C
- Cyan#8BE1EF
- Crème#FDF7EE
- Lien#96551A
- Erreur#A22027
- Succès#0F7A4A
- Focus#3E5FF6
Capriola pour les titres
Signer avec bébé, c'est facile !
DM Sans pour les textes
Signer avec bébé, c'est facile !
05 · Design system
Une base shadcn/ui personnalisée : couleurs, typographies, arrondis de 28 px, ombres chaudes. Chaque composant a son bloc d'explication, et aucune valeur n'est tapée en dur.
54
composants
213
variantes
0
valeur en dur
06 · Accessibilité (WCAG AA) : cinq règles tenues partout
Contraste
Texte ≥ 4,5:1, éléments d'interface ≥ 3:1. Bouton principal : 5,02:1.
Cibles tactiles
44 × 44 px minimum, même quand l'élément visible est plus petit.
Focus visible
Anneau bleu de 2 px et halo sur les boutons, champs et cases.
Jamais la couleur seule
Réponse de quiz : contour + icône + texte.
Lisibilité
Texte courant ≥ 16 px, étiquette toujours visible au-dessus du champ.
07 · Une gamification bienveillante
J'ai voulu un peu de jeu, sur le thème de l'abeille : on récolte des pollens, on remplit sa ruche, on passe de Butineuse à Ouvrière. Mais pas de série de jours à tenir coûte que coûte : les parents et les pros sont déjà fatigués par leur quotidien, l'app doit rester un plaisir, pas une culpabilité. L'architecture du jeu a été construite avec l'aide de l'IA, à partir de ce parti pris.
08 · Prototype
Le prototype interactif reprend les six parcours : de la création de compte au quiz, en passant par la recherche vocale.
Ce que j'en retiens
Concevoir avec l'IA : j'ai appris à travailler avec Claude Design et Claude Code en lien avec Figma. L'IA accélère, mais c'est moi qui tranche.
L'accessibilité va bien au-delà des contrastes et des tailles de texte, auxquels je m'arrêtais en branding : cibles tactiles, focus, information jamais portée par la couleur seule, étiquettes toujours visibles.
L'ergonomie mobile : une barre d'onglets en bas d'écran, à portée de pouce, et des retours toujours possibles vers les pages principales, pour circuler dans l'app sans jamais se perdre.
Vidéos des signes : Learn How To Sign (YouTube).
Envie d'échanger ?
Je cherche mon prochain CDI, et je reste ouverte à un CDD, à une belle mission ou à un café pour parler du métier. Écrivez-moi !