Die vollständige Website-Redesign-Checkliste (Ausgabe 2026)

Die meisten Website-Redesigns scheitern. Nicht weil das neue Design schlecht ist, sondern weil niemand richtig geplant hat. Der Traffic bricht um 30% ein, weil Weiterleitungen vergessen wurden. Die neue Seite sieht toll aus, konvertiert aber schlechter, weil niemand die alte gemessen hat. Inhalte gehen verloren. SEO-Rankings sinken. Die Geschäftsleitung gerät in Panik.

Diese Checkliste existiert, um all das zu verhindern. Nutzen Sie sie, egal ob Sie das Redesign selbst machen, einen Freelancer beauftragen oder mit einem Studio arbeiten. Drucken Sie sie aus. Teilen Sie sie mit Ihrem Team. Haken Sie Punkt für Punkt ab.

Phase 1: Bevor Sie einen einzigen Pixel anfassen

Audit des Bestands

• Analytics-Baseline erstellen. Traffic pro Seite, Konversionsraten, Bounce Rates, meistbesuchte Einstiegs- und Ausstiegsseiten. Sie brauchen Zahlen zum Vergleich nach dem Launch. Nutzen Sie GA4 oder was immer Sie haben - das Tool ist weniger wichtig als die Daten.
• Vollständiges Content-Inventar erstellen. Jede Seite, jede URL. In eine Tabelle exportieren. Jede Seite markieren als: behalten, aktualisieren, zusammenführen oder entfernen. Die meisten Redesigns stellen fest, dass 30-40% der Seiten keinen Traffic generieren.
• Aktuelle SEO-Performance dokumentieren. Rankings für Ziel-Keywords, indexierte Seiten, Backlink-Profil, Core-Web-Vitals-Werte. Nutzen Sie Google Search Console + Ahrefs oder Semrush.
• Aktuellen Tech-Stack auditieren. CMS, Hosting, Integrationen, Formulare, Analytics-Tools, Chat-Widgets, Drittanbieter-Skripte. Sie müssen wissen, was migriert werden muss.
• Jeden einzelnen Screenshot machen. Sie wären überrascht, wie oft etwas in einem Redesign verloren geht und wochenlang niemand es bemerkt. Screenshots ermöglichen einen Seite-für-Seite-Vergleich.

Ziele definieren (konkret)

• Schreiben Sie genau auf, warum Sie redesignen. “Sieht veraltet aus” reicht nicht. Verknüpfen Sie es mit Geschäftsergebnissen: “Konversionsrate sank von 3,2% auf 1,8% über 12 Monate” oder “Wir führen drei neue Produkte ein, die nicht in die aktuelle Informationsarchitektur passen.”
• Messbare Ziele setzen. Beispiele: Demo-Anfragen um 40% steigern, Bounce Rate auf der Preisseite um 20% senken, Ladezeit unter 2 Sekunden, Unterstützung von 3 Sprachen.
• Primäre Zielgruppen-Segmente identifizieren. Nicht “alle.” Welche 2-3 Gruppen sind am wichtigsten? Was brauchen sie von der Website?
• Budget und Zeitplan. Beides vor dem Start festlegen, nicht danach. Realistisches Budget für einen professionellen Relaunch (3-5 Seiten, individuelles Design): laut TakeOff PR 3.000-10.000 € bei KI-gestützter Umsetzung, 15.000-30.000 € bei einer Full-Service-Agentur. Zeitrahmen: 3-8 Wochen je nach Komplexität.

Team zusammenstellen

• Entscheidungsperson benennen. Eine Person. Kein Gremium. Gremien fügen 4-8 Wochen hinzu und produzieren Kompromiss-Designs.
• Review-Prozess definieren. Wer prüft? Wie viele Runden? Was bedeutet “freigegeben”? Klären Sie das vor dem ersten Konzept.
• Frühzeitig Input einholen. Sprechen Sie mit Vertrieb, Support und Produktteam. Die wissen, wonach Kunden fragen. Sammeln Sie diesen Input vor Designbeginn - nicht als Feedback auf den ersten Entwurf.

Phase 2: Informationsarchitektur und Inhalte

