Wie lange dauert eine Website-Erstellung? Der Ablauf in sechs Phasen

Eine Website zu erstellen ist eine Abfolge von sechs Phasen: Analyse, UX- und UI-Strategie, Entwicklung, Testing und QA, Launch und Optimierung nach dem Launch. Jede Phase endet mit einem Ergebnis und einer Freigabe durch den Kunden.

Die Dauer hängt vom Umfang ab, nicht vom Aufwand allein. Eine fokussierte Landingpage geht in 2 bis 5 Tagen online. Eine Unternehmenswebsite mit 10 bis 30 Seiten braucht 2 bis 4 Wochen. Ein Portal mit Konten, Rollen und Integrationen läuft 6 bis 12 Wochen. Das sind die Standard-Lieferzeiten hinter den einzelnen Projekttypen, und sie setzen voraus, dass die Kundenseite mithält.

Genau dieser letzte Punkt steht selten im Angebot. Inhalte, Markenmaterialien und Freigaben liegen in fast jeder Phase auf der Kundenseite, und verspätete Zulieferung ist der häufigste Grund für einen verschobenen Termin. Dieser Leitfaden zeigt jede Phase, ihr Ergebnis, ihre Dauer und das, was Ihr Team dafür bereitstellt.

Ein Website-Entwicklungsprozess ist eine dokumentierte Reihenfolge der Arbeit, kein Arbeitsstil. Er legt fest, wer was entscheidet, in welcher Reihenfolge und gegen welches Ergebnis. Dieselben sechs Phasen gelten für eine einzelne Landingpage wie für ein mehrsprachiges Portal. Unterschiedlich ist nur, wie viele Tage jede Phase braucht und wie viele Personen an der Freigabe beteiligt sind.

Ohne diese Reihenfolge wird ein Projekt reaktiv. Entscheidungen kommen spät, Prioritäten verschieben sich, und das Ergebnis entfernt sich von dem, was das Unternehmen angefragt hat. Die Fehlerbilder wiederholen sich unabhängig von der Projektgröße:

• Umfang, der nie schriftlich festgehalten wurde und deshalb weiter wächst.
• Freigaben ohne benannten Verantwortlichen.
• Termine, die feststanden, bevor jemand die Seiten gezählt hat.
• Funktionen, die auf der Geschäftsseite niemand angefragt hat.

Ein definierter Lebenszyklus richtet Strategie, Design und Entwicklung ab der ersten Woche auf dasselbe Ziel aus. Er gibt dem Kunden außerdem einen festen Standpunkt: Sie können jederzeit die laufende Phase, die offene Entscheidung und das Datum des nächsten Ergebnisses benennen.

Warum Transparenz für den Auftraggeber zählt

Transparenz im Projektverlauf ist ein praktischer Vorteil, keine Höflichkeit. Wenn Phasen, Verantwortlichkeiten und Termine dokumentiert sind, erkennen Sie den Unterschied zwischen einem Zeitplan, der in Verzug ist, und einem, der auf Sie wartet. Statusberichte, dokumentierte Meilensteine und eine gemeinsame Definition von fertig nehmen das Rätselraten heraus, das aus vier Wochen drei Monate macht.

Die Analyse verwandelt ein Geschäftsziel in einen schriftlichen Umfang. Vor Design und Code sammelt das Team Anforderungen, definiert die Zielgruppe, einigt sich darauf, wie Erfolg gemessen wird, und hält das in einem Dokument fest. Laut Nielsen Norman Group besteht der Zweck einer Analysephase darin, Unbekanntes zu reduzieren, bevor sich ein Team auf eine Lösung festlegt.

Ergebnis: ein Scope-Dokument, eine Sitemap und ein Meilensteinplan mit Daten. Typische Dauer: unter einem Tag bei einer Landingpage, bis zu zwei Wochen bei einem Portal.

Diese Phase umfasst:

• Geschäftsanforderungen, vorhandene Materialien und Markenassets.
• Zielgruppen und die Aktionen, die sie ausführen sollen.
• Funktionale und strukturelle Anforderungen, Seite für Seite.
• Integrationen und die Frage, wer die Zugänge dafür besitzt.

Geschäftsziele verstehen

