Formation : Le WebDesign sur Figma pour les débutants
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

Formation : Le WebDesign sur Figma pour les débutants

Adrien Gazaix
Promo -35%
24,00€36,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce bundle complet de plus de 5h20 de vidéo, je vous propose de découvrir ensemble le WebDesign sur le logiciel Figma.

Cette formation en ligne est avant tout pour les débutants, c’est-à-dire ceux qui ne connaissent pas ou peu le webdesign et qui n'ont pas encore ouvert de logiciel tel que Figma auparavant.

Nous prendrons en exemple un site vitrine pour une entreprise qui propose de recharger sa voiture électrique gratuitement.

Au programme de cette formation WebDesign Débutant sur Figma

  • Épisode 1 : On découvrira ensemble le brief, puis on fera un tour d’horizon rapide du logiciel avant de commencer à créer la Homepage du site. On utilisera un système de grille, des dégradés, des icônes SVG, l’auto-layout, aérer le contenu pour améliorer la lisibilité...
  • Épisode 2 : Puis nous allons désigner des mises en pages dynamiques pour présenter le contenu des différentes pages du site : Histoire, Services, Contact... et nous verrons comment utiliser les composants, créer un menu sticky et enfin mettre en place un prototype animé pour naviguer dans le site comme si celui-ci était déjà intégré.
  • Épisode 3 : Dans cette dernière étape, nous adapterons les maquettes précédemment créées pour une version mobile. Je vous donnerai plein de tips pour adapter le menu, ou choisir une mise en page adaptée en raison de la place limitée sur un navigateur mobile.

Je vous invite à regarder l’extrait vidéo pour vous rendre compte du résultat final obtenu à la fin de la formation.

Toutes les sources sont fournies avec la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la formation.

Bonne formation !

Cours dans ce bundle

Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma Cours 1

Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma

Webdesign débutants - Episode 2 : Déclinaison des pages & Prototype animé Cours 2

Webdesign débutants - Episode 2 : Déclinaison des pages & Prototype animé

Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype Cours 3

Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype

Plan détaillé des cours

 
Leçon 1Introduction & Installation de Figma
05m39
Leçon 2Découverte de l'interface de Figma
09m49
Leçon 3Lecture du Brief client, conseils & astuces sur le webdesign
13m55
Leçon 4Mise en place de la grille & design du header avec le logo et le menu
16m27
Leçon 5Designer le visuel d'accroche avec un bouton call to action
13m46
Leçon 6Designer la partie des avantages en 3 colonnes
20m40
Leçon 7Designer le bandeau vidéo
11m56
Leçon 8Designer le footer pour terminer la maquette
14m29
Leçon 9Conclusion
02m08
 
Leçon 1Créer des composants pour le header & footer à partir de la page d'accueil
11m33
Leçon 2Design de la page Histoire - Partie 1
14m03
Leçon 3Design de la page Histoire - Partie 2
20m36
Leçon 4Design de la page Offre - Partie 1
16m43
Leçon 5Design de la page Offre - Partie 2
23m56
Leçon 6Design de la page Contact
23m17
Leçon 7Design de la page Mentions légales
10m55
Leçon 8Design de la Connexion à l'espace client
14m47
 
Leçon 1Introduction
01m28
Leçon 2Créer une frame pour le mobile et visualiser le prototype
03m24
Leçon 3Adapter le header en version mobile
05m34
Leçon 4Homepage - Adapter le hero en version mobile
11m04
Leçon 5Homepage - Adapter le reste du contenu
09m33
Leçon 6Adapter le footer en version mobile
11m29
Leçon 7Créer le menu en version mobile
06m27
Leçon 8Page - Adapter le contenu part.1
13m48
Leçon 9Page - Adapter le contenu part.2
09m27
Leçon 10Conclusion
02m59

Avis des apprenants

Détail des avis
124
Apprenants
6
Commentaires
4,9/5
Note moyenne
5/5
5
4/5
1
3/5
0
2/5
0
1/5
0
Reza Bassiri
Reza Bassiri
Publié le 28/11/2024
La formation est super clair. Le formateur donne aussi de précieux conseils stylistiques ce qui apporte une touche supplémentaire à un cours technique. Bravo!
Pierre Simonneau
Pierre Simonneau
Publié le 26/07/2024
Simple et efficace, merci.
Membre-4849-4781
Membre-4849-4781
Publié le 30/04/2024
Merci beaucoup pour cette formation sur figma

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 24,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données