Devenez Web designer : Formation à distance et certifiante

1. Introduction à l’UX/UI Design et Méthodologie

Découvrez les bases de l’expérience utilisateur et du design d’interface.

Objectifs

• Comprendre les fondamentaux de l’UX/UI
• Identifier les besoins des utilisateurs et les principes d’ergonomie
• Appliquer une méthodologie de conception efficace

Ce que vous maîtriserez à la fin

• Différences entre UX (User Experience) et UI (User Interface)
• Les principes de design centrés utilisateur
• Parcours utilisateur et personas
• Accessibilité et ergonomie des interfaces
• Méthodes de recherche utilisateur et tests d’usabilité

2. Wireframing et Prototypage avec Figma

Apprenez à concevoir des maquettes interactives et à structurer vos projets.

Objectifs

• Créer des wireframes pour organiser l’information
• Développer des prototypes interactifs et tester la navigation
• Maîtriser les fonctionnalités avancées de Figma

Ce que vous maîtriserez à la fin

• Création de wireframes basse et haute fidélité
• Utilisation des composants et styles globaux
• Prototypage interactif et navigation entre pages
• Collaboration et retours en temps réel avec les équipes
• Exportation et partage de prototypes

3. Web Design et Création d’Interfaces Esthétiques

Optimisez l’apparence et l’expérience utilisateur de vos interfaces.

Objectifs

• Concevoir des interfaces modernes et attrayantes
• Travailler sur la cohérence visuelle d’un projet
• Intégrer des éléments interactifs et animations UI

Ce que vous maîtriserez à la fin

• Principes de design responsive et mobile-first
• Choix des couleurs et typographies adaptées au web
• Création de systèmes de design (Design System)
• Animation et micro-interactions pour améliorer l’expérience utilisateur
• Utilisation des grilles et règles de mise en page

4. Intégration Web et Développement No-Code avec Webflow

Créez un site web fonctionnel sans coder grâce à Webflow.

Objectifs

• Apprendre les bases du HTML et du CSS
• Structurer une page web et ajouter des animations
• Publier un site web interactif et optimisé

Ce que vous maîtriserez à la fin

• Interface et fonctionnalités de Webflow
• Création et personnalisation de pages dynamiques
• Intégration d’animations et interactions avancées
• Optimisation SEO et responsivité
• Hébergement et publication d’un site web

5. Création d’Assets Graphiques pour le Web

Utilisez Photoshop et Illustrator pour concevoir des visuels adaptés aux interfaces numériques.

Objectifs

• Optimiser les images et icônes pour le web
• Créer des illustrations et éléments visuels cohérents
• Adapter les visuels aux différents écrans et formats

Ce que vous maîtriserez à la fin

• Retouche et compression des images pour la performance web
• Création d’icônes et illustrations vectorielles
• Optimisation des images pour le responsive design
• Exportation des assets en SVG, PNG et WebP
• Intégration de visuels et animations dans Webflow et Figma

6. Test, Optimisation et Accessibilité Web

Améliorez l’accessibilité et la performance de vos interfaces digitales.

Objectifs

• Tester l’efficacité d’une interface et optimiser l’expérience utilisateur
• S’assurer du respect des normes d’accessibilité web
• Améliorer la rapidité et la compatibilité des sites web

Ce que vous maîtriserez à la fin

• Outils de tests UX (Google Lighthouse, Hotjar, A/B testing)
• Vérification des contrastes et conformité aux normes WCAG
• Optimisation du chargement des pages et des ressources
• Amélioration des interactions pour une navigation fluide
• Ajustements SEO pour une meilleure indexation

7. Présentation et Valorisation des Projets UX/UI

Apprenez à documenter et présenter vos projets pour un portfolio attractif.

Objectifs

• Construire un portfolio UX/UI percutant
• Présenter ses projets de manière professionnelle
• Structurer un cas d’étude UX pour convaincre les recruteurs

Ce que vous maîtriserez à la fin

• Création de mockups et mises en situation réalistes
• Structuration d’un portfolio (Behance, Dribbble, Notion)
• Techniques de storytelling et présentation de projets
• Argumentation et défense des choix UX/UI
• Bonnes pratiques pour une candidature efficace

Objectifs de la formation : 

• Concevoir des interfaces modernes et ergonomiques : UX/UI, accessibilité et design responsive
• Maîtriser les outils du web design : Figma, Adobe XD, Webflow pour la création d’interfaces intuitives
• Intégrer et tester ses designs : interaction, animation et optimisation des performances
• Développer une identité digitale forte : harmonisation des visuels, typographies et palettes de couleurs

Compétences attestées : 

Développement Front End

Intégrer des maquettes graphiques en HTML/CSS en tenant compte des résolutions d'écran, des navigateurs et de l'accessibilité (RGAA), avec une logique d'intégration réutilisable et optimisée pour le référencement naturel.

Enrichir l'interface avec JavaScript (interactivité, animations, validation des formulaires, fonctionnalités asynchrones, librairies) pour améliorer l'expérience utilisateur.

Développement Back End

Analyser le cahier des charges, construire et interroger une base de données (SQL) dans le respect du RGPD.

Conceptualiser et développer une application avec un langage adapté, la programmation orientée objet et une architecture Modèle-Vue-Contrôleur (MVC).

Gérer les utilisateurs et leurs droits, travailler en équipe avec des outils de gestion de versions et préparer l'application à la livraison.

Blocs optionnels

Développer avec un framework, concevoir le design d'interfaces (wireframes, maquettes responsive) et mettre en œuvre une démarche DevOps (automatisation, conteneurisation Docker, déploiement continu).

Modalités pédagogiques : 

• Vidéos e-learning
• Classes virtuelles
• Coachings individuels
• Workshop

Pré requis : 

• Les critères d'accès portent sur la curiosité, la motivation, le projet professionnel, la rigueur et la logique plutôt que sur le niveau scolaire.
• Des bases d'anglais sont requises.
• L'admission s'appuie sur un entretien individuel et des tests d'aptitudes (logique, mathématiques, anglais).

Module d'évaluation :

Évaluation par mises en situation professionnelle sous forme de projets, menées devant un jury de professionnels.

Calcul pondéré : contrôle continu 30 %, projets évalués 70 %. Note minimale requise : 50 %.