• Neue Sitemap erstellen. Ausgangspunkt sind Nutzerbedürfnisse, nicht Ihr Organigramm. Der häufigste IA-Fehler ist, die Navigation nach internen Abteilungen zu strukturieren statt nach dem, was Besucher tatsächlich suchen.
• Content-Briefs auf Seitenebene erstellen. Für jede Seite: Zweck, Zielgruppe, primäres CTA, Kernbotschaften, SEO-Ziel-Keyword. Beginnen Sie nicht mit dem Design, bevor das existiert.
• Texte vor dem Design schreiben (oder umschreiben). Echte Texte, kein Lorem ipsum. Design sollte der Botschaft dienen, nicht umgekehrt. Wenn Sie zuerst designen und dann texten, kürzen Sie guten Content, damit er ins Layout passt.
• URL-Struktur planen. Kurz, beschreibend, SEO-relevant. /services/branding ist besser als /our-services/brand-identity-and-design-solutions. Jetzt entscheiden, damit Sie Weiterleitungen planen können.
• Weiterleitungs-Map erstellen. Alte URL -> Neue URL, jede einzelne Seite. Das ist der am häufigsten übersprungene Schritt und Grund Nummer eins, warum Redesigns SEO-Rankings zerstören. Sitemap exportieren, jede URL dem neuen Äquivalent zuordnen.

Phase 3: Design

• Mit Wireframes starten, nicht mit visuellem Design. Layout und Hierarchie zuerst, Farben und Typografie danach. Wireframes zwingen Sie, über die Platzierung von Inhalten nachzudenken.
• Mobile-first designen. 60-70% des Traffics ist mobil bei den meisten B2B-Seiten, 75-85% bei B2C. Wenn Ihr Designer Ihnen zuerst Desktop zeigt, bitten Sie um Mobile first.
• Designsystem früh definieren. Typografie-Skala, Farbpalette, Abstands-System, Button-Styles, Card-Styles. Ein Designsystem sichert Konsistenz und beschleunigt sowohl Design als auch Entwicklung.
• Mit echten Inhalten testen. Designs, die mit idealen Inhalten perfekt aussehen, brechen, wenn echte Headlines 40 Zeichen länger sind oder echte Produktbilder weiße Hintergründe haben. Nutzen Sie echte Daten.
• Design-Freigabe vor der Entwicklung einholen. Eine Figma-Datei zu ändern dauert Minuten. Kodierte Seiten zu ändern dauert Stunden. Verwischen Sie diese Grenze nicht.

Phase 4: Entwicklung

• Stack nach Bedarf wählen, nicht nach Trend. Astro, Next.js oder Webflow sind alle gute Optionen 2026. Eine statische Site für eine 5-Seiten-Marketing-Website braucht kein React SPA. Komplexität an Anforderungen anpassen.
• Staging ab Tag eins einrichten. Eine Staging-URL, auf der Entscheider den Fortschritt verfolgen, Formulare testen und durch die Seite klicken können. Nie auf Produktion entwickeln.
• Analytics-Tracking vor dem Launch implementieren. GA4, Konversions-Tracking, Event-Tracking für CTAs. Korrekte Funktion auf Staging verifizieren.
• Performance optimieren. Ziel: unter 2s Ladezeit, 90+ Lighthouse-Score. Bilder komprimieren (WebP/AVIF), Below-the-Fold lazy-loaden, Drittanbieter-Skripte minimieren.
• Cross-Browser und Cross-Device testen. Chrome, Safari, Firefox, Edge. iPhone, Android, iPad, Desktop. Jeder Breakpoint. Eine schöne Seite, die in Safari kaputt geht, ist eine kaputte Seite.
• Strukturierte Daten implementieren. Organization Schema, FAQ Schema (falls zutreffend), Breadcrumbs. Kostenloses SEO-Potenzial, das die meisten Redesigns überspringen.
• Alle Formulare und Integrationen testen. Formular-Eingänge, CRM-Anbindungen, E-Mail-Benachrichtigungen, Chat-Widgets, Zahlungsabläufe. Mit echten Daten testen, nicht mit test@test.com.
• Barrierefreiheit prüfen. WCAG 2.2 AA Minimum. Tastaturnavigation, Screenreader-Kompatibilität, Farbkontrast-Verhältnisse. Gesetzliche Pflicht in vielen Ländern und einfach das Richtige.

Phase 5: Vor dem Launch (die Woche davor)

