Les Bambinets

Les Bambinets est un projet réalisé dans le cadre de ma formation Product Designer. L’objectif était de construire l’identité visuelle et les premiers éléments d’une application éducative autour de la langue des signes, puis de les assembler dans un prototype Figma cohérent.

Le produit doit permettre de découvrir et mémoriser des signes simples sans surcharger l’utilisateur. Le défi était donc de proposer une interface suffisamment ludique pour un univers lié à la petite enfance, tout en gardant une navigation claire, des contenus faciles à lire et une faible charge cognitive.

J’ai pris en charge la conception UI du projet : direction visuelle, moodboard, style guide, design system, composants et variants Figma, écrans haute fidélité, prototype interactif et prise en compte de l’accessibilité.

J’ai commencé par organiser le parcours et les écrans dans FigJam, puis défini une direction visuelle adaptée au sujet. Le moodboard a servi de base pour la palette pastel, les typographies Baloo 2 et Nunito, l’iconographie Lucide et un style d’illustrations simple et accessible.

À partir de ces fondations, j’ai construit un design system dans Figma avec des composants, des variants et des états réutilisables. Les écrans ont ensuite été assemblés dans un prototype permettant de vérifier la cohérence de la navigation entre les principales fonctionnalités.

• Limiter la charge cognitive : privilégier des écrans simples, des actions claires et une hiérarchie visuelle régulière plutôt que multiplier les informations.
• Construire à partir de composants : créer un design system avec variants et états afin de garder les écrans cohérents et de faciliter les évolutions du prototype.
• Prévoir l’accessibilité dès la conception : travailler les contrastes, les tailles de texte, les zones interactives et ne pas faire reposer une information uniquement sur la couleur.
• Prévoir deux thèmes : décliner l’interface en clair et sombre à partir des variables et modes Figma plutôt que maintenir deux designs séparés.

Le prototype s’articule autour de quelques parcours simples : un accueil donnant accès aux fonctions principales, un glossaire pour découvrir les signes, une fiche détaillée avec vidéo, un quiz pour vérifier ses connaissances, ainsi que des favoris et une FAQ.

La fiche d’un signe met la démonstration vidéo au centre de l’écran, tandis que le quiz reprend le même contenu sous forme de question à choix. Cette réutilisation permet de conserver un modèle mental cohérent entre consultation et apprentissage.

Le projet aboutit à un flow FigJam, une direction visuelle documentée, un style guide, un design system Figma avec composants et variants, ainsi qu’un prototype haute fidélité couvrant l’accueil, le glossaire, le détail d’un signe, le quiz, les favoris et la FAQ.

Ce projet de formation n’a pas produit de métriques d’usage réelles ; je le présente donc comme une démonstration de ma capacité à passer d’une intention graphique à un système d’interface cohérent et prototypé.

Les Bambinets m’a permis de mieux comprendre l’intérêt d’un design system comme outil de conception, et pas seulement comme documentation finale. Les variables, composants et variants permettent de prendre des décisions une fois puis de les propager dans tout le produit.

Le projet m’a également donné une base plus solide pour relier design et développement : la structure des tokens et des composants peut ensuite être transposée en variables CSS et en composants Svelte, ce qui réduit l’écart entre la maquette et l’implémentation.