Website-Projekt-Gantt-Diagramm: Vorlage vom Audit bis zum Go-live

Bearbeitbares Gantt-Diagramm für Website-Projekte: Audit, Sitemap, Wireframes, Design, Entwicklung, Inhalte, QA und Go-live, mit Abhängigkeiten und Meilensteinen. Ändern Sie eine Dauer, die Termine folgen.

Diese Vorlage verwenden

Was ist Website-Projekt-Gantt-Diagramm: vorlage vom audit bis zum go-live?

Website-Projekte verspäten sich aus demselben Grund: Das Design ist fertig, und die Seiten sind leer. Schreiben dauert länger, als jeder erwartet, hängt von Menschen außerhalb des Projekts ab und beginnt meist erst nach der Design-Freigabe statt davor. Ein Gantt-Diagramm macht dieses Warten sichtbar und zeigt, was sich ändert, wenn die Inhalte früher beginnen.

Diese Vorlage hat fünf Phasen: Analyse, Design, Entwicklung, Inhalte und Launch. Die entscheidende Wahl ist, dass das Content-Briefing von der Sitemap abhängt und nicht vom fertigen Design, sodass Texte und Bilder entstehen, während Wireframes und visuelles Design noch erarbeitet werden. „Inhalte ins CMS laden“ wartet dann auf die Templates, die Texte und die Medien, sodass die längste der drei den Termin bestimmt.

Audit und Stakeholder-Interviews überlappen sich, die Interviews beginnen zwei Tage nach dem Start des Audits. „Weiterleitungen und SEO-Checks“ laufen vor dem „Go-live“ statt danach, denn eine Migration von einer bestehenden Website ohne Weiterleitungen verliert Traffic, der schwer zurückzugewinnen ist.

Die Dauern sind Platzhalter in Arbeitstagen. Bei einer großen Website können Inhalte und Laden die längsten Aufgaben im Plan sein; probieren Sie aus, wie sich der Zeitplan verschiebt, wenn sie sich verdoppeln.

Was dieses Flussdiagramm abdeckt

In dieser Vorlage

  • Fünf Phasen, Analyse, Design, Entwicklung, Inhalte und Launch, mit 17 Aufgaben und zwei Meilensteinen: „Design-Freigabe“ und „Go-live“.
  • Inhalte, die früh beginnen: „Content-Briefing“ folgt auf „Sitemap“, sodass „Texte schreiben und lektorieren“ und „Bilder und Medien“ laufen, während „Wireframes“ und „Visuelles Design“ in Arbeit sind.
  • Ein Zusammenlauf vor dem Laden: „Inhalte ins CMS laden“ wartet auf „Templates und Komponenten“, die Texte und die Medien.
  • Überlappende Analyse: „Stakeholder-Interviews“ beginnt zwei Tage nach „Website-Audit und Ziele“.
  • Migrationsarbeit vor dem Launch: „Weiterleitungen und SEO-Checks“ und „Kundenprüfung“ enden beide vor „Go-live“.

Wann Sie diese Vorlage verwenden sollten

  • Ein Relaunch hat einen Launch-Termin, und Sie wollen sehen, ob die Inhalte rechtzeitig fertig sind.
  • Ein Kunde fragt, warum die Website nicht online ist, obwohl das Design freigegeben ist.
  • Sie ersetzen eine bestehende Website und brauchen Weiterleitungen im Plan.
  • Sie wollen einen Standardzeitplan für Websites, den Sie für jeden Kunden anpassen.

Der Plan, Aufgabe für Aufgabe

Alle Aufgaben des Diagramms mit ihrer Dauer in Arbeitstagen und dem, worauf sie warten. Eine Abhängigkeit ist eine Schrittnummer; SS bedeutet Start-zu-Start, FF Ende-zu-Ende, +n eine Verzögerung in Arbeitstagen.

#AufgabeGruppeArbeitstageAbhängig von
1Website-Audit und ZieleAnalyse5
2Stakeholder-InterviewsAnalyse41SS+2
3SitemapAnalyse31, 2
4WireframesDesign63
5Visuelles DesignDesign104
6Design-FreigabeDesignMeilenstein5
7Templates und KomponentenEntwicklung126
8CMS-Einrichtung und IntegrationenEntwicklung84
9Content-BriefingInhalte23
10Texte schreiben und lektorierenInhalte129
11Bilder und MedienInhalte89
12Inhalte ins CMS ladenInhalte67, 10, 11
13Weiterleitungen und SEO-ChecksLaunch412
14QA und BrowsertestsLaunch68, 12
15KundenprüfungLaunch414
16Go-liveLaunchMeilenstein13, 15
17Korrekturen nach dem LaunchLaunch516

So funktioniert es

  1. Mit der Sitemap beginnen

    Verknüpfen Sie Inhalte, Wireframes und CMS-Einrichtung mit der Sitemap, damit sie beginnen können, sobald sie abgestimmt ist.

  2. Inhalte als eigenes Projekt planen

    Geben Sie Schreiben und Medien eigene Aufgaben und schätzen Sie sie nach Seitenzahl, nicht nach dem Designaufwand.

  3. Die Freigabe als Meilenstein setzen

    Behalten Sie „Design-Freigabe“ als Gate für die Entwicklung. Änderungen danach sind Änderungen am Plan.

  4. Beim Laden zusammenführen

    Verknüpfen Sie „Inhalte ins CMS laden“ mit Templates, Texten und Medien, damit die langsamste Aufgabe sichtbar ist.

  5. Weiterleitungen und Checks vor den Launch legen

    Verknüpfen Sie sie vor „Go-live“ und geben Sie ihnen echte Zeit.

  6. Die Korrekturen nach dem Launch einplanen

    Behalten Sie „Korrekturen nach dem Launch“ im Plan, damit jemand dafür eingeplant ist.

Häufig gestellte Fragen

Wie lange dauert ein Website-Projekt?

Das hängt von Umfang, Seitenzahl und Tempo der Inhaltsproduktion ab. Die Vorlage nutzt Platzhalterdauern. Ersetzen Sie sie durch Ihre eigenen und lesen Sie das Enddatum aus dem Plan ab.

Warum beginnen die Inhalte vor dem Ende des Designs?

Weil Inhalte meist der langsamste Teil sind und von der Sitemap abhängen, nicht vom visuellen Design. Ein früher Start verkürzt das ganze Projekt.

Kann ich es für einen Onlineshop verwenden?

Ja, als Grundgerüst. Ergänzen Sie Aufgaben für Katalogimport, Zahlungs- und Versandeinrichtung und Tests und verknüpfen Sie den Go-live damit.

Wie importiere ich meinen bestehenden Plan?

Fügen Sie die Zeilen mit Aufgaben, Dauern und Abhängigkeiten in das Blatt neben dem Diagramm ein. Einen Datei-Upload für Gantt-Diagramme gibt es noch nicht; kopieren Sie die Zeilen aus Ihrer Tabellenkalkulation und fügen Sie sie in das Blatt neben dem Diagramm ein.

Teil von

QueryChart-Funktionen für diesen Prozess

Diese Vorlage verwenden

Mehr in IT- und ITSM-Vorlagen für Prozessdiagramme

Browse all IT- und ITSM-Vorlagen für Prozessdiagramme

Website-Projekt-Gantt-Diagramm: Analyse → Design → Entwicklung → Inhalte → Launch
Website-Projekt-Gantt-Diagramm: Vorlage vom Audit bis zum Go-live