Concepteur designer graphique - Concevoir un design d'interface utilisateur

• Au terme de cette formation, vous serez en mesure de :
• Analyser un besoin utilisateur à partir d'un brief, de personas et de benchmarks afin de définir les objectifs fonctionnels et émotionnels d'un parcours numérique.
• Appliquer les principes fondamentaux du design d'interface (hiérarchie visuelle, typographie, couleur, branding, structuration des écrans) pour concevoir des interfaces lisibles et cohérentes.
• Concevoir des wireframes et des maquettes UI hi-fi hiérarchisés et responsives, en intégrant des intentions graphiques adaptées aux usages.
• Utiliser les fonctionnalités clés de Figma (organisation des fichiers, composants, styles, auto-layout, contraintes, UI kits, prototypage et animations simples) pour produire des interfaces modulaires et cohérentes.
• Mettre en œuvre un prototype interactif et préparer un fichier de design structuré en vue de la collaboration et de la passation aux développeurs.
• Appliquer les critères essentiels de l'accessibilité numérique lors de la conception ou de l'évaluation d'une interface, en tenant compte des différents types de handicap et des technologies d'assistance.
• Évaluer l'impact environnemental d'un parcours numérique à l'aide d'une grille d'éco-conception et identifier des leviers d'amélioration.
• Contribuer à la refonte d'un parcours numérique existant en intégrant les principes de design inclusif, d'accessibilité et d'éco-conception.
• Identifier les tendances actuelles du design UI et mobiliser des ressources et outils pour poursuivre le développement des compétences professionnelles.

Ce parcours de formation permet de valider le bloc de compétences “Concevoir un design d'interface” de la certification professionnelle Concepteur designer graphique délivré par LISAA, de niveau 6 - (NSF 320 et 320v) enregistrée au RNCP, sous le numéro RNCP40365, par décision du directeur général de France Compétences en date du 28/03/2025. 
 

MODULE “UI Design” (5 jours)
J1 : Introduction au Design UI et Fondamentaux du Branding
- Bases du branding et importance dans le design UI - Découverte de Figma et FigJam - Création d'une charte graphique - Ateliers 
J2 : Processus et Conception d'interface utilisateur
- Etapes du processus UI - Brainstorming et benchmark - Différents types de sites web et bases du design responsive - Préparer efficacement son environnement de travail - Atelier
J3 : Composants, Guide de styles et Design responsive 
- Maîtriser les composants et leur utilisation dans Figma - Comprendre et appliquer l'Atomic Design - Créer et gérer des styles et composants dans Figma - Initiation au design tactile et responsive - Atelier 
J4 : Accessibilité, Éco-conception et Approfondissement de Figma
- Organisation des fichiers - Fonctionnalités avancées de Figma - Principes d'accessibilité dans le design UI - Techniques d'éco-conception dans la conception visuelle - Atelier
J5 : Transmission (Hand Off), Design System et Prototypage sur Figma
- Prototypage interactif - Bonnes pratiques de collaboration et de transmission aux développeurs - Structuration d'un Design System et adaptation multi-branding - Ateliers

MODULE FIGMA (2 jours)

1. Figma : du wireframe au mockup 
- Appréhender Figma, son interface, sa structure, ses logiques - Fonctions de base de Figma - Atelier Wireframe - Découvrir la logique de composants atomiques - Atelier UI kits : créer ses premiers composants responsives - Structurer un guide de style Structurer son workflow dans Figma - Atelier Mock-Up : poser des premières intentions graphiques - Introduction aux fonctions avancées de Figma - Introduction au design accessible dans Figma - Atelier prototype - Travailler avec d'autres designers et augmenter son flow de production - Collaborer et comprendre les enjeux des développeurs sur Figma - Exercices 

MODULE e-learning “Accessibilité & éco-conception” (16 h)
Accessiblité numérique
Grands principes - Comprendre le handicap et son impact sur l'utilisation du numérique  - Comprendre le fonctionnement des technologies d'assistance  - Principaux critères d'Accessibilité - Conception Inclusive - Tests et évaluations
Éco-conception 
Enjeux du design numérique responsable - Principes du design éco-responsable - Exercices pratiques - Sensibiliser et embarquer les équipes

Travail individuel de préparation de la certification (10h)