Web, Design & Digital

Design UX / UI

Des formations pour concevoir des interfaces numériques ergonomiques, modernes et attractives, comprendre l’expérience utilisateur, créer des maquettes, des prototypes interactifs et des animations avec Figma et Adobe XD.

UX
UI
Figma Adobe XD Prototype Webdesign
Fiche formation

Informations essentielles

Les modalités sont adaptées au parcours sélectionné, au niveau de l’apprenant et à son projet professionnel.

Objectif pédagogique

Concevoir des interfaces numériques ergonomiques et attractives, analyser les besoins des utilisateurs, structurer les parcours de navigation, réaliser des wireframes, créer des maquettes et développer des prototypes interactifs avec les principaux outils de design UX/UI.

Public concerné

Débutants, salariés, demandeurs d’emploi, étudiants, indépendants, créateurs de sites internet, graphistes et personnes en reconversion professionnelle.

Prérequis

Savoir utiliser un ordinateur, naviguer sur Internet et gérer des fichiers. Aucune connaissance préalable en design UX/UI n’est nécessaire pour les parcours d’initiation.

Durée

Variable selon le parcours choisi. Les modules disponibles ont une durée moyenne comprise entre 1 h 57 et 5 h 29. La durée totale peut être adaptée au projet de l’apprenant.

Modalités pédagogiques

Formation en e-learning tutoré, classe virtuelle, présentiel ou parcours mixte, avec démonstrations, exercices pratiques, ateliers de conception et accompagnement individualisé.

Évaluation

Test de positionnement, exercices pratiques, création de maquettes et de prototypes, quiz intermédiaires, évaluation finale et questionnaire de satisfaction.

Délai d’accès

Entrée possible tout au long de l’année. Le délai moyen d’accès est de 15 jours après validation du projet et des modalités de financement.

Tarif et financement

Tarif établi selon le parcours sélectionné. Financements possibles selon la situation : OPCO, France Travail, employeur ou financement personnel.

Accessibilité handicap

Les personnes en situation de handicap sont invitées à contacter CWDB avant leur inscription afin d’étudier les adaptations pédagogiques et techniques possibles.

Demander le programme détaillé Échanger sur mon projet

Compétences visées

Comprendre les principes de l’expérience utilisateur, concevoir des parcours de navigation cohérents, créer des wireframes et des maquettes graphiques, réaliser des prototypes interactifs et présenter un projet de design numérique professionnel.

UX Design UI Design Figma Adobe XD Wireframes Prototypage Responsive Design Design System Animation Webdesign

Programmes disponibles

#402

De l’expérience utilisateur UX/UI au Webdesign

Comprendre les principes de l’expérience utilisateur et de l’interface utilisateur afin de concevoir des sites et des applications ergonomiques, accessibles et adaptés aux besoins des utilisateurs.

Voir le programme
  • Comprendre les différences entre UX Design, UI Design et Webdesign
  • Analyser les besoins du client et des utilisateurs
  • Définir les objectifs du projet numérique
  • Créer des personas et identifier les utilisateurs cibles
  • Analyser les comportements et les parcours utilisateurs
  • Mettre en place une architecture de l’information
  • Organiser les contenus selon une approche Content First
  • Créer des scénarios et des parcours de navigation
  • Comprendre le rôle des appels à l’action
  • Réaliser des croquis et des wireframes
  • Concevoir une interface adaptée aux écrans mobiles
  • Choisir les couleurs, typographies et iconographies
  • Respecter les principes d’ergonomie et d’accessibilité
  • Construire une maquette graphique cohérente
  • Présenter et argumenter ses choix de conception
#380

Dompter Adobe XD de A à Z

Découvrir Adobe XD et apprendre à concevoir des maquettes d’interfaces, créer des composants, organiser les écrans et réaliser des prototypes interactifs.

Voir le programme
  • Présentation d’Adobe XD et de son environnement
  • Découverte de l’interface et des principaux outils
  • Création et gestion des plans de travail
  • Utilisation des formes, couleurs et bordures
  • Création et mise en forme des textes
  • Importation et gestion des images
  • Utilisation des grilles et des repères
  • Alignement et organisation des éléments
  • Création de composants réutilisables
  • Gestion des états des composants
  • Création de répétitions avec Repeat Grid
  • Conception d’une interface web ou mobile
  • Création de liens entre les écrans
  • Ajout de transitions et d’interactions
  • Création d’un prototype interactif
  • Prévisualisation et test du prototype
  • Partage du projet avec un client ou une équipe
  • Exportation des éléments graphiques
#381

Figma : créer une Landing Page professionnelle

Prendre en main Figma et concevoir une page d’atterrissage moderne, claire et performante, adaptée aux objectifs de communication et de conversion.

Voir le programme
  • Découverte de Figma et création d’un compte
  • Présentation de l’interface et des outils
  • Création d’un nouveau projet
  • Création et organisation des frames
  • Utilisation des formes et des couleurs
  • Ajout et mise en forme des textes
  • Importation et intégration des images
  • Utilisation des grilles de mise en page
  • Création de la structure d’une Landing Page
  • Conception du bandeau principal
  • Création d’un titre et d’un appel à l’action
  • Organisation des différentes sections
  • Création de boutons et d’éléments graphiques
  • Utilisation des composants réutilisables
  • Application des principes d’alignement et d’espacement
  • Adaptation de la maquette aux écrans mobiles
  • Prévisualisation et partage de la maquette
#512

Figma : du prototypage à l’animation

Approfondir l’utilisation de Figma pour créer des composants avancés, des prototypes interactifs, des animations et des interfaces numériques dynamiques.

Voir le programme
  • Présentation de Figma et organisation des fichiers
  • Création et gestion des frames
  • Utilisation des formes, couleurs et effets
  • Maîtrise de l’outil plume
  • Création et mise en forme des textes
  • Gestion des images et création de masques
  • Création de composants et de variantes
  • Utilisation des contraintes responsive
  • Mise en place de l’Auto Layout
  • Création d’un Design System
  • Organisation des styles de couleurs et de textes
  • Création d’interactions entre les écrans
  • Utilisation des overlays et des fenêtres modales
  • Création de menus et de navigations interactives
  • Utilisation de Smart Animate
  • Création de transitions et d’animations
  • Conception d’un prototype complet
  • Test et présentation du parcours utilisateur
  • Atelier de création d’une interface inspirée de Nike
  • Création d’une version interactive et animée
  • Partage et exportation du projet final

Vous souhaitez créer des interfaces professionnelles ?

Contactez CWDB pour choisir le parcours adapté à votre projet : UX Design, UI Design, Figma, Adobe XD, Webdesign, prototypage ou animation.

Demander des informations Prendre RDV