• Weiterleitungs-Map umsetzen. Jede alte URL bekommt eine 301-Weiterleitung zum neuen Äquivalent. Jede einzelne testen. Defekte Weiterleitungen = verlorenes SEO = verlorener Traffic.
• Neue Sitemap bei Google Search Console einreichen. XML-Sitemap generieren und einreichen. Indexierung für Hauptseiten anfordern.
• Monitoring einrichten. Uptime-Monitoring (UptimeRobot, Pingdom), Fehlerverfolgung (Sentry) und Core-Web-Vitals-Monitoring.
• Alles sichern. Die alte Website (Dateien + Datenbank), Analytics-Daten, Weiterleitungs-Map. Wenn etwas katastrophal schiefgeht, brauchen Sie eine Rollback-Option.
• Team vorbereiten. Vertrieb, Support und Marketing sollten vom Launch wissen. Alle internen Links, E-Mail-Signaturen und gedruckten Materialien aktualisieren.
• Finale Content-Prüfung. Jede Seite lesen. Jeden Link prüfen. Jedes Bild auf Mobile anschauen. Die Tippfehler finden, die der Design-Review entgangen sind.

Phase 6: Nach dem Launch (erste 30 Tage)

• Traffic täglich für die ersten zwei Wochen beobachten. Mit dem Pre-Redesign-Baseline vergleichen. Ein Rückgang von 10-15% in der ersten Woche ist normal. 30%+ bedeutet ein Problem (meist Weiterleitungen oder Indexierung).
• Google Search Console auf Fehler prüfen. 404s, Crawl-Fehler, Indexierungsprobleme. Sofort beheben.
• Core Web Vitals überwachen. LCP, FID, CLS. Diese beeinflussen Rankings direkt. Regressionen in der ersten Woche angehen.
• Konversionen verfolgen. Formulareinreichungen, Demo-Anfragen und Vertriebsanfragen mit dem Baseline vergleichen. Wenn Konversionen gesunken sind, untersuchen - nicht einfach abwarten.
• Nutzerfeedback sammeln. Hotjar, Microsoft Clarity oder einfach Kunden befragen. Echtes Nutzerverhalten deckt Probleme auf, die interne Tests übersehen.
• Kleine Dinge schnell beheben. Der erste Monat nach dem Launch bringt immer Randfälle: ein defekter Link auf einer Seite, ein Layout-Problem auf einem Gerät, ein Formular, das in einem Browser nicht funktioniert. Täglich beheben, nicht wöchentlich.

Häufige Fehler, die Redesigns zerstören

1. Redesign ohne Daten. Wenn Sie nicht wissen, was auf der aktuellen Seite funktioniert, löschen Sie versehentlich Ihre bestperformenden Seiten.
2. Das HiPPO entscheiden lassen. (Highest Paid Person’s Opinion.) Daten und Nutzerbedürfnisse sollten Entscheidungen leiten, nicht die Farbpräferenzen des Geschäftsführers.
3. Weiterleitungen überspringen. Dieser einzelne Fehler hat mehr SEO-Rankings zerstört als jedes Algorithmus-Update.
4. Freitags launchen. Montag oder Dienstag starten. Sich die ganze Woche zum Beheben von Problemen geben.
5. Desktop-first designen. Ihre Besucher sind auf dem Handy. Für sie zuerst designen.
6. Alles auf einmal machen wollen. Ein Redesign ist nicht der Zeitpunkt, um gleichzeitig 15 neue Features hinzuzufügen, das CMS zu migrieren, umzubranden und in 3 neue Sprachen zu starten. Scope definieren. In Phasen unterteilen.

Was ein professionelles Redesign 2026 kostet

Bei dp.vision entsteht eine neue Website im Paket Launch, zusammen mit Positionierung und Markenidentität, ab 9.000 €. So sagt die Website dasselbe wie das Pitch Deck und das Vertriebsteam. Eine reine Website kalkulieren wir nach Seiten, Inhalten und Integrationen, und Umfang und Termin stehen fest, bevor wir beginnen.

Jedes Projekt beinhaltet SEO-Setup, responsives Design, Performance-Optimierung und Analytics-Integration.

Bereit zu starten? Sehen Sie sich unsere Website-Leistungen für alle Details an, oder machen Sie das AI Readiness Audit, um zu sehen, wie AI-gestützte Prozesse Ihre Redesign-Timeline beschleunigen und Kosten reduzieren können.