Logo Laptop  MENU

II – Certificat UI Design

Maîtriser les outils de conception de projets, vous permettant de travailler efficacement avec les développeurs. 

Les formations

Monter en compétence

3 jours pour maîtriser les outils de conception de projets, vous permettant de travailler efficacement avec les développeurs.

UI Design

  • JOUR 1 Figma "Découverte"

    Introductio

    • Les origines de Figma et des logiciels de création d’interfaces
    • Les principaux acteurs du secteur 
    • Forces et faiblesses (Figma, Sketch, Adobe XD)

    Prendre en main

    • Version en ligne et application (Mac ou Windows)
    • L’interface et  les outils
    • Les espaces de travail – Pages & Frames
    • Les calques
    • Paramétrer Figma

    Designer

    • Formes : créer des formes simple et complexes
    • Frames : disposition, taille, espacement entre éléments, etc.
    • Grid : plan de travail multi-dimension, règles & grid
    • Calques : attributs, modification & action (rotation, scale, alignements, etc.)
    • Texte : taille, espace inter caractères / ligne, fill, etc.
    • Les raccourcis clavier à connaître

    Collaborer et transmettre

    • Partager son travail
    • Les différents droits d’accès (view, comment, edit)
    • Inspect mode
    • Travailler à plusieurs 

    Fondamentaux des composants et des styles

    • Components : Principe, création, modification, Auto Layout & Swap
    • Styles : Couleurs / Textes / Effets

    Ateliers pratiques

    Application des acquis avec la réalisation d’une interface web responsive simple ou app mobile.

    • Réalisation d’une interface d’une page d’app mobile
    • Organisation, préparation, réalisation de l’interface
  • JOUR 2 Figma "Initiation"

    Booster son workflow : exploration détaillée de plugins, services et outils complémentaires à Figma

    • Qu’est-ce qu’un plugin et où les trouver ?
    • Installer et gérer ses plugins
    • Les plugins incontournables

    Structurer son processus de design

    • Nested components & Auto Layout
    • Convention de nommage
    • Créer un wireframe responsive
    • Inclure de la data
    • Exportation & developper handoff

    Prototyper avec Figma

    • Créer des liens entre des frames
    • Les interactions de base
    • Smart animate
    • Tips & Tricks

    Les librairies partagées 

    • Créer et partager une librairie
    • Introduction à la notion de Design System

    Les ressources

    • Savoir trouver et utiliser des ressources
    • Template et kit-UI

    Ateliers pratiques

    • Réalisation d’une interface d’application mobile.
    • Réalisation d’un prototype cliquable.
  • JOUR 3 Design Systems

    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

    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

    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

    Ateliers pratiques

    • Créer un design system
  • ✔︎ Validation des acquis

    • Réaliser des Wireframes (maquettes)
    • Réaliser un prototype animé
    • Utiliser des outils informatiques de prototypage : Sketch, inVision, Adobe XD etc.
    • Créer un Design System

Intégrez la communauté Laptop UX Club !

En suivant nos formations vous entrez dans un écosystème et une communauté. Avant le démarrage de la formation vous devenez membre du Laptop UX Club et bénéficiez de nombreux avantages :

  • accès au réseau francophone de Laptop via Slack
  • mentoring pair à pair entre membres
  • invitations exclusives aux alumnis aux sessions de questions-réponses
  • invitations aux évènements UX en avant-première
  • accès à notre base documentaire (canevas, supports, articles, vidéos)
  • inscription gratuite aux ateliers UX et conférences
  • propositions de missions UX et offres d’emploi
  • réductions sur le coworking (résident ou nomade)
  • 50 ouvrages de référence à Jourdain
  • remise de 5% supplémentaire sur les formations

En savoir plus

Publics et Pré-requis

  • UX designer
  • UI Designer
  • Directeur Artistique
  • Chef de projet
  • Développeur
  • Product Owner
  • Tout professionnel souhaitant acquérir les fondamentaux d’un logiciel de prototypage, de design graphique d’interfaces web et mobiles, responsive.

Modalités de l'enseignement à distance

Initialement en présentiel, les formations du Laptop ont été entièrement repensées et adaptées aux spécificités de l’enseignement à distance afin d’en maintenir la qualité.

