Logo Laptop  MENU
Formations

PARCOURS

Concevoir un Design d’interface utilisateur

CPF

Un parcours pour explorer les horizons créatifs et faire certifier ses compétences en design d'interface, découvrir le processus d’un projet de UI Design, explorer les possibilités de Figma et comprendre les enjeux de l’accessibilité et de l'éco-conception

En bref

Le parcours “Concevoir un design d’interface utilisateur” est un parcours de formation qui combine les modules de formation “UI Design” et “Figma” ainsi que notre formation e-learning “Accessibilité numérique & éco-conception”. 

Vous acquerrez des compétences essentielles pour concevoir des interfaces utilisateur performantes et inclusives, maîtriser l’outil Figma et intégrer des pratiques d’accessibilité numérique et d’éco conception dans vos projets. Cette formation alterne théorie et pratique sur un sujet réel et à impact social pour vous offrir une expérience complète et immersive.  

2 modules de formation synchrone : 

UI design (5 jours + 1 webinar post-formation) – 40h

Figma (2 jours) – 16h

1 module de formation e-learning :

Accessibilité numérique & éco-conception16h

Les modules composant la formation sont également disponibles séparément.

 

Certification : Ce parcours de formation vous permet de valider le bloc de compétences “Concevoir un design d’interface utilisateur” 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. https://www.francecompetences.fr/recherche/rncp/40365/

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

La certification est obligatoire.

Prochaine session

01 au 19 Juin 2026

Lieu

à distance ou en présentiel + en e-learning

Financement

CPF, OPCO, France Travail

Financements

Participants

16 max.

Rythme

9h - 18h

Prix

4 050€HT 4 860€TTC

Détails de la certification

Note de nos apprenants

5/5

Voir les avis
Télécharger le programme
Postuler

Programme

UI Design

UI Design

Basé sur une approche pratique, vous passerez par toutes les étapes de conception d’une interface : benchmark, wireframe, maquette basse et haute définition, prototypage. Composants, pattern, tendances, responsive et possibilités techniques n’auront plus de secret pour vous. L’accessibilité et l’écoconception resteront en toile de fond des échanges.

La formation met également l’accent sur la livraison, en couvrant les bonnes pratiques de collaboration avec les développeurs : comment transmettre ses designs et le spécifier, les interactions avec un Design System ou un UI Kit. Enfin, lors des ateliers mentorés sur Figma, les participants auront l’occasion d’expérimenter dans leur prototype des interactions, des plus basiques aux plus complexes, en fonction des besoins de leur projet.

Ergonomie Interfaces Figma Design produit Branding Eco-conception UI Design

Prochaine session :

30 Mars au 03 Avril 2026

  • Jour 1 Introduction au Design UI et Fondamentaux du Branding

    • Comprendre les bases du branding et leur importance dans le design UI
    • Découverte de l’écosystème de Figma et FigJam (collaboration et idéation)
    • Création d’une charte graphique (couleurs, typographies, pictogrammes)

    Atelier : Audit visuel d’interfaces existantes et amélioration des fondations graphiques

    Atelier fil rouge : Analyse d’un brief client et appropriation des personas

  • Jour 2 Processus et Conception d'interface utilisateur

    • Les grandes étapes du processus UI (de l’idée à la maquette HD)
    • Brainstorming et benchmark : recherche concurrentielle et inspirations visuelles
    • Comprendre les différents types de sites web et les bases du design responsive
    • Préparer efficacement son environnement de travail (workflow et organisation de fichiers)

    Atelier fil rouge : Création de wireframes HD à partir du brief

     

  • Jour 3 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
    • Découverte des tendances actuelles en design UI
    • Initiation au design tactile et responsive (multi-devices)

     

    Atelier fil rouge : Mise en place d’un UI Kit / Guide de styles et déclinaison responsive

  • Jour 4 Accessibilité, Éco-conception et Approfondissement de Figma

    • Organisation avancée des fichiers (nomenclature, structuration)
    • Fonctionnalités avancées de Figma (autolayout, nested components)
    • Comprendre et appliquer les principes d’accessibilité dans le design UI
    • Découvrir et appliquer les techniques d’éco-conception dans la conception visuelle

    Atelier fil rouge : Maquette accessible et durable + itérations sur le projet en cours

  • Jour 5 Transmission (Hand Off), Design System et Prototypage sur Figma

    • Prototypage interactif : interactions, animations et micro-animations
    • Les bonnes pratiques de collaboration et de transmission aux développeurs (handoff, QA)
    • Structuration d’un Design System et adaptation multi-branding

    Atelier fil rouge : Finalisation du projet (prototype complet et handoff)

    Atelier de clôture : Design critique & restitution collective

    • Ressources clés : comment continuer à progresser en UI après la formation
  • 1 mois après la formation Mentorat

    Suivi post formation : Webinar de 2h 

    Un mois après la conclusion de votre formation, nous vous proposons de vous rassembler en promotion avec votre intervenant pour un webinar de suivi. Cette session, de deux heures en visioconférence, sera l’occasion de réaliser un retour d’expérience (REX) approfondi, permettant à chacun de partager ses progrès, ses défis et ses réussites depuis la fin de la formation. Cela vous permettra de poser toutes les questions qui ont pu émerger lors de la mise en application des compétences acquises.

    Ce webinar devrait ainsi renforcer votre apprentissage, approfondir votre compréhension et vous aider à intégrer plus efficacement les connaissances et les compétences développées durant notre programme. 

    Nous sommes convaincus que cette session enrichira votre expérience d’apprentissage et consolidera les liens au sein de notre communauté de professionnels.

  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’exercices évalués tout au long des 5 jours

