Web Design UX / UI | En Téléprésence - Titre d'État Bac+3 par Formation31

Objectif pédagogique : À la fin de la formation Web Design, les apprenants seront capables de concevoir et de réaliser des sites web interactifs et ergonomiques en utilisant des technologies web avancées tout en prenant en compte les principes de l'expérience utilisateur (UX) et de l'interface utilisateur (UI).

Pour atteindre cet objectif, la formation comprendra les éléments suivants :

Maîtrise des langages et des outils de développement web : Les apprenants acquerront une solide connaissance des langages HTML, CSS et JavaScript, ainsi que de divers outils de développement tels que Git, Visual Studio Code, et Figma.

Compréhension des principes de l'expérience utilisateur (UX) et de l'interface utilisateur (UI) : Les apprenants apprendront les principes de base de l'UX/UI et comment les appliquer pour concevoir des sites web efficaces et engageants.

Conception de sites web responsive : Les apprenants seront en mesure de concevoir des sites web responsive qui s'adaptent à toutes les tailles d'écran, en utilisant des frameworks tels que Bootstrap.

Intégration de la charte graphique : Les apprenants apprendront à intégrer une charte graphique dans un site web à l'aide de CSS et de SASS.

Conception d'interfaces interactives : Les apprenants apprendront à concevoir des interfaces interactives en utilisant des technologies telles que AJAX et jQuery.

Gestion de projet web : Les apprenants découvriront comment gérer efficacement un projet web, y compris la planification, l'exécution et la livraison.

Stage en entreprise : Les apprenants effectueront un stage en entreprise pour appliquer les compétences acquises en situation réelle et pour se familiariser avec l'environnement professionnel.

En combinant ces compétences, les apprenants seront en mesure de créer des sites web interactifs et ergonomiques qui répondent aux besoins des utilisateurs et des clients, tout en répondant aux normes professionnelles et en respectant les principes de l'UX/UI.

Programme pour la formation WebDesign

Module 1 : Site web : les fondamentaux (100 heures)

Les navigateurs (10 heures)
Html5 - Css3 (30 heures)
Le Responsive Design (20 heures)
Bootstrap (20 heures)
Le droit numérique pour les webmasters (20 heures)

Module 2 : Créer un site web dynamique (100 heures)

Configurer un serveur local (20 heures)
Les bases de Php - Mysql (40 heures)
Les bases de javascript - Jquery (30 heures)
Nom de domaine, hébergement, serveur (10 heures)
Validation de code, émulateurs, compatibilité navigateurs (10 heures)

Module 3 : Préparer son design (60 heures)

L'ux design (20 heures)
Les tendances (10 heures)
La typographie (10 heures)
La couleur (10 heures)
Ombres et lumières (5 heures)
Images et icones (5 heures)

Module 4 : Design web : travail sur les images (70 heures)

Apprentissage de Photoshop CC (40 heures)
Apprentissage d'Illustrator CC (20 heures)
Apprentissage d’Adobe XD (10 heures)

Module 5 : Intégration charte graphique avec Html et Css (60 heures)

Intégrer une charte graphique dans son code Html et Css (40 heures)
Mise en ligne (20 heures)

Module 6 : Le webmarketing (30 heures)

Définition (5 heures)
Optimisation d'un site (10 heures)
Référencement naturel (5 heures)
Référencement social (5 heures)
Outils de suivi et de statistiques (5 heures)

Module 7 : Les CMS (60 heures)

Définition (10 heures)
Avantages (10 heures)
Wordpress (20 heures)
Prestashop (20 heures)
Optimisation et référencement (10 heures)

Module 8 : Enrichir son site avec les animations 2D (80 heures)

Adobe Animate CC (20 heures)
After Effects CC (20 heures)
Les fondamentaux de Cinema 4D (10 heures)
Les fondamentaux de Dimension CC (10 heures)
Jquery Ui (10 heures)
Html 5 (10 heures)

Module 9 : Créer une infographie destinée à l'impression (40 heures)

Apprentissage d'Adobe Indesign (30 heures)
Créer une brochure (5 heures)
Configuration pour l'impression (5 heures)

Module 10 : Stage en entreprise (100 heures)

Cours sur l'UI UX Design avec Figma :

Introduction à Figma (10 heures)
Conception d'interface utilisateur (20 heures)
Conception d'expérience utilisateur (20 heures)
Prototypage (20 heures)
Collaboration avec les développeurs (10 heures)
Tests utilisateur et amélioration (20 heures)
Titre : Atelier d'introduction à l'UI/UX Design avec Figma


Introduction à l'UI/UX Design

Qu'est-ce que l'UI/UX Design ?
Différences entre l'UI et l'UX
Importance de l'UI/UX dans le développement d'un produit numérique

Adobe XD vs Figma

Présentation des deux outils de conception d'interfaces
Avantages et inconvénients de chaque outil
Pourquoi choisir Figma pour cet atelier

Découverte de l'interface de Figma

Navigation dans Figma
Présentation des différents panneaux et des fonctionnalités

Outils de conception

Utilisation des outils de dessin, de forme et de texte
Création de formes personnalisées
Utilisation des raccourcis clavier pour une productivité accrue

Gestion des typos

Importation et gestion des polices dans Figma
Utilisation des styles de texte
Bonnes pratiques pour la lisibilité du texte

Gestion des couleurs

Création et utilisation de palettes de couleurs
Utilisation des styles de couleurs
Harmonie des couleurs et accessibilité

Création d'un design system

Comprendre l'importance d'un design system
Création de composants réutilisables
Gestion des styles globaux

Création d'un wireframe (site ou application)

Planification et structure d'un wireframe
Utilisation des outils de mise en page et de navigation
Création d'un wireframe interactif dans Figma

Système de grille ou système multiple de 8

Introduction aux grilles de mise en page
Création d'une grille personnalisée
Utilisation d'un système de multiples de 8 pour la cohérence visuelle