Design d'application sur Figma : du brief client au prototype
Un cours proposé par Index StudioStudio de design
Un cours proposé par Index Studio, Studio de design
À partir des besoins d’un client, créez le prototype d’une application e-commerce sur Figma, en pensant l’architecture, l'UI design et en testant vos propositions
Qui a dit que concevoir une application était quelque chose d’obscur et complexe ? Certainement pas Jonathan Da Costa ! À la tête d’Index Studio, une élégante agence de design parisien, il vous invite à rejoindre une aventure numérique passionnante et ludique, à mi-chemin entre technique et création, conception ergonomique et recherche esthétique.
Dans ce cours en ligne, vous apprendrez à créer une interface d’application d’e-commerce avec le logiciel Figma. Vous penserez le graphisme de votre application, son architecture et l’UI design pour aboutir à une interface intuitive et structurée. Du premier contact avec le client à la livraison du projet, toutes les étapes seront présentées de façon claire et pédagogique !
Qu'allez-vous apprendre dans ce cours en ligne ?
21 leçons & 12 vidéos téléchargées
Figma et son interface
13 minutes, 20 secondes
L'arborescence de l’application 1
13 minutes, 14 secondes
Esquisses et maquettes 1
20 minutes, 3 secondes
Esquisses et maquettes 2
20 minutes, 19 secondes
Trouver le style de l’application 1
16 minutes, 57 secondes
Trouver le style de l’application 2
16 minutes, 43 secondes
Que comprend ce cours ?
Pour commencer, vous découvrirez le parcours de Jonathan Da Costa, à travers le graphisme et la direction artistique, jusqu’à la création de son propre studio. Il vous parlera aussi des designers qui l’influencent au quotidien.
L’unité suivante sera dédiée à tout le travail en amont du design graphique. Tout d’abord, vous apprendrez à analyser le brief d’un client et vous familiariserez avec le logiciel Figma. Puis vous créerez l’arborescence de votre application et les wireframes, des maquettes qui reprennent toute la structure des informations affichées sur les écrans.
La prochaine étape ? Elle sera créative car vous peaufinerez toute la partie graphique de votre application. Vous verrez comment lui donner un style unique en travaillant la charte graphique, en explorant plusieurs pistes créatives et en testant vos idées.
Vous pourrez ensuite entamer la phase technique du projet : l’IU design. Vous créerez le graphisme complet d’une page d'accueil, d’une page de collection, d’une page produit et des pages secondaires. Il s’agit là d’une étape charnière, où l'application devient réaliste et chacun de ses composants sont précisés.
Pour finir, vous pourrez tester votre travail grâce à la fonction de prototypage de Figma et ainsi simuler votre application avec des transitions et des animations entre les écrans. Vous n’aurez plus qu’à préparer votre fichier pour une livraison à l'équipe de développement… Et le tour sera joué !
Logiciels et outils recommandés pour ce cours
Quel est le projet du cours ?
Pour le projet final, vous créerez le prototype d'une application pour un projet réel ou fictif.
Projets d'élèves du cours
À qui s'adresse ce cours en ligne ?
Ce cours s’adresse à toutes les personnes intéressées par l’IU design et la création d’interfaces d’application, avec une appétence pour le graphisme. Même pas besoin d’une personnalité geek pour suivre le cours !
Prérequis et matériel nécessaire
De premières connaissances en design d’interfaces pourraient vous être utiles mais ne sont pas indispensables. Vous aurez surtout besoin de beaucoup de curiosité !
En ce qui concerne le matériel, munissez-vous d’un carnet de notes, de papier, de feutres et, surtout, d’un ordinateur avec le logiciel Figma.
x
Avis
- il y a 4 mois
Es un curso muy detallado y analítico. Considero que es muy útil para quien desee conocer desde cero la aplicación y desee trabajar como diseñador de producto. El profesor es pausado, claro y directo, pero a la vez muy metódico y creativo. Lo recomiendo.
- il y a 6 mois
I really like this course, it is very well explained, clear and interesting with the different steps on Figma to design an app.
- il y a 7 mois
This course is really helpful for anybody wanting to learn Figma as a beginner. 100% recommend.
- il y a 8 mois
Excellent course, totally recommended, hoping to see more from Index Studio
- il y a 8 mois
This course was really helpful to start learning Figma from scratch, and also provided many lessons on the UI design process!
Son travail se caractérise par une grande élégance et simplicité, avec une certaine appétence pour le design éditorial, la typographie et la photographie. Parmi ses clients, on retrouve de grandes marques comme Nike, Balenciaga, le Paris Saint-Germain mais aussi Chloé, Dior, Hermès ou Leica.
Contenu
- U1
Introduction
- Présentation
- Mes sources d’inspiration
- U2
Les bases
- Le brief
- Figma et son interface
- L'arborescence de l’application 1
- L'arborescence de l’application 2
- Esquisses et maquettes 1
- Esquisses et maquettes 2
- U3
Direction artistique et design
- Trouver l’inspiration
- Trouver le style de l’application 1
- Trouver le style de l’application 2
- La charte graphique
- U4
Réalisation du UI Design
- La page d’accueil 1
- La page d’accueil 2
- La page de collection
- La page produit
- Tunnel d’achat et page de réglages 1
- Tunnel d’achat et page de réglages 2
- U5
Dernières étapes
- Tester l’idée grâce au prototype 1
- Tester l’idée grâce au prototype 2
- Documenter le design system
- PF
Projet final
- Design d'application sur Figma : du brief client au prototype
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.