Apprendre à devenir Webdesigner [Théorie et Pratique]
ERROR
00:00
00:00

TUTO Apprendre à devenir Webdesigner [Théorie et Pratique]

Joan Haegele
59,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Les fondamentaux du Webdesign
Chapitre 2
20 phases principales de production d'un Site Web
Chapitre 3
L'importance fondamentale de l'expérience utilisateur (UX)
Chapitre 4
Mise en place d'une interface utilisateur (UI) ultra efficace
Chapitre 5
De la théorie à la pratique avec le maquettage avec Adobe XD
Chapitre 6
BONUS - 12 Exercices pratique à réaliser

Plan détaillé du cours

Chapitre 1 : Les fondamentaux du Webdesign
2h01m
 
Leçon 1L'histoire d'Internet
Leçon 2L'histoire de Webdesign (Part-1)
Leçon 3L'histoire de Webdesign (Part-2)
Leçon 4Lexique Webdesigner - Colorimétrie
Leçon 5Lexique Webdesigner - Typographie
Leçon 6Lexique Webdesigner - Types de Sites Web
Leçon 7Lexique Webdesigner - Page Web
Leçon 8Lexique Webdesigner - Création de site
Leçon 9Lexique Webdesigner - Techno
Leçon 10Lexique Webdesigner - Design
Leçon 11Lexique Webdesigner - Gestuelle
Leçon 12Lexique Webdesigner - Compréhension du fonctionnement d'internet
Leçon 13Lexique Webdesigner - Langage de programmation
Leçon 14Lexique Webdesigner - Métiers du web
Leçon 15Lexique Webdesigner - Logotypes à connaitre
Chapitre 2 : 20 phases principales de production d'un Site Web
1h11m
 
Leçon 1Phase de Production d'un Site Web - 1 à 5
Leçon 2Phase de Production d'un Site Web - 6 à 10
Leçon 3Phase de Production d'un Site Web - 11 à 15
Leçon 4Phase de Production d'un Site Web - 16 à 20
Chapitre 3 : L'importance fondamentale de l'expérience utilisateur (UX)
1h35m
 
Leçon 1Introduction à l'expérience utilisateur
Leçon 2Le design thinking et les sites web du futur
Leçon 3Le design éthique pour un webdesign responsable
Leçon 4Psychologie cognitive et analyse du comportement
Leçon 5Loi de Gestalt, les indispensables du webdesign
Leçon 6Page d'embarquement et d'atterissage
Leçon 7Loi de Fitts pour une meilleure adaptabilité
Leçon 8Web et Mobile différencié avec Tripadvisor
Leçon 9Bonnes et mauvaises pratiques
Leçon 10Hierarchie de titrage
Leçon 11Gamification et expérience utilisateur avec Netflix
Leçon 12Définition de l'objectif du site
Leçon 13Loi de Miller pour des choix instantanés
Leçon 14Détermination des performances du site
Chapitre 4 : Mise en place d'une interface utilisateur (UI) ultra efficace
1h11m
 
Leçon 1Introduction à l'interface utilisateur
Leçon 2L'animation en webdesign
Leçon 3Étude de cas d'animations en webdesig
Leçon 4Le futur du webdesign, le age-responsive design
Leçon 5L'interfaçage au chargement
Leçon 6La considération des appels à l'action
Leçon 7L'anticipation du mobile first
Leçon 8Les habillages publicitaires
Leçon 9Le dark design et l'adaptabilité de l'interface de nuit
Leçon 10Maquettage et prototypage
Leçon 11Sprint design avec les UI kit
Leçon 12Conclusion ludique de l'interface utilisateur
Chapitre 5 : De la théorie à la pratique avec le maquettage avec Adobe XD
3h51m
 
Leçon 1Introduction au maquettage
Leçon 2Logiciels de webdesign
Leçon 3Gestion de la typographie et du font pairing
Leçon 4Utilisation des icônes
Leçon 5Gestion des couleurs
Leçon 6Boutons et formulaires
Leçon 7Arrière-plan et images web
Leçon 8Informations légales d'un site web
Leçon 9Adobe XD - Introduction au logiciel
Leçon 10Adobe XD - Comprendre l'interface
Leçon 11Adobe XD - Connaitre les raccourcis pour un meilleur workflow
Leçon 12Adobe XD - La grille et les écrans
Leçon 13Adobe XD - Maquette - Pré-menu et les bases
Leçon 14Adobe XD - Maquette - Menu et grille de répétition
Leçon 15Adobe XD - Maquette - La bannière, les composants et les plugins
Leçon 16Adobe XD - Maquette - Section basique
Leçon 17Adobe XD - Maquette - Maîtrise du logiciel avec la section équipe
Leçon 18Adobe XD - Maquette - Finalisation du format web
Leçon 19Adobe XD - Maquette - Déclinaison au format tablette
Leçon 20Adobe XD - Maquette - Déclinaison au format mobile
Leçon 21Adobe XD - Maquette - Prototypage et finalisation
Leçon 22Adobe XD - Sauvegarde, export et présentation client
Leçon 23Conclusion du module et de la formation
Chapitre 6 : BONUS - 12 Exercices pratique à réaliser
23m01s
 
Leçon 1Les 12 exercices à réaliser (potentiel infini)

Aperçus

Avis des apprenants

Détail des avis
233
Apprenants
22
Commentaires
4,8/5
Note moyenne
5/5
19
4/5
1
3/5
1
2/5
1
1/5
0
Ouissem Kefi
Ouissem Kefi
Publié le 06/06/2022
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
Christophe Rossier
Christophe Rossier
Publié le 28/03/2022
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
Joan Haegele
Mais je t'en prie, merci à toi pour ton retour sur la formation ! N'hésite pas à compléter la formation avec des articles de blogs qui compléteront ton apprentissage. Bonne continuation dans tes différents projets !
Angelique Rafin
Angelique Rafin
Publié le 18/10/2021
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
Joan Haegele
Angy27, c'est un plaisir d'avoir puis t'initier au webdesign avec cette formation. Elle est justement prévue pour les débutants alors c'est top si elle t'a plu ! Bon apprentissage à présent 🙂

Vos questions sur le cours

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 ligne

Bonjour, 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

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données