24 études et 5 ateliers pratiques pour apprendre le design : recherche utilisateur, interface, Figma, design system, accessibilité et identité visuelle. Des cas concrets et des défis pratiques vérifiés automatiquement, zéro jargon inutile.
Chaque étape te rapporte de l'expérience et des pigments. Monte de grade, de stagiaire de l’atelier à directeur artistique.
Débloque un badge à chaque étape clé de l’étude, jusqu'à la certification finale.
Personas, wireframes, maquettes Figma, design system, charte graphique : tu repars avec de vrais livrables pour ton portfolio.
Chaque notion est expliquée avec des cas concrets et des exercices à faire dans Figma ou dans ton navigateur, sans jargon inutile.
Du PenTool (comment fonctionne le web) jusqu'à la mise en ligne de ton projet final, chaque routine te rapproche un peu plus d'un code propre, sûr et que tu comprends vraiment.
Comprendre ce qu'est le design numérique, ses métiers et sa démarche
Mener une recherche qualitative : entretiens, observation et analyse
Représenter les utilisateurs et leur expérience : personas, carte d'empathie et parcours
Définir ce qu'on résout, pour qui, avec quels critères de réussite
Organiser les contenus et la navigation pour que chacun s'y retrouve
Dessiner le chemin de l'utilisateur et la structure des écrans avant de soigner l'apparence
Atelier pratique : mener la recherche, cadrer le problème et dessiner la structure du service Panier Voisin
Guider le regard : taille, poids, contraste, proximité et espace
Choisir, associer et régler les polices pour un texte agréable à lire
Construire une palette fonctionnelle et vérifier son contraste
Donner du rythme avec une échelle d'espacements et une grille de mise en page
Boutons, champs, cartes et leurs états : concevoir des briques fiables
Choisir et préparer les éléments visuels : cohérence, accessibilité, poids et droits
Atelier pratique : donner une identité visuelle et une interface haute fidélité à Panier Voisin
Découvrir l'interface, les frames, les formes, le texte et les calques
Des mises en page qui s'adaptent à leur contenu, comme Flexbox dans le code
Créer des éléments réutilisables avec leurs états, leurs tailles et leurs propriétés
Centraliser couleurs, espaces et textes pour changer de thème en un clic
Un langage commun entre design et développement : principes, composants, documentation, gouvernance
Rendre une maquette cliquable et concevoir des micro-interactions qui informent
Atelier pratique : bâtir le système de composants de Panier Voisin et un prototype interactif dans Figma
Observer de vraies personnes utiliser ton design, mesurer et décider
Concevoir pour toutes et tous : perception, utilisation, compréhension, robustesse
Concevoir d'abord pour le téléphone et adapter à toutes les tailles d'écran
Transmettre un design sans perte : spécifications, ressources, comportements et revue
Atelier pratique : tester le prototype de Panier Voisin, auditer l'accessibilité et préparer le handoff
Donner un visage cohérent à une marque : stratégie, logo, couleurs, typographie et charte
Présenter son travail, travailler avec des clients et pratiquer un design responsable
Atelier pratique : concevoir l'identité et l'application d'un nouveau client, de la recherche à la soutenance
Crée ton badge de pilote, choisis ton objectif et rejoins l'académie en moins d'une minute.