Figma

Figma

Maîtriser rapidement Figma grâce à des cas pratiques centrés sur la prise en main de l’outil. Vous approfondirez l’interface, la création de maquettes jusqu’au prototype fonctionnel. Apprenez à structurer vos fichiers, utiliser les composants de base et l’AutoLayout. L’objectif : acquérir des bases solides pour une collaboration efficace et devenir autonome sur la conception d’interfaces.

Tests Pratique Interfaces Prototypage Interactif Fondamentaux

Prochaine session :

19 au 20 Février 2026

  • Jour 1 Du wireframe au mockup

    Appréhender Figma, son interface, sa structure, ses logiques

    • Découvrir les fonctions de bases de Figma

    Atelier Wireframe : créer son premier wireframe simple et bien structuré

    • Découvrir la logique de composants atomiques

    Atelier UI kits : créer ses premiers composants responsives

    • Structurer un guide de style : organiser les couleurs, typographies, grilles et styles globaux pour assurer cohérence et efficacité dans la conception
  • Jour 2 Structurer son workflow dans Figma

    Atelier Mock-Up : poser des premières intentions graphiques

    • Introduction aux fonctions avancées de Figma (autolayout simple)
    • Introduction au design accessible dans Figma

    Atelier prototype : créer un prototype hi-fi et l’animer simplement (Smart Animate)

    • Travailler avec d’autres designers et augmenter son flow de production
    • Collaborer et comprendre les enjeux des développeurs sur Figma
    • Exercice d’application et d’évaluation
  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’un exercice de création de prototype interactif et d’animation d’une interface.

e-learning – Accessibilité & Eco-conception

e-learning – Accessibilité & Eco-conception

Maîtrisez les deux piliers incontournables du numérique responsable : l’Accessibilité et l’Éco-conception.

Ce module est essentiel pour concevoir des solutions véritablement inclusives et durables. Vous développerez une expertise pratique des normes (WCAG, RGAA) et des méthodes de sobriété numérique. Devenez un acteur du changement, capable de réaliser des audits d’accessibilité et d’éco-conception concrets, et de transformer vos projets en interfaces éthiques et centrées sur l’humain.

 

Tests Ergonomie Cas pratique Fondamentaux Stratégie Eco-conception

Prochaine session :

