DESIGN WEB : UX-UI AVEC FIGMA

Les points forts

Une formation :

  • en petits groupes ou en individuel
  • axée sur la pratique
  • visant une opérationnalité rapide
  • dispensée par des intervenants issus du monde professionnel

Durée : 35 heures

Lieu : sur Montpellier ou à distance

Objectif.s :
> Identifier les particularités de l’UX design et de l’UI design
> Acquérir les notions essentielles d’ergonomie et de prototypage

Public :
Etudiant(e), Salarié(e), Demandeur d’emploi, Entrepreneur(se), Grand Public

Modalités d’accès :
Entretien préalable + test (le cas échéant)

Pré requis :
Maitrise de l’outil internet

Evaluation :
> Formation basée sur l’apprentissage pratique (Exercices pratiques – Mise en situation)
> Evaluation tout au long de la formation

Validation :
Attestation de formation

Introduction

  • Définition : site Internet, Ergonomie, Navigation
  • Présentation des standards et contraintes : HTML/CSS
  • Contraintes, formats, couleurs et logiciels
  • Périphériques de capture et d’affichage : modes colorimétrique / résolutions et exceptions
  • Le cercle chromatique et les différentes représentations de la couleur.
  • Les types d’images : Bitmap et Vectoriel
  • Photoshop, Illustrator, Bridge et les objets dynamiques
  • Présentation des principaux formats graphiques : PSD, EPS, PDF, JPEG, PNG et GIF.
  • Compression et optimisation.
  • Tendance du web actuel

L’UX design

  • Qu’est-ce que l’UX Design ?
  • Qu’est-ce qu’une expérience ?
  • Fondements de l’UX Design
  • Enjeux et valeur ajoutée de l’UX Design dans le monde digital
  • La gestion de projet intégrant de l’UX Design (vs gestion de projet classique) : acteurs, plannings, budgets, livrables

Paramétrage et création du document de base

  • Définition de la grille
  • Mise en place d’un fond
  • Création de la colonne de contenu
  • Création de l’entête
  • Création de la barre de menu
  • Création du pied de page
  • Mise en place du contenu & partenaires
  • Choix des couleurs de la charte graphique en fonction d’éléments existants

Ergonomie – Les fondamentaux

  • Fondements de l’ergonomie
  • Définitions : utilité, utilisabilité, affordance, efficacité, efficience, etc.
  • Bases du fonctionnement cognitif de l’être humain (vision, mémoire, cognition)
  • Conception centrée utilisateur : bonnes pratiques et recommandations ergonomiques
  • Critères ergonomiques pour la conception et l’évaluation de la qualité ergonomique

Création de design d’applications (wireframes) et prototypage avec Figma

  • Comprendre l’interface du logiciel
  • Comprendre la notion de calques
  • Créer des formes (rectangles, ellipses, …)
  • Utiliser l’outil Texte
  • Exporter vos designs
  • Utiliser la grille de répétition et le Pathfinder
  • Rendre vos design Dynamiques

FORMATION EN PRESENTIEL

Nombre de stagiaires : 3 à 8 personnes ou en individuel

Modalités pédagogiques :
Formation intensive basée sur des travaux pratiques et / ou des études de cas permettant l’acquisition d’un logiciel et / ou d’une méthodologie de travail afin de rendre le.la stagiaire rapidement opérationnel.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.

FORMATION A DISTANCE

Nombre de stagiaires : 3 à 8 personnes ou en individuel

Modalités pédagogiques :
Formation intensive proposée en distanciel synchrone, sous forme de classes virtuelles avec alternance de sessions en direct et d’exercices pratiques / études de cas avec suivi techniques / pédagogique par tchat et mail en continu + la prise en main, le cas échéant, par le formateur de l’ordinateur du stagiaire à distance.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.

Modalités techniques :
Chaque stagiaire devra disposer d’un ordinateur personnel compatible avec la formation (configuration optimale + logiciel(s) installé(s)).

PLANNING

Formation en groupe (présentiel ou distanciel) :

  • Du 02.02 au 06.02.2026
  • Les 13, 14, 16, 20 et 21.04.2026
  • Du 06.07 au 10.07.2026
  • Du 30.09 au 06.10.2026

Horaires : 9h30 – 13h / 14h – 17h30

Formation en individuel (présentiel ou distanciel) :
Planning personnalisé

TARIFS

Formation en groupe (présentiel ou distanciel) :

  • Prise en charge (France Travail, Entreprise, OPCO, FAF, …) : 875 €
  • Autofinancement : 525 €

Formation en individuel (présentiel ou distanciel) :

  • Prise en charge (France Travail, Entreprise, OPCO, FAF, …) : 1225 €
  • Autofinancement : 1050 €

Afin d’évaluer au mieux vos besoins en formation et étudier avec vous les possibilités de financement, un entretien diagnostic gratuit sera préalable à toute rédaction d’un devis et à toute inscription.

Dernière mise à jour de la fiche : 15.02.2026