Initiation à la création d'un site e-commerce sur Figma
Un cours proposé par Creative NightsDesigner et directeur artistique
Un cours proposé par Creative Nights, Designer et directeur artistique
Apprenez à utiliser Figma, concevez l'expérience utilisateur et créez le prototype d'un site e-commerce prêt à être développé
Au cours des dernières années, le monde du commerce électronique a évolué plus rapidement que jamais. Avec des éléments moteurs tels que UX et optimisation Web à la hausse, les entreprises se disputent l'attention des clients. Le designer primé Marek Suchánek crée des sites Web de commerce électronique très attrayants qui non seulement vendent des produits, mais représentent également la mission, les valeurs et les principes d'une marque.
Dans ce cours en ligne, apprenez comment créer un e-commerce, que n'est pas seulement un site Web, mais utilise les tendances actuelles et maintient l'engagement des clients. Découvrez comment façonner chaque aspect d'un site à l'aide des puissants outils de Figma, et préparez-le pour le transmettre aux développeurs Web.
Qu'allez-vous apprendre dans ce cours en ligne ?
18 leçons & 31 vidéos téléchargées
L'importance du briefing
13 minutes, 0 secondes
Audit de contenu
8 minutes, 31 secondes
Création d'un plan du site
13 minutes, 36 secondes
Le moodboard
19 minutes, 15 secondes
Un filaire solide 1
14 minutes, 58 secondes
Un filaire solide 2
18 minutes, 4 secondes
Que comprend ce cours ?
Rencontrez Marek Suchánek, designer et co-fondateur de Creative Nights - un studio indépendant primé basé à Prague, en République tchèque. Découvrez son parcours créatif et ses plus grandes influences et inspirations.
Commencez par rassembler les bonnes informations sur votre marque en créant un brief et en effectuant un audit de contenu. Apprenez à construire un plan de site, avant de regarder quelques références inspirantes de commerce électronique.
La prochaine étape consiste à développer la UX et la direction artistique. Marek vous apprend à dessiner des wireframes pour chaque page pour une expérience d'achat fluide. Ensuite, expérimentez les styles, les mises en page et les polices de caractères.
Une fois la structure établie, explorez des illustrations personnalisées pour des icônes et des images percutantes pour votre site Web. Apprenez à atteindre l'harmonie et l'équilibre avec votre contenu et à transmettre le message de votre marque grâce à la rédaction.
Marek vous montre ensuite comment définir un guide de style et un ensemble de composants dans Figma pour vous assurer que votre projet est correctement conçu par les développeurs. Découvrez comment vérifier que votre site fonctionne sur tous les écrans et appareils.
Pour conclure, Marek partage avec vous comment créer une présentation professionnelle pour présenter le site Web aux clients. Il explique également comment préparer une maquette d'animation pour une expérience client améliorée.
Logiciels et outils recommandés pour ce cours
Quel est le projet du cours ?
Concevoir un site Web de commerce électronique, prêt pour la présentation et le développement.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Ce cours s'adresse à tous ceux qui souhaitent créer un e-commerce efficace et visuellement saisissant. Parfait pour les aspirants concepteurs de sites Web ou les propriétaires d'entreprise.
Prérequis et matériel nécessaire
Une expérience de base avec Illustrator et Photoshop est fortement recommandée.
Vous devez également avoir accès à Figma.
Avis
- il y a 6 mois
This course is easy to follow and helped me design clean and professional layouts.
- il y a 1 an
This is exactly what I need right now. Great course for someone who wants to upgrade knowledge in e-commerce.
- america_liraPLUSil y a 1 an
Excelente curso te lleva paso a paso con mucho detalle.
- il y a 1 an
Ótimo curso
- il y a 1 an
Very good!
Grâce à son studio Creative Nights, il possède une vaste expérience dans la création d'identités hors ligne et en ligne qui allient la compréhension cruciale du design et des approches contemporaines. Leur travail a été reconnu par les principales plateformes numériques telles que les Awwwards pour le prix du site Web préféré.
Contenu
- U1
Introduction
- Présentation
- Mes sources d'inspiration
- U2
Préparation d'un projet
- L'importance du briefing
- Audit de contenu
- Création d'un plan du site
- U3
Phase UX et direction artistique
- Le moodboard
- Un filaire solide 1
- Un filaire solide 2
- Explorer la direction artistique
- U4
Définir les éléments de conception
- Choisir la bonne mise en page
- Transmettre le message avec la typographie
- Illustrations personnalisées
- Booster le contenu de l'image
- U5
Conception réactive et transfert pour le développement
- Définir les composants dans Figma
- Conception des pages pour des résolutions réactives
- Définir le guide de style
- U6
Présentation et coup de pouce final
- Créer une présentation appropriée
- Préparation d'une maquette animée
- PF
Projet final
- Conception de commerce électronique à partir de zéro 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
Oui, ce cours s’adresse aux graphistes intermédiaires qui souhaitent approfondir leurs compétences en design digital, projets e-commerce et développement de portfolio.
Vous aurez besoin d’Adobe Photoshop et de Figma. Une bonne connaissance de ces outils est recommandée, car le cours aborde des workflows avancés et leur intégration pour des projets digitaux.
Vous apprendrez à créer des identités visuelles, concevoir des sitemaps e-commerce efficaces, réaliser des wireframes, développer des moodboards et appliquer des techniques avancées sur Photoshop et Figma à des projets concrets.
Oui, le cours enseigne des structures de dossiers systématiques, des audits de contenu et l’organisation des ressources pour faciliter la collaboration et préparer les fichiers pour les développeurs.
Oui, vous découvrirez des stratégies pour construire un portfolio en ligne solide et apprendrez des astuces pour mettre en valeur vos travaux sur des plateformes comme Behance.
Oui, le cours comprend des leçons approfondies sur la création de sitemaps e-commerce, la réalisation de wireframes et l’organisation de la navigation et des collections de produits dans Figma.
Une connaissance de base de Photoshop et Figma est recommandée, car le cours couvre des techniques intermédiaires à avancées pour le design digital et le prototypage.