Immédiat

  • Les grands principes de l’Accessibilité Numérique

    • Qu’est-ce que l’accessibilité numérique ?
    • Obligation morale et arguments commercial
    • Exploration de l’environnement légal : Contexte juridique, obligations théoriques et sanctions pénales
    • Autres enjeux : Innovation, Référencement, Image de marque, Culture, Impact écologique…
  • Comprendre le handicap et son impact sur l’utilisation du numérique

    • Handicap Visuel, auditif, physique, cognitif
    • Handicap temporaire ou situationnel
    • Ateliers : Empathy lab
      Les Empathy labs permettent aux apprenants de se mettre à la place des utilisateurs ayant des besoins spécifiques en matière d’accessibilité, favorisant ainsi la compréhension des enjeux et des défis auxquels ils font face.
  • Comprendre le fonctionnement des technologies d’assistance

    • Aperçu des dispositifs d’aide : Reconnaissance vocale, loupe, lecteur d’écran…
    • Ateliers : Empathy lab
  • Les principaux critères d’Accessibilité

    • Normes et référentiels : WCAG et RGAA
    • Assurer des contenus alternatifs PERCEPTIBLE par tous
    • Rendre l’Interface UTILISABLE par tous
    • Assurer un contenu COMPRÉHENSIBLE par tous
    • Exercices et empathy lab
  • La conception Inclusive

    • Personas
    • Annotations des maquettes
    • Exercices
  • Comprendre les enjeux du design numérique responsable

    • Pollution numérique : état des lieux et enjeux environnementaux et sociaux
    • Les risques pour la santé physique et l’équilibre mental liés aux usages numériques
    • Lien entre performance, sobriété et expérience utilisateur
    • Impacts business : anticipation des régulations, attentes des utilisateurs et image de marque
    • Introduction aux indicateurs clés de mesure de l’impact environnemental d’un service numérique
  • Les principes du design éco-responsable

    • Les fondements d’une interface sobre, accessible et éthique
    • Éco-conception et design centré sur l’humain : une approche complémentaire
    • Bonnes pratiques pour réduire l’empreinte carbone tout en améliorant la performance et la lisibilité
    • Étude de cas : exemples de stratégies de conception durable
  • Exercice pratique - Cartographie des parties prenantes

    • Lister et cartographie les parties prenantes et les relations
    • Imaginer les risques avec le design fiction
    • Choisir la cible prioritaire
  • Exercice pratique - Diagnostic d’un parcours numérique

    • Analyse d’un parcours numérique réel à l’aide d’une grille d’évaluation
    • Les bonnes pratiques UX à adopter
    • Identification des points d’amélioration sous l’angle de l’éco-responsabilité
    • Discussion collective sur les leviers de sobriété et d’accessibilité
  • Exercice pratique - Repenser une interface

    • Étude de cas : refonte d’un parcours numérique
    • Les bonnes pratiques UI à adopter
    • Application concrète des principes de design éco-responsable
    • Restitution collective et partage des apprentissages
  • Sensibiliser et embarquer les équipes

    • Comment convaincre des bénéfices du design numérique responsable
    • Mise en place d’actions concrètes dans les projets et au sein des équipes
    • Outils et ressources pour poursuivre la démarche
  • ✔︎ Tests et évaluations

    Les acquis de la formation seront validés au moyen :

    • Évaluations automatiques
    • Vérifications manuelles et fonctionnelles
    • Exercice: Flash Audit
    • Tests Utilisateurs

    Le travail individuel est estimé à une dizaine d’heures pour réaliser les exercices.

Image prise lors d'un workshop sur l'IA
Entretiens pendant une formation à Le Laptop UX research discovery
Entretiens pendant une formation à Le Laptop UX research discovery

Prochaines sessions

01 au 19 Juin 2026

Postuler
Paris et à distance
  • UI Design

    1er au 5 juin 2026 - à Paris

  • Figma

    8 au 9 juin 2026 à Paris

Postuler

Intervenants

Voir tous les intervenants

Modalités

Toute la FAQ

« Formation complète, avec de la théorie et de la pratique, des formateurs très pédagogues et sympathiques. Je recommande ! »

Camille Delabre

Camille Delabre

Ui designer & artistic director

« J’ai beaucoup apprécié la qualité de l’animation et les thématiques abordées afin de bien saisir les bases mais aussi pour pouvoir voir plus loin dans sa réflexion et pratique »

Julia Gualdi

Julia Gualdi

UI designer

« Très satisfait à la fois du formateur et du contenu de la formation »

 

Michaël Mérignargues

Michaël Mérignargues

Graphic Designer / Illustrator

« La formation correspond tout à fait à l’idée que je m’en faisais. Interactive, dynamique et avec des modules permettant d’être dans l’opérationnel. »

Rémi Peyre

Rémi Peyre

Directeur UX & design

« Claire, nette, concise, pas trop longue ni trop courte, les formateurs sont top, le lieu et tout ce qui va avec est top aussi, la possibilité de faire en distanciel.»

Laurie CHONAVEL

Laurie CHONAVEL

UX/UI Designer - Session Janvier 2025

« Le formateur est très compétent (pédagogue et expert de son sujet) et le contenu est très complet »

Morgane MASSIMI

Morgane MASSIMI

Product Designer - Session Janvier 2025

« Formation géniale, intervenant de qualité, vraiment je suis super contente. J’ai appris énormément de choses.»

Julie POUPAT

Julie POUPAT

Product Designer - Session Janvier 2025

« La qualité des explications et le sujet UI abordé en profondeur.»

Elise TRUONG

Product Owner - Session Juin 2025

En lien

Comprendre l’accessibilité numérique Blog

Comprendre l’accessibilité numérique

6 idées de cadeaux à mettre sous le sapin des UX/UI designers Blog

6 idées de cadeaux à mettre sous le sapin des UX/UI designers

UX, UI, Product Design : pourquoi tout le monde s’y met Blog

UX, UI, Product Design : pourquoi tout le monde s’y met

Heures portes ouvertes

Parler avec l'équipe pédagogique

S'inscrire

FAQ

Les questions fréquentes

Parcourir la FAQ
Dernière modification de cette page : 25-01-2026 à 14:15:28

Devenir membre du Laptop club

Rejoindre la communauté

carte membre

👉Découvrez notre nouvelle formation Agentic Experience Design : concevoir avec l'IA tout en maintenant l’humain au centre du processus créatif ✨

En savoir plus