Diagramme de Gantt de site web : de l'audit à la mise en ligne

Un diagramme de Gantt de projet de site web modifiable : audit, plan du site, maquettes, design, développement, contenus, QA et mise en ligne, avec dépendances et jalons. Changez une durée, les dates suivent.

Utiliser ce modèle

Qu'est-ce que le processus diagramme de gantt de site web : de l'audit à la mise en ligne ?

Les projets de site web sont en retard pour la même raison : le design est terminé et les pages sont vides. L'écriture est plus lente que prévu, elle dépend de personnes extérieures au projet, et elle démarre généralement après la validation du design au lieu d'avant. Un diagramme de Gantt rend cette attente visible, et montre ce qui change si les contenus démarrent plus tôt.

Ce modèle comporte cinq phases : Découverte, Design, Développement, Contenus et Lancement. Le choix clé est que le brief de contenu dépend du plan du site, pas du design terminé : textes et images sont donc produits pendant que les maquettes et le design visuel sont encore en cours. « Chargement des contenus dans le CMS » attend alors les modèles de pages, les textes et les médias, si bien que le plus long des trois fixe la date.

L'audit et les entretiens avec les parties prenantes se chevauchent, les entretiens démarrant deux jours après le début de l'audit. « Redirections et contrôles SEO » ont lieu avant « Mise en ligne » et non après, car migrer depuis un site existant sans redirections fait perdre un trafic difficile à retrouver.

Les durées sont des valeurs indicatives en jours ouvrés. Pour un grand site, les contenus et leur chargement peuvent être les tâches les plus longues du plan ; voyez comment le planning bouge si elles doublent.

Ce que couvre cet organigramme

Dans ce modèle

  • Cinq phases, Découverte, Design, Développement, Contenus et Lancement, avec 17 tâches et deux jalons : « Validation du design » et « Mise en ligne ».
  • Des contenus qui démarrent tôt : « Brief de contenu » suit « Plan du site », donc « Rédaction et relecture des textes » et « Images et médias » avancent pendant que « Maquettes » et « Design visuel » sont en cours.
  • Une jonction avant le chargement : « Chargement des contenus dans le CMS » attend « Modèles et composants », les textes et les médias.
  • Une découverte qui se chevauche : « Entretiens avec les parties prenantes » démarre deux jours après le début de « Audit du site et objectifs ».
  • Un travail de migration avant le lancement : « Redirections et contrôles SEO » et « Revue client » se terminent tous deux avant « Mise en ligne ».

Quand utiliser ce modèle

  • Une refonte de site a une date de lancement et vous devez voir si les contenus seront prêts à temps.
  • Un client demande pourquoi le site n'est pas en ligne alors que le design est validé.
  • Vous remplacez un site existant et avez besoin des redirections dans le plan.
  • Vous voulez un planning de site web standard à adapter pour chaque client.

Le plan, tâche par tâche

Toutes les tâches du diagramme avec leur durée en jours ouvrés et ce qu'elles attendent. Une dépendance est un numéro d'étape ; SS signifie début à début, FF fin à fin et +n un décalage en jours ouvrés.

#TâcheGroupeJours ouvrésDépend de
1Audit du site et objectifsDécouverte5
2Entretiens avec les parties prenantesDécouverte41SS+2
3Plan du siteDécouverte31, 2
4MaquettesDesign63
5Design visuelDesign104
6Validation du designDesignJalon5
7Modèles et composantsDéveloppement126
8Configuration du CMS et intégrationsDéveloppement84
9Brief de contenuContenus23
10Rédaction et relecture des textesContenus129
11Images et médiasContenus89
12Chargement des contenus dans le CMSContenus67, 10, 11
13Redirections et contrôles SEOLancement412
14QA et tests navigateursLancement68, 12
15Revue clientLancement414
16Mise en ligneLancementJalon13, 15
17Corrections post-lancementLancement516

Comment cela fonctionne

  1. Commencez par le plan du site

    Reliez les contenus, les maquettes et la configuration du CMS au plan du site pour qu'ils puissent démarrer dès qu'il est validé.

  2. Planifiez les contenus comme un projet à part entière

    Donnez à la rédaction et aux médias leurs propres tâches et estimez-les d'après le nombre de pages, pas d'après l'effort de design.

  3. Faites de la validation un jalon

    Gardez « Validation du design » comme point de passage pour le développement. Les changements après elle sont des changements du plan.

  4. Joignez les flux au chargement

    Reliez le chargement dans le CMS aux modèles, aux textes et aux médias, afin que le plus lent d'entre eux soit visible.

  5. Gardez redirections et contrôles avant le lancement

    Reliez-les avant « Mise en ligne » et donnez-leur un vrai temps.

  6. Planifiez les corrections après le lancement

    Gardez « Corrections post-lancement » dans le plan pour que quelqu'un soit réservé pour elles.

Questions fréquentes

Combien de temps dure un projet de site web ?

Cela dépend de la taille, du nombre de pages et de la vitesse de production des contenus. Le modèle utilise des durées indicatives. Remplacez-les par les vôtres et lisez la date de fin dans le plan.

Pourquoi les contenus démarrent-ils avant la fin du design ?

Parce que les contenus sont généralement la partie la plus lente et dépendent du plan du site, pas du design visuel. Les démarrer tôt raccourcit tout le projet.

Puis-je l'utiliser pour un site e-commerce ?

Oui, comme squelette. Ajoutez des tâches pour le chargement du catalogue, la configuration du paiement et de la livraison, et les tests, puis reliez-y la mise en ligne.

Comment importer mon plan existant ?

Collez les lignes de tâches, de durées et de dépendances dans la feuille à côté du diagramme. Il n'existe pas encore d'import de fichier pour les diagrammes de Gantt ; copiez donc les lignes de votre tableur et collez-les dans la feuille à côté du diagramme.

Fait partie de

Fonctionnalités QueryChart pour ce processus

Utiliser ce modèle

Browse all Modèles de processus informatiques et ITSM

Diagramme de Gantt de projet de site web: Découverte → Design → Développement → Contenus → Lancement
Diagramme de Gantt de site web : de l'audit à la mise en ligne