Cette formation personnalisée en web design s'adresse aux stagiaires qui développent une activité professionnelle et qui souhaitent donner un attrait visuel à leur site internet ou à leur boutique e-commerce. Sans une bonne image de marque, impossible de valoriser son marketing digital, ni de communiquer à bon escient. Pour développer de la visibilité sur le web, il faut être en mesure d’ambitionner le web design et de réaliser un site internet conforme, adapté à tous les usages.
La créativité est l’élément clé de votre activité digitale, c’est elle qui vous permet de réussir sur le web. Sans visuel accrocheur, il est bien difficile d’inciter l’internaute à faire un choix lorsqu’il veut valider l’expertise d’une entreprise, commander un produit en ligne etc. En développant intelligemment cette créativité en web design, vous serez en mesure de créer un impact visuel qui provoquera de l’engouement chez les internautes.
Dans un premier temps, le stagiaire aborde la phase de conception du site internet. Il recherche l’inspiration parmi les tendances du web design et puis il effectue des recherches sur la plateforme Adobe Color. Cette démarche lui permet de découvrir des thèmes chromatiques inspirants et de les utiliser pour la création d’un mood board, véritable pêle-mêle visuel qui permet d’explorer de nombreuses idées créatives pour créer une charte graphique efficace et du design d’interface engageant. Durant cette étape, le stagiaire développe des compétences en design thinking. Il doit être en mesure d’imaginer un concept visuel créatif et engageant qui va lui permettre de décupler le potentiel commercial de son site internet. Le web design est au service du marketing digital et cette phase de réflexion permet de délivrer un design et un parcours utilisateur optimisés. Le succès d’un site internet se dessine en amont. La réflexion engagée au niveau du design thinking fait mûrir le projet de site et débloque de toutes les contraintes relatives à l’utilisabilité web.
Dans un second temps, le stagiaire prototype et maquette son site internet. Il apprend à réaliser une interface graphique et des visuels engageants avec le logiciel Adobe Photoshop. Il réalise des montages photographiques réalistes et surréalistes et découvre comment utiliser le nombre d’or pour soigner sa mise en page. L’enseignement théorique permet aussi de découvrir les règles ergonomiques universelles et relatives à la création web. Le stagiaire apprend à organiser l’information sur une page web et à hiérarchiser le contenu de site avant de créer un prototype animé avec le logiciel Adobe XD.
Adobe XD est un programme intégré à la suite Adobe Creative Cloud. Il permet au web designer de prototyper un site internet ou une application mobile et d’intégrer différents modes d’interaction et des effets visuels bluffants à son prototype. Adobe XD émule le fonctionnement du site internet et permet de réaliser puis de tester les parcours utilisateur avant d’aborder la création web.
Dans un troisième temps, le stagiaire réalise un site internet avec WordPress, système de gestion de contenu dont il apprend à exploiter l’intégralité des fonctionnalités. La phase d’intégration web est réalisée avec le constructeur de page du thème premium Divi. Ce thème visuel payant fonctionne avec n’importe quel type de site internet et permet de réaliser des mises en page personnalisée grâce à un éditeur visuel (communément appelé, visual builder). Le stagiaire s’inspire du prototype fonctionnel créé avec Adobe XD pour créer ses pages avec Divi et il découvre aussi les bases du langage html pour effectuer des modifications sommaires sur son site internet.
A qui s'adresse cette formation ?
Attention ! Cette formation en web design n’a pour objectif de transformer le stagiaire novice en développeur web chevronné ! Ce stage s’adresse aux professionnels qui souhaitent créer une présence numérique sans avoir à sous-traiter de prestation en web design ni en création web. Cette formation s’adresse aux entrepreneurs qui souhaitent acquérir un potentiel créatif et bénéficier ainsi d’un enseignement adapté au développement d’un projet professionnel.
Les points forts de cette formation en web design
Cette formation est à programmer en face à face pédagogique avec un intervenant dédié. Le projet professionnel du stagiaire est propulsé au cœur d’une formation adaptée aux besoins réels de l’entreprise :
- Réservation du nom de domaine offert pour la 1ere année (.fr)
- Hébergement du site internet offert pour la 1er année
- Licence du constructeur de page Divi offerte (à vie)
- Installation et sécurisation du site internet offerte
Objectifs et enjeux de cette formation
Permettre au stagiaire de développer des compétences opérationnelle en web design et en création web. En complément de l’expertise logicielle, WebWeLearn propose un enseignement théorique qui permet de mesurer l’impact du design sur le potentiel esthétique et fonctionnel du site internet. Comme l’identité visuelle joue aussi un rôle primordial : le stagiaire apprendra à donner une valeur ajoutée au design et à soigner l’image de marque pour permettre au site internet de performer.
Programme de formation
- Réaliser l'inventaire de ses ressources
- Créer un modèle de conception (design pattern)
- Réfléchir aux modes d'interaction sur les pages web
- Prendre en compte les règles ergonomiques essentielles
- Concevoir l'arborescence de son site internet
- Créer une interface graphique avec Adobe Photoshop
- Créer des visuels engageants avec Adobe Photoshop
- Réaliser un prototypage interactif avec Adobe XD
- Tester sa maquette fonctionnelle et les parcours utilisateur
- Créer un site internet avec le CMS WordPress
- Installer le constructeur de page Divi
- Créer des modèles de page fidèles au prototype
- Intégrer ses visuels, façonner et optimiser le web design
- Vérifier la compatibilité mobile du site internet
- Effectuer la mise en production du site internet
Prérequis formations web
Méthodes pédagogiques
- Locaux accessibles aux stagiaires qui souffrent de problèmes de motricité
- 1 poste informatique par stagiaire (Windows 10)
- 1 licence Adobe Creative Cloud installée sur chaque poste
- 1 accès Wifi haut débit
- 1 évaluation systématique en fin de parcours
- 1 support de cours dématérialisé
- 1 enquête de satisfaction réalisées à l'issue de la formation
- 1 échange pédagogique proposé après la formation
Moyens pédagogiques
- Cours animé par un formateur, aidé d'un support numérique
- Passage de la théorie à la pratique avec démonstrations ponctuelles
- Mise en pratique qui complémente l'enseignement théorique
Mise à jour du programme
- Formation proposée depuis le 1er Janvier 2018 et programme mis à jour le 20 Septembre 2021