Introduction
  • Comment suivre ce cours ?
  • Liste des étapes d'un projet complet
  • Exercice : Votre projet
Définitions : Les fondamentaux
  • UX : Expérience Utilisateur
  • UI : Interface Utilisateur
  • Le faux-ami, le mot “design”
  • Quiz
Étude des clients
  • Pourquoi est-ce que connaitre ses clients est-ce important ?
  • Communiquer avec ses visiteurs/prospects
  • Concevoir un avatar client (persona)
  • Quiz
Création du contenu
  • Créer du contenu avec la méthode du content-first
  • Quel est votre objectif ?
  • Appel à l'action (CTA)
Wireframe
  • C'est quoi les Wireframes ?
  • Règle 1 : Noir & blanc
  • Règle 2 : Placeholders
  • Règle 3 : Cohérence
  • Quiz
Hiérarchie
  • La taille des éléments
  • Épaisseur du texte
  • Les couleurs & fonds
  • Les labels
  • Sémantique des actions
Navigation
  • Construire une bonne navigation
  • Structure globale du site
  • UX : la navigation sur mobile
Principes de conception
  • Les interactions
  • L'alignement
  • Principe de proximité
  • L’iconographie
Les couleurs
  • Choisir ses couleurs
Mise en pratique : Wireframe
  • Présentation du projet
  • Création du wireframe de la landing page
  • Création du wireframe de la page de connexion
  • Envoyez votre wireframe
Mise en pratique : UI (Interface utilisateur)
  • Design de la landing page
  • Design de la page de connexion
  • Checklist : est-ce qu'il y a des erreurs ?
  • Ajout de détails
  • Envoyez votre design
Bonus
  • Mes autres formations
  • Le mot de la fin...