Chef de projet Web : Conduite de projet Web + Ergonomie de Sites Web

Webmasters, responsables marketing ou communication

Aucun

Apprendre à gérer un projet de création de sites Web - Comprendre les contraintes du Web - Créer des ergonomies adaptées aux supports Web - Intégrer les formats spécifiques notamment mobiles - Apprendre les méthodes pour définir l'ergonomie de son site

Conduite de projet web

Comprendre les contours d’un projet

Définition d’un projet web
Acteurs du projet
Les dimensions d’un projet
Facteurs de risques
Les phases d’un projet web

Devenir Chef de projet web

Son rôle et ses missions
Les qualités et compétences requises
Manager un projet : planifier, suivre et animer
Les méthodes de gestion de projet

Comprendre les technologies

Les différents types de site
Hébergement web : nom de domaine, type de serveur, certificat SSL...
Les langages web : HTML5/CSS3, JavaScript, Ajax...
Les standards du web : front vs back, responsive web design, accessibilité...
Définir son environnement de développement : PHP, JS, Java, Python...
Faut-il passer par un CMS ? Un framework ?
Choisir son CMS : WordPress, Drupal, Prestashop...
Choisir son framework : Symfony, Laravel, Angular...

Phase d’initialisation ou avant-projet

Etudier l’existant
Définir la cible : créer le(s) persona(s)
Recueillir les besoins et attentes
Définir des objectifs SMART
Présenter l’environnement du projet technique, technologique, concurrentiel
Evaluer le budget et le planning

Atelier pratique : réaliser une fiche projet

Définir la stratégie

Définir le contenu éditorial : SEO
Créer une arborescence
Lister les fonctionnalités à mettre en place
Réfléchir à l'ergonomie
Appliquer une charte graphique
Paramétrer l'environnement technique de travail
Anticiper les campagnes webmarketing
Définir les interactions avec les réseaux sociaux
Installer un gestionnaire de balises

Atelier pratique : compléter la fiche projet avec la stratégie SEO et SEA, créer une arborescence

Phase de planification

Composer son équipe : méthode RACI
Etablir un plan de communication interne
Créer un macro-planning : phases du projet, jalons, dates limites, …
Utiliser le diagramme de Gantt pour gérer la planification
Les outils de gestion de projet
Définir les risques du projet
Anticiper la gestion des risques

Atelier pratique : créer un diagramme de Gantt et manipuler des outils de suivi

Rédiger le cahier des charges

Quelles informations sont nécessaires ?
Structurer le cahier des charges
Définir les livrables finaux et intermédiaires
Définir un cahier des spécifications
Créer un PAQ (Plan d'assurance qualité)

Atelier pratique : rédiger les grandes rubriques d'un cahier des charges

Phase d’exécution

Formaliser le contenu du projet
Fournir les livrables
Gestion des délais et suivi des écarts
Les réunions d’avancement
Définir le plan de tests efficace : cahier de recette
Anticiper la gestion des problèmes
Mise à jour du cahier des charges

Phase de contrôle

Analyser l’efficacité du projet : respect du planning, des ressources prévues…
Recettage
Tests et corrections sur serveurs de production
Effectuer des tests de montées en charge
Résoudre les éventuels problèmes

Atelier pratique : élaborer la trame d'un cahier de recettes

Phase de déploiement (mise en ligne)

Corriger les écarts
Confirmer la validation formelle des livrables
PV de recette
Mise à jour du cahier des charges
Mise en production
Dresser un bilan de projet : recueillir les leçons apprises, les forces et faiblesse
Définir des axes d’améliorations
Anticiper la maintenance du site

Phase de suivi (maintenance)

Effectuer les corrections après mise en production
Outils de gestion des anomalies (suivi de bugs)
Gérer le renouvellement du serveur et des noms de domaines
Promotion du site : référencement, publicité, promotion hors ligne
Effectuer de nouvelles campagnes de promotion (SEO/SEM/SMO)
Réaliser des newsletters
Mettre en place un suivi des performances du site (KPIs)

Ergonomie de sites web

Comprendre l'ergonomie des sites Web

Les enjeux de l’ergonomie web
Définitions générales : ergonomie, ligne de flottaison, format, supports mobiles.
Loi de Gestalt et Fitts
Principes de base
Affordance
Utilisabilité, persona
Accessibilité
UX/UI

Atelier pratique : définir un wireframe avec les éléments standards d’une page d’accueil de site e-commerce

Comprendre les systèmes de navigation

Barre de navigation
Menu : classique, vertical, horizontal, dynamique
Liens hypertextes
Typographie
Formulaires
Moteur de recherche
Autres systèmes de navigation
Outils d'aide à la navigation
Zone privée - Zone membre
Fil d'Ariane
Plan du site
Erreurs fréquentes
Textes et images
Choix des couleurs
Lisibilité du contenu
Conseils de Nielsen

Atelier pratique : comparer l'ergonomie de 3 sites de mairies

Découvrir les interfaces riches et l'interactivité

Les technologies : Javascript, Ajax, XML, RSS
Intérêt des interfaces riches
Présentation de multiples outils : slider, zoom, effets divers
Présentation de l'interactivité : chat, rappel immédiat, forum

Découvrir les outils pour créer son ergonomie

Supports standards : éditeur/logiciel de présentation
Outils spécifiques pour la création d'ergonomie

Atelier pratique : repenser la page d'accueil d'un site web en version mobile

Gérer les difficultés de sites volumineux

Accès direct : l'importance de la page d'accueil
Accès pages intérieures : erreurs à éviter
Gestion de la navigation : arborescence, menu secondaire
Gestion de la pagination
Gestion du multimédia
Importance du moteur de recherche et recherche avancée
Gestion des risques liés à la perte d'internaute
Gestion des risques liés au référencement

Comprendre les spécificités des sites catalogues et e-commerce

Quelques exemples types de sites catalogues
Page de présentation de produit
Tunnel de conversion

Étude de cas & audit ergonomique

Relecture heuristique  avec une grille
Identification des points bloquants
Focus : navigation, contenu, interactivité, accessibilité
Conception UX : zoning, wireframe, CTA, tunnel de conversion

Atelier pratique : étude de cas

Conclusion

Questions / réponses

Active Learning

contrôle continu ou certification si prévue dans le financement

Support de cours