TUTO Apprendre à devenir Webdesigner [Théorie et Pratique] sur Tuto.com

Apprendre à devenir Webdesigner [Théorie et Pratique]

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

58,99€

4,7

10h14

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

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

Chapitre 2

Chapitre 3

Chapitre 4

Chapitre 5

Chapitre 6

Plan détaillé du cours

Chapitre 1 : Les fondamentaux du Webdesign

2h01

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

1h11

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)

1h35

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

1h11

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

3h51

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

23m01

Leçon 1Les 12 exercices à réaliser (potentiel infini)

Aperçus

Avis des apprenants

Détail des avis

1 043

Apprenants

23

Commentaires

4,8/5

Note moyenne

5/5

20

4/5

1

3/5

1

2/5

1

1/5

0

Gwendoline Zaplana

Publié le 03/05/2024

Tres bonne formation. j'ai beaucoup plus appris avec cette formation qu'avec mes cours de webdesigner de mon école

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

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 !

Formateur

4,7

Voir ses cours

Prérequis

,

,

Débutant

Accessibilité

Sous-titres non disponibles

Ressources téléchargeables

Fichiers sources (5.93 Mo)

Catégories

UX/UI design XD

Mis à jour le 07/12/2019
Langue : Français
ID : 127851

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