Formation Design System, Concevoir, gérer et documenter
Structurer des interfaces cohérentes et durables pour accélérer les projets digitaux et sécuriser la collaboration entre design, produit et développement.
- Référence formation :
- 5DSY
- Durée :
- 7 heures
- Satisfaction :
- Prix :
- 730 € HT
Présentation de la formation
Cette formation vous permettra d’appréhender l’ensemble des aspects de la gestion des portails web.
Objectifs pédagogiques
- Comprendre les enjeux d’un Design System
- Appréhender les logiques et méthodologies de conception d’un Design System
- Savoir mettre en place et entretenir un Design System
Public visé
- Chef de projet web
- UX designer
- UI Designer
- Directeur Artistique
- Chef de projet
- Développeur
- Product Owner
Prérequis
- Connaissances du numérique et de ses usages
Introduction
- Définition et historique : du Creative design au Design System
- Construire une charte graphique, une identité avant le Design System
- Les principes : au début était l’UI kit
- Connaître les différents frameworks, définition, principes et utilisations (CRM, conception d’un framework dédié, etc.)
- Comprendre les avantages de l’Atomic Design
- Maîtriser les différents composants et les outils
Garder la cohérence des éléments d’interface
- Une identité verbale indissociable
- Son, image, virtualité, quels éléments intégrer
- Garder le print en considération
- Normes d’accessibilité
La pérennité du Design System
- Maintenir et faire évoluer
- Connaître les contraintes et possibilités
Concevoir et déployer, une organisation à part entière
- Fédérer les rôles (UX, UI, DA, DEV, Marketing, Métier, etc) et les équipes avec les utilisateurs
- Organiser la roadmap du projet
- Informer, former les équipes par-delà la technologie
Exemple d’atelier :
- Découverte et utilisation d’un outil professionnel de conception UI (ex. Figma).
- Création d’un mini Design System : définition des grilles, styles typographiques et couleurs, conception de composants réutilisables et documentation du système
Dernière mise à jour le 24 septembre 2026
Cette session n’a pas de date programmée, veuillez nous contacter pour en planifier une.
Modalités pratiques et pédagogiques
Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :
- Formation en présentiel
- En groupe (inter-entreprises ou intra-entreprise)
- En individuel (monitorat)
- En journée ou en cours du soir (sur demande spécifique)
- Formation en distanciel
- Distanciel synchrone
- Distanciel asynchrone
- Alternance d’apports théoriques et de mises en pratique contextualisées.
- Progression pédagogique structurée, de la compréhension à la mise en œuvre opérationnelle.
- Pédagogie immersive favorisant une mise en application immédiate des compétences.
- Formation interactive et participative s’appuyant sur des ateliers pratiques, études de cas et échanges collectifs (+ 60 % du temps de formation.)
- Séquences pédagogiques rythmées et évaluations formatives régulières pour renforcer l’ancrage des apprentissages.
- Supports de cours, ressources documentaires et références mis à disposition par le formateur
En amont de la formation (évaluation en ligne dans l’extranet apprenant)
- Recueil des besoins et des attentes des participants.
- Auto-positionnement permettant d’évaluer le niveau initial des apprenants.
Tout au long de la formation
- Évaluations continues réalisées par le formateur à travers des questions orales, exercices, QCM, études de cas et mises en situation pratiques.
À l’issue de la formation (évaluations en ligne dans l’extranet apprenant)
- Auto-positionnement afin de mesurer l’acquisition des compétences visées.
- Validation de l’acquisition des compétences par le formateur
- Questionnaire de satisfaction « à chaud » à l’issue de la formation
- Questionnaire de satisfaction « à froid », 45 jours après la formation afin d’évaluer l’ancrage des acquis et leur mise en application en situation professionnelle.
Nous consulter.
Nos formations peuvent être adaptées à certaines conditions de handicap. Nous contacter pour toute information et demande spécifique.
À distance
Présentiel
14h
Formation Figma, Maquetter et prototyper
À partir de 1 350€
À distance
Présentiel
21h
Formation UX Design et ergonomie des sites web
À partir de 1 920€
À distance
Présentiel
14h
Formation Adobe Première Pro, Montage Vidéo & Effets
À partir de 1 350€