![Apprendre à devenir Webdesigner [Théorie et Pratique]](http://fr-images.tuto.net/tuto/thumb/648/288/127851.webp)
Cette formation en Webdesign, en vidéo, s'adresse à toute personne débutante souhaitant se former, se reconvertir ou à comprendre le webdesign pour le développement de son activité et de ses compétences.
J'ai pu expérimenter à plusieurs reprise cette formation en présentielle afin de la perfectionner et vous proposez le meilleur contenu possible en un minimum de temps qu'importe votre niveau.
Grâce à cette formation en ligne comprendre le webdesign vous allez, à votre rythme :
- Connaître les fondamentaux du web et du webdesign,
- Apprendre les 20 phases de production principales d'un site (pour mieux comprendre le tarif et le développement d'un site web),
- Apprendre ce qu'est l'UX design et en comprendre son importance,
- Comprendre l'UI design et l'associer intelligemment avec l'UX design
- Apprendre à utiliser un logiciel de webdesign pour créer un site web pour ordinateur, tablette et mobile (nous apprendrons les bases d'Adobe XD par la pratique).
La création d'un site web pour une entreprise est souvent vue comme étant un travail facile et rapide, mais ce n'est pas le cas. Il s'agit avant tout de comprendre les besoins de son client afin de proposer un design et un environnement de développement en adéquation avec ses objectifs.
Le site web est aujourd'hui le premier outil de communication marketing alors il est indispensable d'en connaître ses rouages afin de proposer le meilleur service à ses clients.
Au programme de cette formation Webdesigner
Grâce à cette formation en ligne de près de 10h de vidéo vous allez apprendre à :
- Comprendre le fonctionnement des sites web,
- Comprendre les métiers du web,
- Connaître les outils indispensables du web,
- Appréhender les 20 phases de production principales d'un site web,
- Deviser plus facilement la création d'un site web,
- Améliorer son expérience utilisateur,
- Optimiser son interface utilisateur,
- Utiliser un logiciel de webdesign,
- Maîtriser Adobe XD,
- Faire une maquette test de A à Z.
Un QCM de fin vous permettra de valider vos nouvelles connaissances.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
À qui s'adresse cette formation en Webdesign ?
- Reconversion en webdesign (avec ou sans compétences préalables)
- Formation en webdesign (avec ou sans compétences préalables)
- Les entrepreneur(e)s souhaitant lancer leur site web
- Les bloggeurs et influenceurs souhaitant lancer leur site web
Table des matières de cette formation XD, UX (durée : 10h14m)
-
Les fondamentaux du Webdesign
- L'histoire d'Internet gratuit 00:16:45
- L'histoire de Webdesign (Part-1) 00:05:10
- L'histoire de Webdesign (Part-2) 00:12:38
- Lexique Webdesigner - Colorimétrie 00:16:17
- Lexique Webdesigner - Typographie 00:09:13
- Lexique Webdesigner - Types de Sites Web 00:03:47
- Lexique Webdesigner - Page Web 00:05:20
- Lexique Webdesigner - Création de site 00:08:44
- Lexique Webdesigner - Techno 00:10:23
- Lexique Webdesigner - Design 00:09:30
- Lexique Webdesigner - Gestuelle 00:05:17
- Lexique Webdesigner - Compréhension du fonctionnement d'internet 00:04:48
- Lexique Webdesigner - Langage de programmation 00:03:06
- Lexique Webdesigner - Métiers du web 00:07:18
- Lexique Webdesigner - Logotypes à connaitre gratuit 00:03:36
-
20 phases principales de production d'un Site Web
- Phase de Production d'un Site Web - 1 à 5 00:15:14
- Phase de Production d'un Site Web - 6 à 10 00:19:31
- Phase de Production d'un Site Web - 11 à 15 00:21:23
- Phase de Production d'un Site Web - 16 à 20 00:15:00
-
L'importance fondamentale de l'expérience utilisateur (UX)
- Introduction à l'expérience utilisateur gratuit 00:02:57
- Le design thinking et les sites web du futur 00:04:38
- Le design éthique pour un webdesign responsable 00:07:03
- Psychologie cognitive et analyse du comportement 00:03:41
- Loi de Gestalt, les indispensables du webdesign 00:08:54
- Page d'embarquement et d'atterissage 00:03:44
- Loi de Fitts pour une meilleure adaptabilité 00:07:42
- Web et Mobile différencié avec Tripadvisor 00:08:18
- Bonnes et mauvaises pratiques 00:13:37
- Hierarchie de titrage 00:05:33
- Gamification et expérience utilisateur avec Netflix 00:11:46
- Définition de l'objectif du site gratuit 00:05:13
- Loi de Miller pour des choix instantanés 00:08:16
- Détermination des performances du site 00:04:08
-
Mise en place d'une interface utilisateur (UI) ultra efficace
- Introduction à l'interface utilisateur 00:15:34
- L'animation en webdesign 00:06:41
- Étude de cas d'animations en webdesig 00:06:26
- Le futur du webdesign, le age-responsive design 00:04:40
- L'interfaçage au chargement 00:02:55
- La considération des appels à l'action 00:09:45
- L'anticipation du mobile first 00:06:20
- Les habillages publicitaires 00:05:15
- Le dark design et l'adaptabilité de l'interface de nuit 00:02:32
- Maquettage et prototypage 00:02:42
- Sprint design avec les UI kit 00:04:18
- Conclusion ludique de l'interface utilisateur gratuit 00:04:05
-
De la théorie à la pratique avec le maquettage avec Adobe XD
- Introduction au maquettage 00:02:25
- Logiciels de webdesign 00:09:18
- Gestion de la typographie et du font pairing 00:13:11
- Utilisation des icônes 00:08:42
- Gestion des couleurs gratuit 00:07:28
- Boutons et formulaires 00:07:23
- Arrière-plan et images web 00:04:56
- Informations légales d'un site web 00:07:33
- Adobe XD - Introduction au logiciel gratuit 00:07:40
- Adobe XD - Comprendre l'interface 00:26:56
- Adobe XD - Connaitre les raccourcis pour un meilleur workflow 00:06:58
- Adobe XD - La grille et les écrans 00:13:30
- Adobe XD - Maquette - Pré-menu et les bases 00:17:00
- Adobe XD - Maquette - Menu et grille de répétition 00:22:27
- Adobe XD - Maquette - La bannière, les composants et les plugins 00:10:40
- Adobe XD - Maquette - Section basique 00:03:35
- Adobe XD - Maquette - Maîtrise du logiciel avec la section équipe 00:09:45
- Adobe XD - Maquette - Finalisation du format web 00:04:50
- Adobe XD - Maquette - Déclinaison au format tablette 00:13:02
- Adobe XD - Maquette - Déclinaison au format mobile 00:10:16
- Adobe XD - Maquette - Prototypage et finalisation 00:05:33
- Adobe XD - Sauvegarde, export et présentation client 00:13:13
- Conclusion du module et de la formation 00:05:21
-
BONUS - 12 Exercices pratique à réaliser
- Les 12 exercices à réaliser (potentiel infini) 00:23:01
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Joan Haegele
-
Bonjour Joan, Je suis actuellement entrain de suivre la formation que tu as mis en place de webdesign, je souhaitais juste faire un petit retour étant a 50% de la formation qui est tres intéressante d'ailleurs, le seul point qui serait bien de rajouter c est éventuellement des QCM à la fin de chaque module afin de faire un petit resumer et bien sur a la fin de tout les modules en faire un autre plus complet de la formation. C'est uniquement ce petit retour que je me permets de faire ca pourrait éventuellement aider surtout pour les debutants Merci
-
Salut Joan Merciii pour ta magnifique formation très bien expliquer bravo je dois dire que je voulais la suivre pour m'améliorer et me concentrer surtout sur le web je dirais maintenant et j'ai trouver des outils magnifique bcp plus rapide que la façon que je j'avais ;-) là je suis en train de relancer ma boite de pub. Je te remercie et te souhaite de vivre une magnifique semaine Joan
-
Je compte me reconvertir en tant que web designer et cette formation m'a appris énormément sur les bases théoriques. Et le module sur la pratique complète tout ça , c'est une très bonne formation que je recommande. Même en étant débutante on comprends facilement. Merci
-
Avec quelles versions de logiciels ce tuto est-il compatible ?XD , UX
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Peut-on devenir webdesigner uniquement avec cette formation?À l'école où j'ai appris le webdesign, j'ai eu 20 pourcents des informations que je te propose ici. En sachant que je suis webdesigner freelance à temps complet aujourd'hui, oui tu peux devenir webdesigner juste avec cette formation.
Mais attention, rien ne se fait sans pratique. Je te présente la théorie et comment utiliser un logiciel de création de site web. Le reste de ton apprentissage consistera à expérimenter et t'informer sur les tendances actuels. -
Va-t-il y avoir du code?Non. J'ai axé la formation sur le webDESIGN (donc l'aspect graphique) et je ne te présente pas de code de développement.
Personnellement, je travaille avec un développeur qui fait cette partie et je n'en ai pas besoin dans mon travail. -
À qui s'adresse cette formation?À toute personne souhaitant faire une formation ou une reconversion dans le webdesign, mais aussi selon moi tout entrepreneur(e) en ligne.
Avec cette formation, tu peux devenir webdesigner si tu t'en donnes les moyens, mais c'est aussi un formidable outil pour apprendre tous les codes du web si tu es entrepreneur(e).
Quand on est patron ou que l'on est en contact avec des prestataires (graphiste, webdesigner, développeur,..) il est bon de connaitre un minimum leur métier pour que le travail soit bien fait. Je sais que mes meilleures collaborations se font avec les entrepreneur(e)s qui connaissent un minimum mon métier. -
Bonjour et j'espère que vous allez bien. J'aimerais savoir si la formation se limite juste au design ou va jusqu'à viabilité du site, a savoir si la formation nous apprend a mettre le site en ligneBonjour, merci j'espère que vous allez bien également !
La formation est uniquement axé sur le webdesign et non sur la création technique de site web (il s'agit d'un métier à part entière).
En revanche, j'ai déjà fait une autre formation sur la création de site wordpress (Site Web Master - Création de À à Z si ça vous intéresse)
Webdesigner pro, c'est pour la création de design et Site web master pour la création technique :)
Si vous avez d'autres questions, n'hésitez pas
![Tuto Débuter sur Adobe XD [Pratique] XD](http://fr-images.tuto.net/tuto/thumb/358/159/131121.webp)
note moyenne
avis laissés