Conception de pages web interactives avec Figma
Un cours proposé par Eva Sánchez ClementeDesigneuse UX/UI
Un cours proposé par Eva Sánchez Clemente, Designeuse UX/UI
Apprenez à créer des sites webs inoubliables, interactifs et faciles à programmer en tenant compte du comportement des utilisateurs
Pour créer une page web de A à Z, deux facteurs doivent être pris en compte : le projet du client et le comportement des utilisateurs. Ce double impératif régit la pratique d’Eva Sánchez, designeuse UX/UI. Une fois que ces deux aspects sont intégrés, il suffit de faire appel à ses intérêts et à sa culture pour affiner les détails visuels.
Dans ce cours en ligne, vous apprendrez à analyser un brief pour pouvoir apporter votre vision personnelle à chaque projet. Au fil des unités, vous découvrirez comment vous appuyer sur la typographie, les images et la composition pour créer des expériences web intuitives et interactives.
Qu'allez-vous apprendre dans ce cours en ligne ?
15 leçons & 27 vidéos téléchargées
Recherche de références et mood board
10 minutes, 10 secondes
UX : structure et contenu du web
15 minutes, 40 secondes
Couleur, typographie et composition
19 minutes, 53 secondes
Conception pour un contexte « mobile first »
14 minutes, 25 secondes
Préparez le dossier
8 minutes, 35 secondes
Le processus de travail
6 minutes, 20 secondes
Que comprend ce cours ?
Vous commencerez par faire la connaissance d’Eva Sánchez. La designeuse UX/UI vous présentera son parcours professionnel et ses centres d’intérêt. Vous découvrirez également les références qui nourrissent son travail, dans sa discipline ou non.
Dans la deuxième unité, vous observerez les évolutions à l’œuvre dans le monde du web design. Puis vous apprendrez à définir votre brief, à partir duquel vous pourrez effectuer des recherches et réaliser un moodboard pour donner vie à votre projet final.
Ensuite, place à la pratique ! Vous jouerez avec la typographie, la couleur et la composition, sans négliger la définition du contenu et la structure de l’interface. Vous constaterez également l’intérêt de doubler votre projet d’une version mobile, pour compléter l’expérience web.
Dans la quatrième unité, une fois la phase de conception achevée, vous vous concentrerez sur les interactions et le mouvement. Puis vous passerez au prototypage sur Figma et After Effects, afin d’obtenir un fichier prêt à programmer et compréhensible pour n’importe quelle personne amenée à travailler sur votre projet.
Enfin, Eva vous décrira son processus de travail, en vous expliquant notamment comment elle révise des pages web déjà codées. Pour terminer le cours, elle vous dévoilera ses conseils de gestion et de communication pour vous aider à gagner en visibilité et en reconnaissance.
Logiciels et outils recommandés pour ce cours
Quel est le projet du cours ?
Pour le projet final, vous mènerez à bien un projet de page web interactive, attractive et fonctionnelle.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Ce cours s’adresse aux personnes qui cherchent à actualiser et à approfondir leurs connaissances dans le secteur des expériences numériques.
Prérequis et matériel nécessaire
Pour suivre ce cours, il vous faudra un ordinateur connecté à Internet, des notions de base d’une application de web design, Figma de préférence, et des connaissances élémentaires en graphisme.
Avis
- il y a 2 jours
Esperaba un poco más sobre interacciones en la web, que fue por lo que lo compré, pero no tiene mucho desperdicio. Te da consejos sobre como llevar el proyecto cuando estes en el campo laboral, te explica su metodología de trabajo (lo cual es bastante útil si vas empezando) te comparte pluggins que son realmente muy útiles! incluso cuando estas trabajando con los programadores.Realmente te lo recomiendo si estas empezando y deseas aprender sobre el diseño UX/UI, sales con una visión muy completa
- canyelles_martaPLUSil y a 2 mois
Me ha parecido muy interesante para comprender cómo organizar el trabajo y estructurar el proceso de diseño. Lo que más me ha aportado han sido las referencias de inspiración y los recursos compartidos.
- il y a 4 mois
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
- il y a 4 mois
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
- il y a 4 mois
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
Sa notoriété continue de grandir, ce qui lui vaut de collaborer avec d’autres studios indépendants comme Fuego Camina Conmigo, Ophion, Rebeka Arce Studio ou encore Réplica Studio. Elle travaille actuellement chez Jam3, une agence de design internationale dédiée exclusivement aux expériences numériques et à l’innovation dans ce secteur.
Contenu
- U1
Introduction
- Présentation
- Mes sources d'inspiration
- U2
Comprendre et définir le projet
- Le contexte de la conception Web
- L'importance du briefing
- Recherche de références et mood board
- U3
Concevoir l'expérience Web
- UX : structure et contenu du web
- Couleur, typographie et composition
- Conception pour un contexte « mobile first »
- U4
Prototyper, animer et peaufiner le design
- Prototypage de base dans Figma
- Animer des éléments dans After Effects
- Préparez le dossier
- U5
Présenter, communiquer et collaborer
- Le processus de travail
- Orchestrer un projet web
- Pixel push : prenez soin de votre projet
- Publier et promouvoir votre travail
- PF
Projet final
- Conception de pages web interactives avec Figma
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificats
PLUSEn tant que membre Plus, vous recevrez pour chaque cours un certificat personnalisé signé par votre professeur. Partagez-le dans votre portfolio, sur les réseaux sociaux ou partout où vous le souhaitez.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à créer des expériences digitales interactives, à appliquer les tendances actuelles en UX/UI, à structurer vos projets avec des wireframes et prototypes, à gérer les briefings, à construire des mood boards et à développer un portfolio professionnel en design web.
Ce cours s’adresse aux personnes ayant des connaissances intermédiaires en design graphique ou digital, sans nécessité d’être expert. Une familiarité de base avec les outils numériques de design est recommandée.
Vous aurez besoin d’un ordinateur avec accès internet et des logiciels comme Figma et After Effects. Il est conseillé d’avoir des comptes sur des plateformes telles que Dribbble et Raindrop pour organiser votre inspiration et vos ressources.
Vous apprendrez à sélectionner et présenter vos projets, à appliquer des concepts visuels actuels et à structurer votre portfolio web pour vous démarquer dans les communautés créatives et booster vos opportunités professionnelles.
Vous travaillerez principalement avec Figma, After Effects et des extensions Chrome dédiées au design. Vous apprendrez aussi à collecter de l’inspiration sur Dribbble et à organiser vos ressources avec Raindrop.
Le cours enseigne des techniques pour créer des mood boards efficaces, rassembler et organiser des références visuelles, et utiliser des outils numériques pour capturer et classer l’inspiration selon le projet.
Oui, les tendances comme le neumorphisme, le brutaliste, le flat design et le glassmorphisme sont analysées et appliquées pour que vous puissiez expérimenter et adapter des styles visuels innovants dans vos projets web.