Jedes Projekt beginnt mit dem Geschäftsmodell und der Zielgruppe. Hier klärt das Team, für wen die Website ist, welches Problem sie beseitigt und was ein Besucher als Nächstes tun soll. Diese Phase zu überspringen spart keine Zeit, sondern verschiebt dasselbe Gespräch in das Design-Review, wo Änderungen teurer sind.

Schwerpunkte:

• Kerngeschäftsziele und ihre Messgrößen.
• Merkmale der Zielgruppe.
• Wettbewerbspositionierung.
• Erwartete Ergebnisse der Website.

Anforderungen in Dokumentation überführen

Anforderungen werden anschließend in eine geordnete Spezifikation geschrieben, mit der beide Seiten arbeiten. Umfang, technische Anforderungen und Fahrplan hören auf, ein Gespräch zu sein, und werden zur Referenz. Genau das macht einen Festpreis und einen festen Termin überhaupt erst möglich. Ein schriftlicher Umfang ist auch das Dokument, gegen das Sie Angebote vergleichen, wenn Sie einen Webdesign-Partner auswählen.

Typische Ergebnisse dieser Phase:

• Projektstrukturplan und Sitemap.
• Funktionale Anforderungen.
• Entwicklungsmeilensteine mit Daten.
• Eine benannte Liste der Liefergegenstände.

Die UX- und UI-Strategie kommt vor dem visuellen Design. Struktur, Logik und Nutzerflows werden geplant, bevor Farben und Layouts angewendet werden, damit das Layout etwas hat, dem es dient. Diese Phase übersetzt das Analysedokument in Interaktionslogik: was eine Seite leisten muss, in welcher Reihenfolge ein Besucher sie trifft und an welcher Stelle die Conversion liegt.

Ergebnis: Wireframes, Nutzerflows und eine freigegebene visuelle Richtung. Typische Dauer: ein Tag bis drei Wochen, abhängig von der Seitenzahl.

Der Grund, UX- und UI-Design vor die Visuals zu setzen, ist wirtschaftlich: Layoutentscheidungen bleiben billig änderbar. Einen Abschnitt im Wireframe zu verschieben dauert Minuten, nach dem Aufbau der Seiten dauert es einen Sprint.

User Journey und Conversion-Planung

Jede Seite und jede Interaktion wird gegen ein Nutzerziel und ein Geschäftsergebnis geplant. Journeys werden vom Einstieg bis zur Conversion abgebildet, primäre und sekundäre Handlungsaufforderungen benannt, und Inhalte nach der Entscheidungsphase geordnet, in der der Besucher tatsächlich steht.

Schwerpunkte:

• Mapping der User Journeys vom Einstieg zur Conversion.
• Definition primärer und sekundärer Calls-to-Action.
• Inhalte nach Entscheidungsphasen ordnen.
• Abgleich der Flows mit messbaren Zielen.

Prototyping und Feedback-Zyklen

Sobald die Struktur steht, machen Prototypen die Erfahrung sichtbar. Frühe Versionen von Layouts und Flows erlauben es beiden Seiten, eine Idee zu prüfen, bevor sie gebaut wird. Hier wird das Budget für Überarbeitungen entweder gespart oder ausgegeben.

Diese Phase umfasst:

• Wireframes, die Hierarchie und Interaktion festlegen.
• Iterative Anpassungen aus dem Stakeholder-Feedback.
• Abstimmung von Strategie und visueller Umsetzung.
• Freigabe vor dem Entwicklungsstart.

Die Entwicklung baut das freigegebene Design in eine funktionierende Website. Ein modernes Team kombiniert KI-gestützte Umsetzung mit menschlicher Ingenieursarbeit: Automatisierung übernimmt repetitive und datenintensive Aufgaben, während Entwickler die Kontrolle über Architektur, Qualität und alle schwer umkehrbaren Entscheidungen behalten. Das ist die längste Phase und die, in der ein eingefrorener Umfang sich auszahlt.

Ergebnis: eine funktionierende Website auf einer Staging-URL, die Sie durchklicken können. Typische Dauer: ein Tag bis sechs Wochen, abhängig vom Umfang.

Was diese Phase produziert:

• Freigegebene Designs, Seite für Seite umgesetzt.
• Wiederverwendbare Komponenten mit einheitlichem Verhalten.
• Inhalte in der echten Struktur.
• Integrationen, verdrahtet und gegen echte Zugänge getestet.

Wie KI die Umsetzung beschleunigt

