Chef de projet Web : Conduite de projet Web + Ergonomie de Sites 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
Le référentiel du pilotage d’un projet : délais, coût, qualité
Les méthodes de gestion de projet
Externalisation d’un projet web : pourquoi et quand externaliser
Distinguer les rôles d’un chef de projet interne et externe

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

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
Déterminer les opportunités
Evaluer le budget et le planning

Atelier pratique : réaliser une étude de faisabilité

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 : rédiger une fiche projet contenant votre stratégie SEO et SEA, et réaliser le zoning de la page d’accueil

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, …
Macro-planning VS micro-planning
Utiliser le diagramme de Gantt pour gérer la planification
Découvrir le diagramme de PERT
Les outils de gestion de projet
Définir les risques du projet
Anticiper la gestion des risques

Atelier pratique : créer un plan de communication interne, 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

Gestion des problèmes courants

Problème de performance du site ou du serveur
Gérer les conflits entre prestataires
Gérer les conflits internes
Problème de retard dans la réalisation du site
Problème de retard sur la création des contenus
Problème de retour sur investissement
Debriefing de fin de projet/Bilan de projet
Erreurs du chef de projet débutant

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

Phase de déploiement

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)

Les enjeux de l'Ergonomie Web

Introduction

Les enjeux de l'ergonomie Web

Comprendre l'ergonomie des sites 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
Le modèle VPTCS

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

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 : définir un wireframe avec les éléments standards d’une page d’accueil de site e-commerce

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
Alertes et e-mailing
Outils d'interactivité

Conclusion