Programme de Formation Chef de projet Web : Conduite de projet Web + Ergonomie de Sites Web
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 projetDé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 arborescencePhase 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 suiviRé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 chargesPhase 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 recettesPhase 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-commerceComprendre 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 mairiesDé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 mobileGé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 casConclusion
Questions / réponses