Bei Vezert tragen KI-Werkzeuge zur Codegenerierung, Komponentenerstellung und iterativen Verfeinerung bei. Das verkürzt den Weg vom freigegebenen Design zur klickbaren Seite, ohne zu ändern, wer für das Ergebnis geradesteht. Mehr zur Arbeitsweise in unserem Leitfaden zur KI-gestützten Webentwicklung.

KI hilft bei:

• Codegenerierung, Verfeinerung und Review.
• Testunterstützung und Debugging.
• Einheitlichem Komponentenverhalten über alle Seiten.
• Verkürzung des Iterationszyklus im Aufbau.

Warum die menschliche Kontrolle bleibt

KI unterstützt die Ausführung, trägt aber keine Verantwortung dafür. Das menschliche Review hält den Aufbau an den Anforderungen aus Phase eins ausgerichtet.

Entscheidend bleibt der Mensch bei:

• Architektur und Systemlogik.
• Qualitätssicherung und Endabnahme.
• Strategischer Ausrichtung auf die Projektziele.
• Skalierbarkeit des Ergebnisses.

Das Testing prüft die Website unter realen Bedingungen, bevor sie jemand außerhalb des Projekts sieht. Ein Staging-Build durchläuft Performance-, Responsive-, Funktions- und Barrierefreiheitsprüfungen, und die Befunde kommen als Fehlerliste mit Verantwortlichen zurück. QA als eigene Phase zu führen statt als Nachgedanken ist der Unterschied zwischen einem Launch-Termin und einer Launch-Vermutung.

Ergebnis: ein abgenommener QA-Bericht und ein Staging-Build mit geschlossener Fehlerliste. Typische Dauer: wenige Stunden bis eine Woche.

Aktivitäten vor dem Launch:

• Performance-Tests gegen die Schwellenwerte der Core Web Vitals.
• Responsive-Tests auf Geräten und Bildschirmgrößen.
• Validierung von Formularen, Interaktionen und Integrationen.
• Behebung technischer und visueller Fehler.

Performance-Tests, wie im Planungsleitfaden von Smashing Magazine beschrieben, prüfen, ob die Website unter echter Nutzung schnell und stabil bleibt und nicht nur auf dem Entwicklerrechner.

Cross-Browser- und Barrierefreiheitstests

Über die Funktionsprüfung hinaus validiert das Team die Website in Chrome, Safari, Firefox und Edge und bestätigt die grundlegende WCAG-Konformität. Barrierefreiheit erweitert das Publikum und nimmt ein rechtliches Risiko heraus, und sie ist im Aufbau deutlich günstiger als im Nachrüsten. Zur technischen Seite der Geschwindigkeit: hochperformante Websites entwickeln.

Der Launch bringt den freigegebenen Build in die Produktion. Die Arbeit ist hier Infrastruktur statt Design: DNS, Hosting, Auslieferung, Weiterleitungen von den alten URLs, Analytics und ein letzter Durchgang durch die Metadaten. Es ist die kürzeste Phase im Prozess und die mit dem geringsten Spielraum für Improvisation, weshalb sie aus einer Checkliste läuft und nicht aus dem Gedächtnis.

Ergebnis: die Live-Website mit Weiterleitungen, Analytics und Search Console. Typische Dauer: wenige Stunden bis zwei Tage.

Launch-Aktivitäten:

• Veröffentlichung in der Produktionsumgebung.
• CDN-Auslieferung, damit Seiten nah am Besucher laden.
• Weiterleitungsplan für jede alte URL, die Traffic hatte.
• Vorbereitung auf KI-Suche und moderne Discovery-Systeme.

Ein Content Delivery Network liefert Seiten von Standorten nahe am Besucher aus, was die Ladezeit für Publikum außerhalb des Heimatmarkts senkt. Der Weiterleitungsplan ist der Punkt, der bei einem Relaunch am häufigsten übersprungen wird, und der, der bestehende Rankings kostet. Zum Zusammenspiel beider Disziplinen: SEO und Webentwicklung.

Der Launch ist der Beginn der Messphase, nicht das Ende des Projekts. Sobald echte Besucher kommen, liefert die Website Daten, die keine Planung ersetzen kann: welche Seiten gelesen werden, wo Formulare abgebrochen werden, welche Geräte Probleme haben. Phase sechs verwandelt diese Daten in einen kurzen, wiederkehrenden Zyklus kleiner Änderungen.

