Ein praktischer Leitfaden zum Website-Redesign-Prozess: was in jeder Phase passiert, wie lange es dauert und was es kostet.
Das häufigste Muster: Die Site wirkt veraltet, jemand beauftragt ein Redesign, die Agentur zeigt wunderschöne Mockups, das Team genehmigt, der Build läuft über Budget, der Launch verzögert sich, und die neue Site sieht großartig aus, konvertiert aber nicht besser als die alte. Das Problem war nie das visuelle Design. Es waren die Informationsarchitektur, das Messaging, die User Flows oder die technische Performance.
Ein Redesign ohne Discovery-Phase ist ein visueller Refresh, der das Geschäftsproblem nicht löst. Bevor Sie ein Pixel anfassen, müssen Sie verstehen: Was versuchen Besucher zu tun, wo brechen sie ab, was Messaging wirkt und welche technischen Einschränkungen den neuen Build begrenzen.
Der unten stehende Redesign-Prozess ist so strukturiert, dieses Muster zu verhindern. Jede Phase baut auf den Erkenntnissen der vorherigen auf, und jede Design-Entscheidung lässt sich auf ein Nutzerbedürfnis oder ein Geschäftsziel zurückführen.
Ein Redesign ohne Discovery-Phase ist ein visueller Refresh, der das Geschäftsproblem nicht löst.
Kartieren Sie, was die aktuelle Site gut macht und wo sie scheitert. Überprüfen Sie Analytics auf Traffic-Muster, Abbruchpunkte und Conversion-Raten. Interviewen Sie Stakeholder und Kunden. Prüfen Sie Content-Qualität, SEO-Performance und technischen Zustand (Core Web Vitals, Barrierefreiheit, Sicherheit). Ergebnis: eine priorisierte Problemliste und ein Projektbrief.
Definieren Sie die Zielgruppe, ihre Bedürfnisse und die Aktionen, die die Site unterstützen muss. Strukturieren Sie die Sitemap basierend auf Nutzerbedürfnissen, mit internen Org-Charts als Referenzrahmen. Definieren Sie die Messaging-Hierarchie: Was jede Seite kommunizieren muss und in welcher Reihenfolge. Ergebnis: überarbeitete Sitemap, Content-Brief pro Seite und ein gemessener User Flow.
Gestalten Sie die wichtigsten Seitentemplates: Homepage, Service- oder Produktseite, Über uns, Kontakt und eine Content-Seite. Erstellen Sie interaktive Prototypen für die kritischsten User Flows. Testen Sie mit echten Nutzern, wenn das Budget es erlaubt. Iterieren Sie basierend auf Feedback, bevor mit der Entwicklung begonnen wird. Ergebnis: genehmigtes Design-System und Seitentemplates.
Bauen Sie die Site auf der gewählten Plattform (WordPress, Headless oder Hybrid). Implementieren Sie das Design-System als wiederverwendbare Komponenten. Schreiben oder migrieren Sie Content Seite für Seite. Integrieren Sie Drittanbieter-Systeme (CRM, Analytics, Cookie-Consent, Marketing-Tools). Testen Sie auf Staging vor Produktion. Ergebnis: eine Staging-Site, die bereit für QA ist.
Cross-Browser- und Geräte-Testing, Accessibility-Audit, Performance-Validierung, SEO-Redirect-Mapping und Stakeholder-Review. Starten Sie mit einem Rollback-Plan. Überwachen Sie Analytics, Fehlerraten und Core Web Vitals sechs Wochen nach dem Launch. Ergebnis: eine Live-Site mit Post-Launch-Monitoring und einer Feedback-Schleife.
| Projekttyp | Gesamtzeit | Discovery | Design | Entwicklung | QA und Launch |
|---|---|---|---|---|---|
| Einfache Brochure-Site (5 bis 10 Seiten) | 8 bis 12 Wochen | 1 Woche | 2 bis 3 Wochen | 3 bis 5 Wochen | 1 bis 2 Wochen |
| Mittelgroße B2B-Site (20 bis 40 Seiten) | 12 bis 18 Wochen | 1 bis 2 Wochen | 3 bis 5 Wochen | 5 bis 8 Wochen | 2 bis 3 Wochen |
| Komplexe B2B / WooCommerce (40+ Seiten) | 18 bis 24 Wochen | 2 Wochen | 4 bis 6 Wochen | 8 bis 12 Wochen | 3 bis 4 Wochen |
Eine einfache Brochure-Site dauert 8 bis 12 Wochen. Eine mittelgroße B2B-Site dauert 12 bis 18 Wochen. Eine komplexe mehrsprachige oder WooCommerce-Site dauert 18 bis 24 Wochen. Das größte Timeline-Risiko ist Content: Projekte stocken, wenn Texte bei Entwicklungsbeginn nicht fertig sind.
Ein einfaches Brochure-Site-Redesign kostet €5.000 bis €15.000. Eine mittelgroße B2B-Site liegt bei €15.000 bis €40.000. Eine komplexe B2B- oder WooCommerce-Site kostet €40.000 bis €80.000 oder mehr. Die größten Kostenfaktoren sind Design-Komplexität, Anzahl der Integrationen und Content-Erstellung. Lesen Sie unseren WordPress-Website-Kosten-Leitfaden für Details.
Ein Refresh (neues Visuelles, gleiche Struktur) funktioniert, wenn die Informationsarchitektur und User Flows solide sind, aber das visuelle Design veraltet wirkt. Ein Redesign (neue Struktur, neues Design, neue Content-Hierarchie) ist nötig, wenn die Site Käuferentscheidungen blockiert, Redakteure sie nicht pflegen können oder Barrierefreiheit scheitert.
Bringen Sie Analytics-Zugang (mindestens 6 Monate Daten), eine Liste der wichtigsten Aufgaben, die Besucher erledigen müssen, Kundenfeedback oder Support-Tickets, Ihre Markenrichtlinien und einen realistischen Content-Plan mit. Je mehr Kontext Sie zur Discovery mitbringen, desto schneller das Projekt.
Sichern Sie den Umfang vor dem Design. Bringen Sie fertige Texte oder einen Content-Plan zum Kick-off mit. Begrenzen Sie Design-Revisionen auf zwei Runden pro Template. Listen Sie vor Angeboten jede Drittanbieter-Integration auf. Und budgetieren Sie 10 bis 15 Prozent Puffer für Umfangsänderungen, die während der Entwicklung auftauchen.
Jedes Redesign, das wir liefern, beginnt mit einer Discovery-Phase, die Nutzerbedürfnisse, Analytics-Evidence und technische Einschränkungen kartiert. Wir zeigen keine visuellen Konzepte, bis die Strategie genehmigt ist. Das verhindert den teuersten Redesign-Arbeit: schöne Designs, die das Geschäftsproblem nicht lösen. Sehen Sie unseren Website-Relaunch-Service für den vollen Umfang. Halten Sie Commercial Job, Owner und Launch-Checks in der kostenlosen B2B-Website-Relaunch-Scope-Vorlage fest, bevor das Design startet.
Bevor Sie starten, nutzen Sie die WordPress-Wartungs-Checkliste, um zu verstehen, wie laufende Operationen auf der neuen Site aussehen.
Unklar, wo Sie anfangen sollen? Schicken Sie die Seite, den Workflow oder das Backlog, das gerade stört. Wir sagen Ihnen, ob ein Scope-Gespräch, eine kurze Diagnose oder ein anderer erster Schritt passt.