Programme
MODULE 1 : Marketing et communication web (5J – 35H)
MODULE 2 : Webdesign (5 J – 35H)
MODULE 3 : Création de site avec WordPress (5J – 35H)
MODULE 4 : Création de boutique e-commerce avec Prestashop (3J – 21H)
MODULE 1 : MARKETING ET COMMUNICATION WEB
INTRODUCTION AU WEBMARKETING ET TUNNEL DE CONVERSION
Introduction au webmarketing
- Du web 1.0 au web 3.0 : connaitre les grandes évolutions du web 3.0
- Illustrer les principales tendances actuelles
- Détourner les 6 leviers de persuasion
Tunnel de conversion
- S’approprier les bases de l’inbound marketing
- Concevoir un parcours utilisateur
- Identifier la stratégie de contenu à adopter
ATTIRER DES VISITEURS SUR SON SITE
- Appréhender les enjeux du référencement naturel et payant
- Comprendre le fonctionnement des moteurs de recherche
- Optimiser son site pour le SEO : les bonnes pratiques on et off page
- Suivre les bons indicateurs
- Gérer une campagne de référencement payant avec Google Ads
- Mettre en place une campagne publicitaire sur les réseaux sociaux
- Concevoir des contenus d’appel attractifs
- Décliner des personas afin d’identifier les messages clés prioritaires
CONVERTIR SUR SON SITE ET COLLABORER AVEC LES INFLUENCEURS
Convertir sur son site
- Concevoir des contenus optimisés pour la conversion
- Améliorer l’expérience utilisateur : fluidifier la navigation, structurer ses pages, hiérarchiser l’information, rédiger des titres accrocheurs
- Optimiser son site pour la conversion : concevoir des landing pages et appels à l’action, maquetter sa home page
- Suivre les bons indicateurs
Collaborer avec les influenceurs
- Identifier les grandes typologies d’influenceurs
- Adapter son approche au profil de chaque influenceur
- Mettre en place une relation durable
INVESTIR LES RÉSEAUX SOCIAUX ET FAIRE DU LEAD NURTURING GRÂCE À L’EMAILING
Investir les réseaux sociaux
- Dresser un panorama des principaux réseaux sociaux et de leurs spécificités
- Concevoir une ligne éditoriale convaincante
- Optimiser ses publications pour le partage
- Utiliser des outils de management des réseaux sociaux
- Suivre les bons indicateurs
Lead nurturing grâce à l’emailing
- Mettre en place des stratégies de lead nurturing
- Optimiser ses emailings : bonnes et mauvaises pratiques
- Optimiser ses campagnes à l’aide d’un outil dédié
- Suivre les bons indicateurs
ENGAGER SA COMMUNAUTÉ – PILOTER ET MONITORER SA STRATÉGIE MARKETING
Engager sa communauté
- Tirer profit des leviers de viralité et d’engagement
- Exploiter les techniques de storytelling
- Mettre en place une stratégie de marketing communautaire
Piloter et monitorer sa stratégie marketing
- Concevoir des reportings intelligents
- Suivre les bons indicateurs grâce à Google Analytics
- Mettre en place une veille efficace
MODULE 2 : WEBDESIGN
Au cours de la formation webdesign les notions apprises sont mises en pratique et les stagiaires réalisent une maquette graphique.
DÉCOUVERTE DU WEBDESIGN
- Découverte du Webdesign
- Les métiers du Webdesign et ses différences avec le Print
- Comment fonctionne le Web
- Comment est construit un site ou une application et comment les mettre en ligne
- Comprendre une URL
- En parallèle du Design
UX DESIGN : PRÉSENTATION
- L’expérience utilisateur
- Le rôle de l’UX Designer
UX DESIGN : ARCHITECTURE DE L’INFORMATION
- Définition
- Travailler avec des grilles
- Les blocs qui constituent un site ou une application
- Les différents types de pages d’un site Web
- Les différents éléments d’interface
- Les bons sens de lecture
- La zone de flottaison
- La hiérarchie textuelle
- Réussir ses formulaires
UX DESIGN : LE FACTEUR HUMAIN
- Définition
- Le cerveau comme micro-processeur
- 6 lois liées à la théorie de la forme (Gestalt)
- Les neurones miroirs
- Les interférences
- Les limites cognitives
- Les 4 moteurs de séduction
UX DESIGN : ADOBE XD
- Ouvrir, importer, enregistrer, exporter, partager et fermer un document
- L’onglet Design et l’onglet Prototype
- La barre d’outils
- Le panneau des actifs
- Le panneau des plans de travail
- Les plans de travail
- Les repères
- Les grilles
- Les outils de dessin
- Le texte
- La fluidité responsive
- Les colonnes
- Les actifs
- Les composants
- Le prototype
- L’animation
- Responsiver sa conception
UX DESIGN : LES 7 ÉTAPES CLÉS
- La stratégie (vision du projet)
- Les personas
- La taxonomie
- L’user flow
- Le croquis
- Le wireframe / prototype
- Le test utilisateur
- L’anticipation
UX DESIGN : LES PRINCIPES DE CONCEPTION
- Le feedback (retour système)
- L’affordance
- Le mapping
- Le guidage
- La découverte progressive
- L’homogénéité
- L’anticipation de l’erreur
- La narration (le storytelling)
UI DESIGN : ARCHITECTURE D’INTERFACE
- Qu’est-ce que le Design d’interface
- Quel est le rôle du Designer d’interface
- Pourquoi la qualité graphique doit être au rendez-vous
- Les grandes tendances
- Le Skeuomorphisme
- Le Flat Design
- Les devices et les checkpoints
- Le responsive
UI DESIGN : TYPOGRAPHIE
- Définition
- Les différents formats
- Différence entre police et fonte
- Les 5 familles typographiques
- Les polices à éviter
- Les balises H
- Jouer avec les formes et les familles
- L’usage des textes
- Les sites indispensables
UI DESIGN : COLORIMÉTRIE
- Définition
- Le bon choix de couleurs
- Le bon vocabulaire
- La règle des 60-30-10
- Adobe Color
- Les différentes combinaisons
- L’importance du contraste
- L’exploitation des couleurs
- Définition de toutes les couleurs
UI DESIGN : ICONOGRAPHIE
- Définition
- Dénotation & connotation
- Le réalisme
- La géométrie
- Les signes
- Toucher au plus juste
- Hiérarchie des composants visuels
- Comment choisir la bonne image
- La règle de tiers
- Le nombre d’or
- Les bons outils
- Où faire sa veille graphique
TRAVAUX PRATIQUES
- Conceptions sur Adobe XD
- Wireframe d’une Newsletter
- Maquette d’une application
- Wireframe & Maquette d’une landing page
MODULE 3 : CREATION DE SITE AVEC WORDPRESS
LES PRÉREQUIS À L’UTILISATION DE WORDPRESS
- Comment fonctionne un site web ?
- Qu’est-ce que WordPress ?
- Quelles sont les étapes de création d’un site WordPress ?
- De quoi a-t-on besoin pour créer un site WordPress ?
- Quelques conseils avant de démarrer
INSTALLER WORDPRESS SUR SON ORDINATEUR AVEC LOCAL BY FLYWHEEL
- Pourquoi réaliser un site dans un environnement de travail local ?
- Comment installer et déployer WordPress avec Local by Flywheel ?
COMPRENDRE L’ADMINISTRATION DE WORDPRESS
- Quelle est la différence entre le back office et le front office de WordPress ?
- Comment se présente le back office ?
- Quels sont les fichiers qui composent un site WordPress ?
EFFECTUER LES RÉGLAGES DE BASE D’UN SITE WORDPRESS
- Définir les règles d’utilisation du site web
- Personnaliser son profil d’administrateur
- Administrer les utilisateurs du site web
CRÉER UN SITE SIMPLE À L’AIDE DES FONCTIONNALITÉS DE BASE DE WORDPRESS
- Importer des contenus multimédia dans la bibliothèque
- Définir des catégories et des sous catégories d’articles
- Créer et publier des articles
- Créer et publier des pages
- Créer et organiser un menu de navigation
- Créer des liens hypertexte
- Les bases de la personnalisation graphique
- Enregistrer son site et le partager à l’aide de Local by Flywheel
CRÉER UN SITE COMPLEXE EN UTILISANT UN THÈME ET DES PLUGINS
- Créer un nouveau site WordPress à partir d’un blueprint Local by Flywheel
- Installer un thème WordPress
- Personnaliser la page d’accueil de son thème
- Personnaliser les autres pages du site
- Installer des extensions (lightbox, formulaire, pop-up, boutons de partage sur les réseaux sociaux)
- Présentation de l’outil de code CSS additionnel
- Tester son site WordPress
PUBLIER UN SITE WORDPRESS SUR LE WEB
- S’inscrire à un service d’hébergement web (ex : OVH)
- Transférer un site web d’un serveur local à un serveur web avec All-In-One WP Migration
- Vérifier que la migration s’est bien déroulée
- Obtenir un certificat SSL
- Rendre le site visible auprès des moteurs de recherche
RESSOURCES POUR AMÉLIORER SON SITE
- Les meilleurs plugins du moment
- Les sites indispensables
INSTALLER ET MANIPULER LES FICHIERS DE WORDPRESS MANUELLEMENT
- De quoi a-t-on besoin pour installer un site WordPress manuellement ?
- Installer WordPress manuellement sur son ordinateur
- Migrer son site vers un serveur web
ALLER PLUS LOIN
- Conseils pour entretenir son site
- Conseils pour progresser
MODULE 4 : CREATION DE BOUTIQUE E-COMMERCE AVEC PRESTASHOP
Présentation de Prestashop
- Les objectifs d’un site e-commerce
- Présentation des différentes fonctionnalités
- Fonctionnement de Prestashop
Prise en main de Prestashop
- Téléchargement de Prestashop
- Installation de Prestashop (en local et sur son hébergeur)
- Paramétrage de Prestashop
- Présentation des interfaces
Création de la boutique en ligne
- Organiser le contenu
- Gérer les menus
- Gérer les catégories de produits
- Créer et modifier un produit
- Gérer le design de la boutique
- Gérer les groupes et les clients
Gestion des ventes
- Paramétrer les modes de livraison
- Configurer les modes de paiement
- Créer des opérations promotionnelles
- Paramétrer le panier de commande
Gestion de la boutique
- La gestion et le suivi des commandes
- La gestion du stock
- Le suivi et la validation des paiements
- Gestion des statistiques
Optimiser la visibilité de la boutique
- Gestion des Urls
- Gestion des mots clefs
- Principes de référencement
Mis à jour le 8 avril 2022