Ergebnis: ein monatlicher Bericht und eine priorisierte Änderungsliste. Typische Dauer: laufend.

Die Arbeit nach dem Launch umfasst:

• Überwachung von Performance und Verfügbarkeit.
• Verfolgung von Nutzerverhalten und Engagement.
• Aufspüren technischer und Usability-Fehler.
• Planung iterativer Verbesserungen aus echten Zahlen.

Hier hört eine Website auf, eine Lieferung zu sein, und wird zum Asset. Unser vollständiger Leitfaden zur Optimierung nach dem Launch beschreibt die Maßnahmen für die ersten neunzig Tage.

Eine Website zu erstellen dauert zwischen wenigen Tagen und rund drei Monaten, und die Spanne hängt an der Seitenzahl, der Zahl der Sprachen und der Zahl der Systeme hinter der Oberfläche. Bei Vezert startet eine Landingpage bei €1.500 und geht in 2 bis 5 Tagen online. Eine Unternehmenswebsite mit 10 bis 30 Seiten startet bei €4.500 und läuft 2 bis 4 Wochen. Ein Portal mit Konten, Rollen und Integrationen startet bei €12.000 und braucht 6 bis 12 Wochen. Eine Express-Lieferung unter 48 Stunden ist bei kleinem Umfang möglich und schlägt mit 25% auf die Projektkosten auf.

Diese Zeitfenster setzen eines voraus: dass Inhalte und Freigaben zu den geplanten Terminen eintreffen. Die Tabelle zeigt, wie sich der Kalender nach Projekttyp aufteilt.

Der Zeitplan hat zwei Seiten, und nur eine davon ist die Agentur. Inhalte, Markenmaterialien, Entscheidungen und Zugänge kommen vom Kunden, und jedes dieser Elemente hält eine Phase auf. Ein Projekt, das als verspätet beschrieben wird, wartet häufiger auf eine Textdatei. Diese Übergaben vorab zu benennen ist die günstigste verfügbare Terminversicherung.

Drei Zulieferungen lohnen sich vor dem ersten Termin, weil sie die gesamte erste Hälfte des Prozesses freigeben:

• Ein benannter Entscheider. Eine Person, die ein Wireframe ohne Gremium freigeben kann.
• Inhalte, oder die Entscheidung, sie zu beauftragen. Seitentexte sind der häufigste Blocker, und sie werden später nicht einfacher.
• Markenmaterialien. Logodateien, Schriften und vorhandene Richtlinien in bearbeitbaren Formaten.

Die Tabelle ordnet jeder Phase zu, was der Kunde liefert und was passiert, wenn es zu spät kommt.

Der Unterschied zwischen einem strukturierten und einem Ad-hoc-Aufbau zeigt sich im Kalender, nicht im Portfolio. Beide können eine ansehnliche Seite produzieren. Nur einer von beiden kann Ihnen in Woche zwei sagen, was in Woche sechs zutrifft. Der Vergleich deckt die Punkte ab, die ein Auftraggeber schon im Verkaufsgespräch prüfen kann.

Eine Website zu erstellen bedeutet, sechs Phasen zu durchlaufen, jede mit einem Ergebnis und einem Entscheidungspunkt: Analyse, UX- und UI-Strategie, Entwicklung, Testing und QA, Launch und Optimierung nach dem Launch. Der Kalender reicht von 2 bis 5 Tagen für eine Landingpage bis zu 6 bis 12 Wochen für ein Portal, und er hält nur, wenn die Übergaben auf der Kundenseite halten.

Wenn Sie ein Angebot bewerten, sind die nützlichen Fragen die zum Ablauf und nicht die zu den Bildern. Fragen Sie, welche Phase welches Dokument erzeugt, wer es freigibt und was die Agentur bis wann von Ihnen braucht. Ein Team, das darauf ohne Zögern antwortet, hat diese Abfolge schon durchlaufen. Mehr dazu in unserem Leitfaden Webdesign-Agentur auswählen.

Vezert durchläuft dieselben sechs Phasen in jedem Projekt, von der einseitigen Landingpage bis zum mehrsprachigen Portal. Nehmen Sie Kontakt auf und nennen Sie Seitenzahl und Wunschtermin, dann kommt der Phasenplan mit Daten zurück.