Conception de pages web interactives avec Figma
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
- 93% avis positifs (110)
- 5 369 élèves
- 15 leçons (2 h 23 min)
- 27 ressources complémentaires (9 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais
- Niveau : Débutant
- Accès illimité pour toujours
Logiciel recommandé pour ce cours
Adobe After Effects
FigmaQuel 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.
Vous débutez sur Adobe After Effects ? Si c'est le cas, nous vous recommandons les cours Domestika Basics pour apprendre à utiliser le logiciel : Introduction à After Effects.
Avis
Eva Sánchez Clemente
Un cours proposé par Eva Sánchez Clemente
Eva Sánchez commence sa carrière par des études de graphisme à Tenerife, aux Canaries. Elle travaille d’abord dans la publicité, avant de s’installer à Barcelone en 2019, pour se focaliser exclusivement sur le web design. En partageant son travail sur les réseaux sociaux et son portfolio web, elle s’attire la reconnaissance de la communauté créative numérique internationale Awwwards, qui lui décerne une Mention honorable et l’invite à rejoindre son jury.
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 un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.
-
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
Les cours Domestika sont des leçons en ligne qui vous permettent d'apprendre et d'acquérir un certain nombre d'outils et de compétences pour réaliser un projet créatif. Chaque étape du projet combine des vidéos et des textes avec des ressources didactiques complémentaires, le but étant d'apprendre par la pratique. Vous pouvez également partager vos propres projets avec d'autres élèves et le professeur. Domestika, c'est aussi une communauté !
La modalité des cours étant 100 % en ligne, une fois qu'ils sont publiés, ils commencent et finissent quand vous le souhaitez. C'est vous qui fixez le rythme auquel vous suivez les leçons. Vous pouvez revoir ce qui vous intéresse, passer ce que vous savez déjà, poser des questions, obtenir des réponses, partager vos projets et bien plus encore.
Les cours se divisent en plusieurs unités. Chacune d'entre elles comprend des leçons, des textes explicatifs, des exercices d'entraînement et des tâches pour réaliser votre projet étape par étape, ainsi que des ressources et des documents complémentaires à télécharger. Vous aurez également accès à un forum exclusif où vous pourrez interagir avec tous les élèves du cours et le professeur, mais également partager vos travaux et le projet que vous réalisez. Domestika, c'est aussi une communauté !
Vous pouvez valider le cours qui vous a été offert en accédant à la page de validation, où vous pourrez saisir le code cadeau qui vous a été communiqué.
Adobe After Effects
Figma
nikeesther7
Since I started this course, I have learnt a whole lot of interesting and new things about design. Eva did a wonderful job of explaining and breaking down each lesson.
Afficher la traduction
Masquer la traduction
juliusldg
El curso te da muy buenas herramientas y consejos muy valiosos, aunque no sé si fue una idea equivocada mía, pero pensé, por el título del curso, que éste sería más práctico y no tanto de consejos. Me hubiese gustado que tal cual como se promociona "Diseño de páginas web interactivos con Figma" fuese así, honestamente quedé un poco decepcionado, pero igual se agradecen los tips.
Afficher la traduction
Masquer la traduction
ramesh_designer83
I really enjoyed this course with Eva. She does a great job explaining how to design interactive web pages with Figma. Not only did I learn a lot, but she also provided tons of valuable resources, links, and tutorials for further inspiration on different topics. Highly recommend for anyone wanting to improve their web design skills!
Afficher la traduction
Masquer la traduction
ricardouribe
Muy recomendable!
Explica muy bien su proceso creativo y el uso de figma.
gracias!
Afficher la traduction
Masquer la traduction
mariano_piriz
Muy recomendable!
Explica muy bien su proceso creativo y el uso de figma para el bocetado y prototipado de los proyectos de UX Design!
Afficher la traduction
Masquer la traduction