Programme

Module 1 : Marketing et communication web (5J -35 H)
Module 2 : Webdesign (5 J -35H)
Module 3 : Création de site avec WordPress (5J-35 H)
Module 4 : Création de boutique e-commerce avec Prestashop (3J-21H)

MODULE 1 : MARKETING ET COMMUNICATION  WEB

JOUR 1: 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

JOUR 2: 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

JOUR 3: 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

JOUR 4: 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

JOUR 5: 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

1. 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

2. 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 ?

3. 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 ?

4. 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

5. 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

6. 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

7. 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

8. RESSOURCES POUR AMÉLIORER SON SITE

  • Les meilleurs plugins du moment
  • Les sites indispensables

9. 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

10. 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 10 décembre 2020