Eine gute Website entsteht nicht in dem Moment, in dem das erste Layout präsentiert wird. Entscheidend sind die Schritte davor und danach: Ziele klären, Inhalte ordnen, Entscheidungen abstimmen, sauber umsetzen und gründlich prüfen. Erst dieses Zusammenspiel macht aus einer Idee eine Website, die im Alltag wirklich trägt.
Kurz erklärt
Ein Webdesign-Projekt mit einer Agentur beginnt meist mit Zielklärung und Anforderungen. Danach folgen Struktur und Inhalte, Gestaltung, technische Umsetzung, Tests sowie der Livegang. Der Ablauf ist anpassbar, sollte aber Zuständigkeiten, Freigaben und Qualitätsprüfungen von Beginn an klar regeln.
Auf Kundenseite sind vor allem fachliche Entscheidungen, Inhalte und gebündelte Rückmeldungen gefragt. Die Agentur sorgt für Konzept, Gestaltung und Umsetzung im vereinbarten Rahmen.
Der Ablauf ist kein starres Sieben-Phasen-Schema. Je nach Umfang, Team und technischen Anforderungen können einzelne Schritte parallel laufen oder erneut aufgegriffen werden. Die folgende Struktur zeigt einen typischen Weg, an dem sich ein Webdesign-Projekt mit einer Agentur orientieren kann.
Warum ein klarer Projektablauf wichtig ist
Webdesign verbindet Strategie, Inhalte, Gestaltung, Technik und die Abstimmung mehrerer Beteiligter. Fehlt ein gemeinsamer Rahmen, zeigen sich die bekannten Reibungen schnell: Zuständigkeiten bleiben offen, Freigaben verzögern sich, Texte kommen zu spät oder das Design wird nach persönlichem Geschmack statt nach dem vereinbarten Ziel bewertet.
Ein transparenter Prozess bringt diese Themen in eine sinnvolle Reihenfolge. Er macht sichtbar, welche Entscheidung gerade ansteht, welche Unterlagen benötigt werden und wer sie trifft. Das ist weniger spektakulär als ein starker Entwurf, aber für das Ergebnis mindestens ebenso wichtig. Ähnlich wie beim Hausbau ergibt es wenig Sinn, über das Dach zu sprechen, solange der Grundriss noch nicht steht.
Der typische Projektablauf in einer Webdesign-Agentur
Auch wenn jedes Projekt eigene Anforderungen mitbringt, folgt ein professionelles Webdesign meist einer ähnlichen Struktur.
1. Erstgespräch und Zielklärung
Am Anfang steht nicht das Design, sondern die Frage: Was soll die neue Website konkret leisten? Mehr qualifizierte Anfragen, eine zeitgemäße Darstellung, bessere Orientierung für bestehende Kunden oder eine klarere Präsentation von Leistungen können unterschiedliche Ziele sein. Ebenso wichtig sind Zielgruppen, Wettbewerbssituation, vorhandene Systeme und interne Rahmenbedingungen.
Aus einem allgemeinen Wunsch wird in dieser Phase ein belastbares Briefing. Dazu gehören die gewünschte Wirkung, Prioritäten und Kriterien, an denen spätere Entscheidungen gemessen werden. Bevor eine digitale Lösung gebaut wird, sollten Problem, Nutzerbedürfnisse sowie technische und rechtliche Rahmenbedingungen verstanden sein.[2] Ein erstes greifbares Ergebnis kann ein abgestimmtes Briefing sein.
2. Analyse der bestehenden Website und Anforderungen
Gibt es bereits eine Website, schaut die Agentur genauer hin: Wie nachvollziehbar ist die Navigation? Welche Inhalte sind aktuell, welche fehlen? Wie funktioniert die Seite auf mobilen Geräten, und welche technischen Abhängigkeiten bestehen? Auch Ladeverhalten, Formulare und die Pflege im Content-Management-System können hier eine Rolle spielen.
Bei einem Neubau werden Anforderungen gesammelt, priorisiert und auf ihre praktische Bedeutung geprüft. Hilfreich ist eine klare Unterscheidung zwischen unverzichtbaren Funktionen und Wünschen, die später entschieden werden können.
- gewünschte Seiten, Funktionen und Schnittstellen
- inhaltliche Schwerpunkte und vorhandenes Bildmaterial
- sprachliche, organisatorische oder rechtliche Vorgaben
- interne Ressourcen für Texte, Abstimmungen und Freigaben
Das Ergebnis ist häufig eine priorisierte Anforderungsliste. Sie schafft keine endgültige Sicherheit für jede Einzelfrage, verhindert aber, dass grundlegende Themen erst während der Entwicklung auftauchen.
3. Konzeption und Struktur
In der Konzeptionsphase bekommt die Website ihr inhaltliches Gerüst. Welche Seiten werden benötigt? Wie hängen sie zusammen? Welche Information beantwortet welche Frage, und welcher nächste Schritt soll für Besucher naheliegen? Eine Sitemap, ein Inhaltsplan oder die Gliederung wichtiger Einzelseiten machen diese Entscheidungen sichtbar.
Gutes Webdesign beginnt deshalb nicht beim Farbton eines Buttons, sondern bei einer verständlichen Nutzerführung. Je nach Projekt können Wireframes oder klickbare Prototypen helfen, Annahmen früh zu prüfen. Sie sind keine bloße Vorstufe für die Präsentation, sondern können zeigen, ob ein Lösungsansatz in einer konkreten Nutzungssituation nachvollziehbar ist.[3] Auch Tests mit Skizzen oder Prototypen sind möglich, bevor alle Seiten technisch umgesetzt sind.[5]
Typische Ergebnisse dieser Phase sind:
- eine Sitemap oder Seitenstruktur
- eine inhaltliche Gliederung zentraler Seiten
- Text- und Bildanforderungen
- Hinweise zur Nutzerführung und zu wichtigen Kontaktpunkten
Wer diesen Schritt ernst nimmt, schafft ein stabiles Fundament.
4. Designphase
Jetzt wird sichtbar, wie die Website später wirkt. Auf Grundlage der Struktur entwickelt die Agentur ein visuelles Konzept oder konkrete Layouts: Farben, Typografie, Bildsprache, Abstände, Buttons und wiederkehrende Elemente ergeben eine gestalterische Linie.
Die entscheidende Frage lautet nicht nur: Sieht das gut aus? Sondern auch: Unterstützt die Gestaltung die Inhalte und führt sie Besucher verständlich zum Ziel? Rückmeldungen sind in dieser Phase besonders wertvoll, wenn sie sich auf die vereinbarten Ziele beziehen. Passt die Gestaltung zur Marke? Ist sie gut lesbar? Erleichtert sie die Orientierung?
Barrierefreiheit lässt sich am besten als durchgehende Aufgabe behandeln, die Inhalte, Gestaltung und Technik gleichermaßen betrifft. Klare Verantwortlichkeiten und regelmäßige Prüfungen helfen, sie nicht erst bei der Abnahme zu berücksichtigen.[6]
5. Technische Umsetzung
Nach der Designfreigabe werden aus Entwürfen funktionierende Seiten. Dazu zählen je nach Vorhaben die Umsetzung im Content-Management-System, die mobile Darstellung, Formulare, Animationen, Schnittstellen und spezielle Funktionen. Währenddessen wird fortlaufend abgeglichen, ob Konzept, Design und Technik noch zusammenpassen.
Performance, Sicherheit und Wartbarkeit gehören ebenfalls in diese Arbeit, nicht nur auf eine Checkliste am Schluss. Sicherheitsanforderungen und Prüfungen sind über Entwicklung, Bereitstellung und spätere Pflege hinweg relevant.[8] Für die Kundenseite ist vor allem wichtig zu wissen, welche Zugänge, Systeme oder fachlichen Entscheidungen die Umsetzung noch benötigt.
6. Inhalte einpflegen und Feinschliff
Selbst die beste Gestaltung wirkt nur dann überzeugend, wenn die Inhalte stimmen. Texte, Bilder, Downloads und rechtliche Seiten müssen sinnvoll eingebunden werden.
In dieser Phase werden Texte, Bilder und Seitenelemente zusammengeführt und Details nachgeschärft. Überschriften werden präziser, Bildausschnitte angepasst, Abstände korrigiert und Formulare getestet. Dieser Feinschliff ist kein Zeichen dafür, dass vorher schlecht gearbeitet wurde. Er gehört dazu, weil viele Fragen erst beantwortbar sind, wenn Inhalte und Gestaltung tatsächlich zusammenkommen.
Qualitätssicherung läuft hier weiter: Ist die Sprache verständlich? Sind alle Informationen aktuell? Bleiben Inhalte auf Smartphone, Tablet und Desktop gut nutzbar? Solche Prüfungen lassen sich nicht vollständig an eine einzelne Projektphase delegieren.
7. Test, Freigabe und Livegang
Vor der Veröffentlichung wird die Website in ihrer vorgesehenen Umgebung geprüft. Dazu gehören Links, Formulare, Darstellungen auf unterschiedlichen Geräten, Inhalte, Weiterleitungen und vereinbarte Funktionen. Die finale Freigabe sollte nachvollziehbar festhalten, was geprüft wurde und welche offenen Punkte gegebenenfalls in den Betrieb übergehen.
Mit dem Livegang endet die Zusammenarbeit nicht automatisch. Danach braucht es je nach Vereinbarung Zuständigkeiten für Updates, Support, redaktionelle Pflege, Beobachtung und Weiterentwicklung. Der Livebetrieb ist der Übergang in eine neue Phase, in der eine Website weiter beobachtet und verbessert wird.[4]
Welche Aufgaben der Kunde im Projekt übernimmt
Ein Projekt funktioniert am besten, wenn beide Seiten ihre Rolle kennen. Die Agentur strukturiert, berät und setzt um. Das Unternehmen bringt Ziele, Fachwissen über Angebote und Zielgruppen, Inhalte sowie Entscheidungen aus dem eigenen Alltag ein.
- Klare Ansprechpartner: Entscheidungen sollten nicht zwischen zu vielen Stellen hängen bleiben.
- Verlässliche Inhalte: Texte, Bilder und fachliche Informationen brauchen einen realistischen Plan und klare Verantwortliche.
- Gebündelte Rückmeldungen: Abgestimmtes Feedback aus dem Unternehmen ist hilfreicher als widersprüchliche Einzelmeinungen.
- Transparente Änderungen: Verschieben sich Prioritäten, sollte das früh angesprochen werden, damit Aufwand und Auswirkungen eingeordnet werden können.
Wer vorab klärt, wer entscheidet und bis wann eine Rückmeldung vorliegt, vermeidet viele der typischen Wartezeiten im Projekt.
Typische Stolpersteine im Website-Projekt
Auch mit guter Planung können Hürden entstehen. Entscheidend ist, sie früh sichtbar zu machen statt sie bis kurz vor den Livegang mitzunehmen.
| Stolperstein | Typische Folge | Praktischer Gegenansatz |
|---|---|---|
| Unklare Ziele | Entscheidungen bleiben vage | Ziele vor Projektstart konkret benennen |
| Fehlende Inhalte | Verzögerungen im Aufbau | Inhalte frühzeitig planen und priorisieren |
| Zu viele Freigabeschleifen | Der Zeitplan gerät ins Rutschen | Klare Zuständigkeiten und Feedbackregeln festlegen |
| Design ohne Struktur | Die Website wirkt hübsch, aber unklar | Erst Konzept, dann Gestaltung |
| Technik ohne Abstimmung | Nacharbeiten und doppelte Arbeit | Design, Inhalt und Entwicklung eng verzahnen |
Solche Punkte wirken oft klein, können aber mehrere Arbeitsschritte beeinflussen. Ein professionell geführtes Projekt spricht Risiken offen an, dokumentiert Entscheidungen und klärt, welche Folgen Änderungen für Umfang und Prioritäten haben.
Woran Sie eine gute Webdesign-Agentur erkennen
Eine passende Agentur erklärt ihren Ablauf verständlich und macht Zuständigkeiten transparent. Sie stellt Fragen, bevor sie eine Lösung festlegt, und begründet Empfehlungen anhand von Zielen, Zielgruppen und Rahmenbedingungen. Ebenso wichtig: Entscheidungen, Freigabepunkte und Abhängigkeiten bleiben für alle Beteiligten nachvollziehbar.
Ein weiteres gutes Zeichen ist, wenn nicht nur über Gestaltung gesprochen wird, sondern auch über Inhalte, Zielgruppen und technische Anforderungen.
Achten Sie auch auf realistische Planung. Ein belastbarer Prozess verspricht nicht, dass jede Idee sofort umgesetzt werden kann. Er zeigt vielmehr, welche Informationen noch fehlen, wo Entscheidungen notwendig sind und wie sich Änderungen auf die weitere Arbeit auswirken.
Was sollte vor dem Start eines Website-Projekts geklärt sein?
Vor dem Start sollten Ziele, Zielgruppen, Ansprechpartner und der grobe Umfang geklärt sein. Ebenso hilfreich ist ein Überblick darüber, welche Texte, Bilder, Zugänge und technischen Schnittstellen bereits vorhanden sind.
Nicht jede Detailfrage muss vorab beantwortet werden. Wichtig ist jedoch, offene Punkte sichtbar zu machen und Prioritäten festzulegen. So kann die Agentur den Prozess passend strukturieren, statt während der Umsetzung grundlegende Annahmen korrigieren zu müssen.
Voraussetzungen und Grenzen
Ein klarer Prozess erleichtert die Zusammenarbeit, ersetzt aber keine Entscheidungen oder fehlenden Grundlagen. Einige Punkte sollten deshalb früh realistisch eingeordnet werden:
- Es braucht eine entscheidungsfähige Ansprechperson auf Kundenseite.
- Inhalte, Bildmaterial und interne Freigaben müssen organisatorisch eingeplant werden.
- Bestehende Systeme, Zugänge und Schnittstellen können den Umfang beeinflussen.
- Änderungen nach abgestimmten Zwischenständen können Prioritäten und weitere Arbeitsschritte verschieben.
Welche Betreuung nach dem Start erforderlich ist, hängt von Website, Team und vereinbartem Betriebsmodell ab.
Praxisbeispiel
Hypothetisches Beispiel: Ein Unternehmen plant einen Relaunch, weil Leistungen auf der bisherigen Website schwer auffindbar sind. Im Erstgespräch wird festgelegt, welche Zielgruppen besonders schnell zu den passenden Informationen gelangen sollen. Anschließend entstehen eine vereinfachte Seitenstruktur und ein Plan für fehlende Texte.
Ein Entwurf zeigt früh, wie die wichtigsten Einstiege funktionieren könnten. Nach der abgestimmten Gestaltung werden Inhalte und Formulare umgesetzt, auf mobilen Geräten geprüft und vor der Veröffentlichung gemeinsam kontrolliert. Nach dem Start bleibt festgelegt, wer Inhalte aktualisiert und technische Themen übernimmt.
Fazit: Struktur macht den Unterschied
Ein Webdesign-Projekt lebt nicht allein von einem überzeugenden Layout. Zielklärung, Struktur, verlässliche Abstimmung, technische Umsetzung und wiederkehrende Qualitätsprüfungen greifen ineinander. Wer diese Schritte gemeinsam trägt, schafft eine solide Grundlage für eine Website, die Inhalte verständlich vermittelt und im laufenden Betrieb weiterentwickelt werden kann.
Der genaue Weg darf sich dem Projekt anpassen. Entscheidend bleibt, dass Ziele, Verantwortlichkeiten und Entscheidungen nicht im Ungefähren bleiben. So wird aus einem komplexen Website-Projekt ein nachvollziehbarer Prozess mit einem klaren Ziel.
Häufige Fragen
Wer liefert die Texte und Bilder für die neue Website?
Das wird zu Beginn verbindlich abgestimmt. Häufig stellt das Unternehmen Fachinformationen, vorhandene Materialien und Freigaben bereit, während die Agentur Struktur und Einpflege koordiniert. Entscheidend sind klare Verantwortlichkeiten und Termine.
Was passiert bei Änderungswünschen nach einer Designfreigabe?
Änderungen sind möglich, sollten aber zeitnah benannt und gesammelt bewertet werden. Je später sie erfolgen, desto eher können sie Struktur, Entwicklung oder Zeitplanung beeinflussen.
Wie werden Entwürfe sinnvoll freigegeben?
Eine Freigabe funktioniert am besten anhand der vereinbarten Ziele und mit gebündeltem Feedback. Intern sollte vorher geklärt sein, wer die Entscheidung trifft und welche Punkte noch offen sind.
Was wird vor dem Livegang geprüft?
Typischerweise werden Inhalte, Links, Formulare, Funktionen und die Darstellung auf verschiedenen Geräten kontrolliert. Welche weiteren Prüfungen erforderlich sind, hängt von Umfang und technischen Anforderungen der Website ab.
Kann eine Website trotz Livegang noch weiterentwickelt werden?
Ja. Der Livegang markiert den Beginn des laufenden Betriebs. Inhalte, Funktionen und Optimierungen können danach anhand neuer Anforderungen oder Beobachtungen weiterentwickelt werden.
Wer ist nach der Veröffentlichung für die Website zuständig?
Das sollte vor dem Livegang geklärt sein. Je nach Vereinbarung liegen Updates, technische Betreuung, redaktionelle Pflege und Support bei unterschiedlichen Personen oder Teams.
Quellen und Einordnung
- Den Ablauf als typisches Modell darstellen, nicht als starres Agenturverfahren.
- Tests sinnvoll über mehrere Projektphasen verteilen und nicht nur vor dem Livegang erwähnen.
- Barrierefreiheit, Sicherheit und Performance als wiederkehrende Qualitätsaufgaben einordnen.
- Rechtliche Hinweise knapp, differenziert und ohne pauschale Geltungsversprechen formulieren.
- How the discovery phase works (GOV.UK Service Manual)
- How the alpha phase works (GOV.UK Service Manual)
- Usability testing (Digital.gov)
- Plan (W3C Web Accessibility Initiative)
- OWASP Web Security Testing Guide – Introduction (OWASP Foundation)
- How the live phase works (GOV.UK Service Manual)