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 waeren überrascht, wie oft etwas in einem Redesign verloren geht und wochenlang niemand es bemerkt. Screenshots ermoeglichen einen Seite-für-Seite-Vergleich.

Ziele definieren (konkret)

• Schreiben Sie genau auf, warum Sie redesignen. “Sieht veraltet aus” reicht nicht. Verknuepfen 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.
• Primaere 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 ein professionelles Redesign (3-5 Seiten, individuelles Design): $5.000-$15.000. Zeitrahmen: 3-8 Wochen je nach Komplexitaet.

Team zusammenstellen

• Entscheidungsperson benennen. Eine Person. Kein Gremium. Gremien fuegen 4-8 Wochen hinzu und produzieren Kompromiss-Designs.
• Review-Prozess definieren. Wer prueft? Wie viele Runden? Was bedeutet “freigegeben”? Klaeren Sie das vor dem ersten Konzept.
• Fruehzeitig 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 Nutzerbeduerfnisse, nicht Ihr Organigramm. Der haeufigste 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, primaeres 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, kuerzen 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 haeufigsten übersprungene Schritt und Grund Nummer eins, warum Redesigns SEO-Rankings zerstoeren. Sitemap exportieren, jede URL dem neuen Aequivalent 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 frueh 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 laenger sind oder echte Produktbilder weisse Hintergruende haben. Nutzen Sie echte Daten.
• Design-Freigabe vor der Entwicklung einholen. Eine Figma-Datei zu aendern dauert Minuten. Kodierte Seiten zu aendern dauert Stunden. Verwischen Sie diese Grenze nicht.

Phase 4: Entwicklung

• Stack nach Bedarf waehlen, 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. Komplexitaet 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 schoene 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-Eingaenge, CRM-Anbindungen, E-Mail-Benachrichtigungen, Chat-Widgets, Zahlungsablaeufe. Mit echten Daten testen, nicht mit test@test.com.
• Barrierefreiheit pruefen. WCAG 2.2 AA Minimum. Tastaturnavigation, Screenreader-Kompatibilitaet, Farbkontrast-Verhaeltnisse. Gesetzliche Pflicht in vielen Laendern und einfach das Richtige.

Phase 5: Vor dem Launch (die Woche davor)

• Weiterleitungs-Map umsetzen. Jede alte URL bekommt eine 301-Weiterleitung zum neuen Aequivalent. 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-Pruefung. Jede Seite lesen. Jeden Link pruefen. Jedes Bild auf Mobile anschauen. Die Tippfehler finden, die der Design-Review entgangen sind.

Phase 6: Nach dem Launch (erste 30 Tage)

• Traffic taeglich für die ersten zwei Wochen beobachten. Mit dem Pre-Redesign-Baseline vergleichen. Ein Rueckgang von 10-15% in der ersten Woche ist normal. 30%+ bedeutet ein Problem (meist Weiterleitungen oder Indexierung).
• Google Search Console auf Fehler pruefen. 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 Randfaelle: ein defekter Link auf einer Seite, ein Layout-Problem auf einem Geraet, ein Formular, das in einem Browser nicht funktioniert. Taeglich beheben, nicht woechentlich.

Haeufige Fehler, die Redesigns zerstoeren

1. Redesign ohne Daten. Wenn Sie nicht wissen, was auf der aktuellen Seite funktioniert, loeschen Sie versehentlich Ihre bestperformenden Seiten.
2. Das HiPPO entscheiden lassen. (Highest Paid Person’s Opinion.) Daten und Nutzerbeduerfnisse sollten Entscheidungen leiten, nicht die Farbpraeferenzen des Geschäftsfuehrers.
3. Weiterleitungen überspringen. Dieser einzelne Fehler hat mehr SEO-Rankings zerstoert 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 hinzuzufuegen, 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 liefern wir Redesigns zu Festpreisen:

• Onepager (Basic): $2.500 — 7-10 Tage
• Onepager (Premium mit 3D/Animationen): $4.000 — 10-14 Tage
• Website (3-5 Seiten, Basic): $7.500 — 3-4 Wochen
• Website (3-5 Seiten, Premium): $10.000 — 4-5 Wochen

Jedes Projekt beinhaltet SEO-Setup, responsives Design, Performance-Optimierung und Analytics-Integration. Fast-Track-Lieferung ist bei allen Stufen verfuegbar.

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-gestuetzte Prozesse Ihre Redesign-Timeline beschleunigen und Kosten reduzieren können.