D’un point de vue pédagogique, ergonomique et logistique, nous déployons un dispositif qui a prouvé son efficacité et sa pertinence. En voici les grands principes :

  • “Guide de l’apprenant à distance” et on-boarding
    Avant la formation nous envoyons aux participants un “Guide de l’apprenant à distance” avec toutes les informations nécessaires pour qu’ils se préparent en amont. Quelques jours avant la formation nous organisons une visioconférence collective afin de vérifier les dispositifs techniques de chacun et répondre aux éventuelles questions.
  • Logiciels et outils
    Nous utilisons des logiciels et outils à la fois simples à prendre en main et efficace pour la collaboration à distance : Zoom (ou Meet),
    Mural, Menti, Google Drive, Marvel App, …
  • Rythme d’apprentissage et ergonomie
    Les formations se déroulent sur des journées entières, de 9h30 à 18h, avec une pause déjeuner de 13h à 14h. Afin d’assurer un niveau d’attention constant malgré les écrans, nous rythmons les journées de nombreux éléments interactifs qui permettent de vérifier l’acquisition des compétences. Par ailleurs plusieurs pauses et énergizers sont au programme.
  • Effectifs, ateliers en sous-groupes et supports
    De nombreux ateliers pratiques sont organisés en petits groupes afin de mettre en œuvre les acquis théoriques. Les supports de cours sont remis en fin de formation, ainsi que l’accès à des ressources pédagogiques.

 

Modalités de financements

Toutes nos formations sont éligibles aux financements suivants (pas encore CPF) en plus des tarifs spéciaux selon que vous soyez :
  • Freelances affiliés à la MDA (graphisme, illustration) : AFDAS. Nous vous offrons -15%.
  • Prochaine commission le 24 novembre 2020.
  • Indépendants et chefs d’entreprises : FIF-PLAGEFICE. Nous vous offrons -15%.
  • Demandeurs d’emploi : Pôle Emploi ( ARE et CSPAIF ). Nous vous offrons -20%.
  • Salariés des TPE-PME : AFDASAtlas, OPCO-EP, AKTO
  • Salariés au chomâge partiel FNE + autre organisme de l’entreprise (AFDAS, Atlas,…)
  • Personnes handicapées : AGEFIPH
Les critères de candidatures et de financement pour chaque organisme sont expliqués dans ce document.
Pour vous conseiller sur le financement, pour vous aider à définir vos besoins et pour bien préparer votre formation, appelez-le 01 77 16 65 24.
Vous pouvez échelonner vos paiements sur simple demande.

3 jours à distance — à partir de

1200 € HT


 

  • 1 200 € HT pour les demandeurs d’emploi et financement personnel
  • 1 275 € HT pour les freelances et TPE
  • 1 500 € HT pour les entreprises
Dates & inscription
Demander un devis

Sessions

30 novembre au 2 décembre (classe virtuelle)
1 au 3 février 2021 (classe virtuelle)
3 au 5 mai 2021 (classe virtuelle)
21 au 23 juin 2021 (classe virtuelle)

Programme

Cycles & modules
complémentaires

#methods

en formation

Charlotte Pellefigue

(UX designer freelance)

« Une formation aux petits oignons : un apport théorique et pratique hyper efficace. On se sent accompagné et surtout prêt à appliquer rapidement tout ce qu’on a appris dès la sortie. »

Lucille Boulesteix

(Ergonome chez Axance)

« La formation au Laptop c’est comme vivre une expérience cousue main en France par de grands couturiers, tout est conçu pour que vous puissiez en ressortir grandi humainement, méthodologiquement, professionnellement. »

Rodolphe Finamore

(Freelance Digital Strategist)

« La formation a dépassé mes espérances […] Elle m’a appris de nombreuses techniques/méthodologies que je vais pouvoir implémenter dans ma pratique quotidienne. »

Hugo Marcone

(UX designer chez Kamet)

« La formation est tout simplement une des meilleures que j’ai faite dans ma vie, tous sujets confondus. La formation est claire, efficace, bien construite et axée sur le cas concret d’un client. Vous repartirez en ayant appris de nouvelles méthodes et compétences tout en vivant une belle expérience humaine. »