Logo Laptop  MENU
Formations

Parcours

UI Designer

9 jours pour maîtriser l'outil de prototypage Figma et contribuer aux Design Systems, afin de travailler efficacement en équipe produit

En bref

Ce parcours vous permet d’acquérir toutes les compétences pour devenir UI designer ou perfectionner votre pratique. Maîtrisez les principes essentiels du design de produit, découvrez le processus complet d’un projet UI, perfectionnez votre pratique sur Figma, l’outil de maquettage et de prototypage le plus utilisé aujourd’hui et découvrez comment mettre en place et maintenir un Design System, pour collaborer au mieux en équipe.

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

Prochaine session

9 avril au 15 mai 2024

Lieu

Paris, à distance

Financement

OPCO, France Travail

Participants

14 max

Rythme

9h - 18h

4 000 €HT 4 800 €TTC

Financements
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 :

4 au 7 juin 2024

  • Jour 1 Conception visuelle et Designer Full-stack

    • Branding
    • Principes de la couleur & plugins figma
    • Typographie et lisibilité
    • Iconographie et responsive
    • Atelier : Audit pour améliorer l’expérience émotionnelle de votre produit.
    • Compétences d’un Designer fullstack :
      • Designer UX (biais cognitifs, règles d’ergonomie, architecture de l’information).
      • Designer UI (conception de l’information, lignes directrices de style, branding, design émotionnel).
      • Product Designer (métriques, collaboration avec la tech, code).
      • Designer No Code (Webflow, Make, Zapier, Azure, GPT)
    • Atelier : Amélioration de l’expérience en tant que designer full-stack
  • Jour 2 Processus et Conception d'interface utilisateur

    • UI Design process
    • Atelier : Benchmark
      • Recherche concurrentielle sous différents angles.
      • Compilation d’une liste de ressources.
      • Analyse et comparaison des interactions et flux utilisateurs des concurrents.
      • Propositions de fonctions utiles aux utilisateurs du produit.
    • Modules, Patterns, Éléments
    • Patterns, Éléments pour les Webapps
    • Atelier : Mockup : Créer une page pour une Webapp.
  • Jour 3 Accessibilité, Eco-conception et Design responsive

    • Tendances comportementales
    • Technologies
    • Accessibilité
    • Eco-conception
    • Atelier : Créer une maquette de page accessible et durable, audit et itération.
    • Conception de Sites Web / Landing Pages / Web Apps / Apps Mobiles :
      • Design adaptatif vs. réactif.
      • Conception visuelle pour différentes résolutions d’écran.
      • Compréhension des tendances actuelles du design.
    • Placement et comportement des éléments
    • Techniques
    • Appareils
    • Grilles, Rythme & Espacement
    • Atelier : Responsive Design : création d’une série d’écrans pour 3 appareils différents.
  • Jour 4 Transmission (Hand Off), Design System et Prototypage sur Figma

    • Best practices pour la collaboration avec les développeurs
    • Passation de design (handoff design)
    • QA de l’implémentation du design
    • Atelier : Design critique
    • Design system & multibranding
    • Atelier : Design system
    • Atelier mise en pratique sur Figma : Expérimentation des interactions sur votre projet avec votre mentor.
  • 1 mois après la formation Mentorat

    Un mois après la conclusion de votre formation, nous vous proposons de vous rassembler en promotion avec votre intervenant pour un atelier de mentorat à distance. 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 suivi permet 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.

  • ✔︎ Validation des acquis

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

    • d’un quiz en fin de formation
    • d’exercices évalués tout au long des 4 jours
Design Systems

Design Systems

Cette formation intensive vous permettra de comprendre les principes liés à la mise en place d’un Design System et à sa maintenance et de pratiquer sur un cas concret.

Interfaces Opérations Figma Organisation Design System

Prochaine session :

29 et 30 avril 2024

  • Jour 1 Design Systems : enjeux et mise en place

    • Introduction : définition, historique, enjeux, composantes, outils
    • Concevoir et déployer, une organisation à part entière
    • Garder la cohérence des éléments d’interface : identité, contenus, normes
    • La pérennité du Design System : maintenir et faire évoluer
    • Ateliers pratiques : audit de l’existant, inventaire, vision
  • Jour 2 Documenter, Promouvoir et Maintenir un Design System

    • Documenter : architecture et outillage
    • Promouvoir et maintenir : KPIs et analytics, gouvernance, optimisation
    • Ateliers pratiques : documentation, maintenance
  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’un QCM sur les enjeux, problématiques et fonctionnement d’un Design System.

Figma Avancé

Figma Avancé

Interfaces Prototypage Interactif Collaboration Figma Design System Workflows Librairies

Prochaine session :

13 au 15 mai 2024

  • Jour 1 Composants complexes dans Figma

    • Structure et industrialisation du design (layout grids, nomenclatures, spacing systems, tokens, thèmes multi-marques)
    • Atelier pratique : designer en « dynamique »
    • Atelier pratique : créer des composants complexes
  • Jour 2 Industrialisation du workflow dans Figma et ses plug-ins

    • Optimiser son espace de travail, collaborer et transmettre
    • Atelier pratique : booster son workflow grâce aux plug-ins incontournables et aux tips pour accélérer
  • Jour 3 Exercice pratique de maquettage et prototypage complexe sur Figma

    • Tirage au sort d’un sujet à concevoir et réaliser collaborativement dans la journée, avec accompagnement du formateur
    • Restitution en fin de journée, et évaluation finale
  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’un exercice de maquettage et prototypage complexe sur Figma.

Photo de Kristina Gudim, intervenante formation Design Systems
Photo de groupe de travail en formation UI
Photo d'Aurelien BArbier, intervenant formation Figma niveau 1
Photo d'Ugo Jauffret intervenant formation Figma niveau 2
Photo de groupe de travail en formation UI
Photo pendant le module de formation Design Sprint avec le groupe pendant une interview utilisateur

Prochaines sessions

9 avril au 15 mai 2024

Postuler
à Paris
  • UI Design

    9 au 12 avril 2024

  • Design Systems

    29 et 30 avril 2024

  • Figma Avancé

    13 au 15 mai 2024

Postuler

04 au 28 juin 2024

Postuler
à distance
  • UI Design

    04 au 07 juin 2024

  • Design Systems

    20 et 21 juin 2024

  • Figma Avancé

    26 au 28 juin 2024

Postuler

1er au 18 octobre 2024

Postuler
à Paris
  • UI Design

    1er au 4 octobre 2024

  • Design Systems

    10 et 11 octobre 2024

  • Figma Avancé

    16 au 18 octobre 2024

Postuler

19 novembre au 6 décembre 2024

Postuler
à distance
  • UI Design

    19 au 22 novembre 2024

  • Design Systems

    28 et 29 novembre 2024

  • Figma Avancé

    4 au 6 décembre 2024

Postuler

Les intervenants

Voir tous les intervenants du laptop

Modalités de la formation

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

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 : 03-04-2024 à 13:51:20

[Brad Frost's Design System Masterclass] Découvrez l'événement design immanquable de l'été ⭐️

Brad Frost

Inscription