Mentor Goal
Design system
Product designer chez Mentor Goal durant plus de deux ans, j'ai eu l'opportunité de concevoir de nombreuses fonctionnalités et de mener à bien divers projets. Mentor Goal, fondée en 2019, est une start-up dédiée à l'accompagnement des apprenants vers l'alternance, visant à améliorer leur employabilité et à faciliter leur insertion professionnelle.
Mon rôle et mes responsabilités
Sur ce projet, j’ai structuré le Design System autour d’une nouvelle identité visuelle, avec une attention particulière portée à la cohérence, la maintenabilité et l’accessibilité.
• Définition d’une nouvelle identité visuelle, en lien avec le positionnement de la plateforme
• Refonte complète du Design System : composants, style guide, documentation
• Revue et rationalisation des composants existants pour réduire la dette technique
• Organisation des livrables pour améliorer la clarté côté dev (arborescences, nomenclatures, specs)
• Prise en compte des enjeux d’accessibilité et d’évolutivité dans la conception des composants
Problématique
Une évolution du Saas
Au fil des années, la plateforme a évolué, avec un produit qui se perfectionne et intègre de nouvelles fonctionnalités. Cette progression a également impacté ses composants. À un moment donné, les éléments ont commencé à se chevaucher, tant sur le plan esthétique que technique. Il est donc devenu nécessaire de revoir en profondeur une grande partie de ces composants afin de les rendre plus impactant.
L'apparence de cet input ne reflétait plus l'évolution esthétique de la plateforme, trop terne, trop dure, pas assez "friendly". Son utilité était devenue trop simple et manquait surtout de variante.
Solutions
Repenser les fondations
La refonte des composants a permis de repenser leur structure, leur lisibilité et leur usage, aussi bien côté interface que développement. Les éléments ont été rationalisés, hiérarchisés et mieux définis pour faciliter leur maintenance et leur évolution. L’organisation des fichiers, la clarté du nommage et la documentation ont contribué à rendre le système plus lisible et plus facilement exploitable par les équipes tech.
Ce travail s’est accompagné d’une amélioration visuelle : hiérarchie plus marquée, contrastes plus lisibles, arrondis plus doux, et messages plus explicites. L’objectif était de poser une base cohérente, accessible, et pérenne pour faire évoluer le produit dans de bonnes conditions.
Résultats
Impact & continuité
Le Design System a permis de renforcer la cohérence de la plateforme et de simplifier les échanges entre design et développement. Les composants sont mieux structurés, mieux documentés, et plus simples à implémenter. L’interface est plus lisible, plus accessible, et plus alignée avec les standards visuels définis. Ce travail a posé des bases solides pour accompagner les futures évolutions du produit, en clarifiant les fondations design et en fluidifiant le delivery.
• L'évolution de la plateforme entraine un changement de composants
• L'assemblage de nouveaux composants
• Une meilleure organisation interne design/dev
• Une satisfaction des utilisateurs
• Des composants de meilleure qualité
• Amélioration de l'accessibilité
Gallerie
Résultats
Impact & continuité
Le Design System a permis de renforcer la cohérence de la plateforme et de simplifier les échanges entre design et développement. Les composants sont mieux structurés, mieux documentés, et plus simples à implémenter. L’interface est plus lisible, plus accessible, et plus alignée avec les standards visuels définis. Ce travail a posé des bases solides pour accompagner les futures évolutions du produit, en clarifiant les fondations design et en fluidifiant le delivery.
Ce qu’il faut retenir
• L'évolution de la plateforme entraine un changement de composants
• L'assemblage de nouveaux composants
• Une meilleure organisation interne design/dev
• Une satisfaction des utilisateurs
• Des composants de meilleure qualité
• Amélioration de l'accessibilité