Website-Redesign-Checkliste – Der vollständige Leitfaden

Ein Website-Redesign ist eine der wirkungsvollsten Investitionen, die ein Unternehmen tätigen kann – und eine der riskantesten, wenn es schlecht gemacht wird. Richtig gemacht, verbessert ein Redesign Conversions, stärkt Ihre Marke und steigert die Suchplatzierungen. Falsch gemacht, kann es Jahre von SEO-Fortschritt über Nacht zerstören, Funktionalität, auf die Ihre Kunden angewiesen sind, beschädigen und viel mehr kosten als Sie budgetiert haben.

Diese Checkliste deckt jede Phase eines Website-Redesigns ab, von der anfänglichen Planung bis zur Überwachung nach dem Start. Nutzen Sie sie als Ihren Fahrplan, egal ob Sie das Projekt selbst verwalten oder mit einem freiberuflichen Designer oder Entwickler zusammenarbeiten.

Phase 1 – Planung vor dem Redesign

Bevor jemand ein Design-Tool öffnet oder eine Zeile Code schreibt, benötigen Sie Antworten auf diese grundlegenden Fragen. Das Überspringen dieser Phase ist der Hauptgrund, warum Redesigns das Budget überschreiten und die Erwartungen nicht erfüllen.

Definieren Sie Ihre Ziele

Warum gestalten Sie neu? Ohne spezifische, messbare Ziele können Sie nicht bewerten, ob die Neugestaltung erfolgreich war. Häufige Ziele sind:

• Konversionsrate von X% auf Y% erhöhen
• Reduzieren Sie die Absprungrate auf wichtigen Landingpages
• Mobiles Erlebnis und Core Web Vitals-Scores verbessern
• Markenidentität aktualisieren, um geschäftliche Entwicklung widerzuspiegeln
• Funktionalität hinzufügen, die die aktuelle Website nicht unterstützen kann
• Verbessern Sie die Seitengeschwindigkeit und Leistung
• Erleichtern Sie Ihrem Team die Inhaltsverwaltung

Schreiben Sie diese Ziele auf. Jede Design- und Entwicklungsentscheidung sollte anhand dieser Ziele bewertet werden.

Überprüfe deine aktuelle Website

Bevor Sie etwas ändern, dokumentieren Sie, was Sie haben. Sie müssen verstehen, was gut funktioniert (damit Sie es nicht versehentlich kaputt machen) und was fehlschlägt (damit Sie die Behebung priorisieren).

• Analyse-Überprüfung — Welche Seiten erhalten den meisten Traffic? Welche haben die höchsten Konversionsraten? Welche haben die höchsten Absprungraten? Exportieren Sie diese Daten
• Content-Inventar – Listen Sie jede Seite Ihrer aktuellen Website auf. Notieren Sie, welche Seiten beibehalten, aktualisiert, zusammengeführt oder gelöscht werden sollen. Dies verhindert, dass Inhalte während der Migration verloren gehen.
• SEO-Baseline – Dokumentieren Sie Ihre aktuellen Keyword-Rankings, organischen Traffic, Backlink-Profil und indexierten Seiten. Diese werden Sie nach dem Launch vergleichen, um die Auswirkungen zu messen
• Technisches Audit – Überprüfen Sie die Website-Geschwindigkeit, die mobile Reaktionsfähigkeit, defekte Links, Crawling-Fehler und Core Web Vitals. Dies sind Ihre Benchmarks
• Benutzerfeedback – Worüber beschweren sich Kunden tatsächlich? Welche Fragen beantwortet Ihr Support-Team wiederholt? Echtes Benutzerfeedback ist wertvoller als Designmeinungen

Legen Sie Ihr Budget und Ihren Zeitplan fest

Website-Redesigns kosten fast immer mehr und dauern länger als erwartet. Planen Sie einen Puffer ein – typischerweise 20–30 % bei Budget und Zeitplan. Wichtige Budgetüberlegungen:

• Design (UX-Forschung, Wireframes, visuelles Design, Prototyping)
• Entwicklung (Front-End, Back-End, Integrationen, Migration)
• Inhalt (Umschreiben, neuer Text, Fotografie, Video)
• SEO (Weiterleitungs-Mapping, Metadaten, Schema, technisches SEO)
• Testen (QA, Cross-Browser, Gerätetests, Benutzertests)
• Support nach dem Start (Fehlerbehebungen, Optimierung, Überwachung)

Wenn Sie Freiberufler für eine dieser Phasen einstellen, durchsuchen Sie die Servicekategorien auf Zinn Hub, um Preise zu vergleichen und Spezialisten für jede spezifische Phase zu finden.

Phase 2 – SEO-Erhaltung (kritisch)

Hier gehen die meisten Redesigns katastrophal schief. Wenn Ihre aktuelle Website organischen Suchverkehr hat, ist der Schutz dieser Rankings während eines Redesigns nicht verhandelbar. Der Verlust von Rankings bedeutet den Verlust von Einnahmen, und die Erholung kann Monate dauern.

URL-Mapping und Weiterleitungen

Erstellen Sie eine vollständige Zuordnung jeder alten URL zu ihrem neuen Äquivalent. Jede Seite, deren URL sich ändert, benötigt eine 301-Weiterleitung. Dies ist mühsam, aber unerlässlich.

• Alle aktuellen URLs aus Ihrer Sitemap und Google Search Console exportieren
• Ordne jede alte URL ihrer neuen URL in einer Tabelle zu
• Implementieren Sie 301 Weiterleitungen für jede URL-Änderung vor dem Start
• Jede Weiterleitung nach der Implementierung testen
• Umgang mit gelöschten Seiten durch Weiterleitungen zur relevantesten verbleibenden Seite

On-Page SEO-Elemente erhalten

• Migriere vorhandene Meta-Titel und Beschreibungen (oder verbessere sie)
• Überschriftenstruktur beibehalten (H1, H2, H3 Hierarchie)
• Interne Verlinkungsstruktur beibehalten oder verbessern
• Alt-Text des Bildes beibehalten
• Strukturierte Daten (Schema-Markup) pflegen oder aktualisieren
• Halten Sie URL-Strukturen sauber und logisch

Technische SEO pflegen

• XML-Sitemap mit allen neuen URLs aktualisieren
• robots.txt aktualisieren
• Stellen Sie sicher, dass die kanonischen Tags auf allen Seiten korrekt sind
• Hreflang-Tags überprüfen, wenn Sie mehrsprachige Inhalte haben
• Überprüfen Sie, ob die neue Website Crawler nicht versehentlich blockiert
• Aktualisierte Sitemap sofort nach dem Start an Google Search Console übermitteln

Phase 3 — Design

UX-Forschung und Wireframes

Beginnen Sie mit der Struktur, nicht mit der Ästhetik. Wireframes definieren das Layout, die Hierarchie und den Benutzerfluss, bevor ein visuelles Design entsteht. Hier lösen Sie Usability-Probleme – der Versuch, UX-Probleme während des visuellen Designs zu beheben, ist teuer und frustrierend.

• Erstellen Sie User Journeys für Ihre primären Konversionsziele
• Wireframes für wichtige Seitenvorlagen erstellen (Homepage, Service-Seiten, Produktseiten, Blog, Kontakt)
• Testen Sie Wireframes, wenn möglich, mit echten Benutzern (selbst informelle Tests mit 5 Personen decken große Probleme auf)
• Genehmigung der Stakeholder für Wireframes vor dem Übergang zum visuellen Design einholen

Visuelles Design

• Schlüsselvorlagen basierend auf genehmigten Wireframes entwerfen
• Definieren Sie ein Designsystem (Farben, Typografie, Abstände, Komponenten) für Konsistenz
• Design für Mobilgeräte zuerst, dann auf Desktop skalieren
• Barrierefreiheit berücksichtigen (Kontrastverhältnisse, Schriftgrößen, Größen interaktiver Elemente)
• Erstellen Sie einen Styleguide, auf den Entwickler während der Entwicklung verweisen können

Phase 4 – Inhalt

Inhalte sind bei Redesign-Projekten häufig der Engpass, weil sie bis zuletzt aufgeschoben werden. Beginnen Sie die Inhaltsarbeit parallel zum Design.

• Schlecht performende Seiten umschreiben – Seiten mit hohem Traffic, aber geringer Conversion benötigen besseren Text, nicht nur besseres Design
• Fehlende Inhalte erstellen – Identifizieren Sie Lücken aus Ihrem Content-Audit. Fehlen Service-Seiten? FAQ-Inhalte, die die Konversionen verbessern würden?
• Für Keywords optimieren – Inhalte aktualisieren, um aktuelle Suchbegriffe anzusprechen, nicht Keywords von vor Jahren
• Bilder und Medien vorbereiten — Neues Design bedeutet neue Bildgrößen, Formate und potenziell neue Fotografie oder Videos
• Mikrotexte schreiben – Schaltflächenbeschriftungen, Formularfelder, Fehlermeldungen, Erfolgsmeldungen, Tooltips. Diese kleinen Details wirken sich erheblich auf die Benutzerfreundlichkeit aus

Phase 5 – Entwicklung und Aufbau

Entwicklungs-Checkliste

• Auf einer Staging-Umgebung aufbauen (niemals auf der Live-Site entwickeln)
• Responsives Design über alle Breakpoints hinweg implementieren
• Von Anfang an auf Leistung optimieren (Bildkomprimierung, Lazy Loading, minimales JavaScript, effizientes CSS)
• Alle 301 Weiterleitungen implementieren
• Einrichtung von Analyse-Tracking (Google Analytics 4, Conversion-Tracking, Event-Tracking)
• Formulare konfigurieren und mit Ihrem CRM/E-Mail-Plattform integrieren
• Schema-Markup implementieren (Organisation, LocalBusiness, FAQ, Produkt usw.)
• SSL-Zertifikat einrichten und sicherstellen, dass alle Seiten über HTTPS geladen werden
• XML-Sitemap generieren und einreichen
• robots.txt konfigurieren

Integrationsprüfungen

• Zahlungsgateways funktionieren korrekt
• E-Mail-Formulare, die an die richtigen Adressen gesendet werden
• CRM-Integration zur korrekten Erfassung von Leads
• Drittanbieter-Tools (Chat, Analyse, Werbepixel) alle installiert
• Social-Media-Sharing-Vorschaubilder werden korrekt angezeigt (Open Graph-Tags)

Phase 6 – Testen

Niemals ohne gründliche Tests starten. Diese Phase fängt Probleme ab, die vor dem Start günstig und danach teuer zu beheben sind.

• Cross-Browser-Tests — Chrome, Firefox, Safari, Edge mindestens
• Gerätetests — Desktop, Tablet, Mobil (Test auf tatsächlichen Geräten, nicht nur Browser-Emulatoren)
• Funktionstests – Jedes Formular, jeder Button, jeder Link, jeder Menüpunkt, jede Suchfunktion und jedes interaktive Element
• Inhaltsüberprüfung – Überprüfen Sie jede Seite auf Tippfehler, Platzhaltertexte, fehlende Bilder und fehlerhafte Formatierung
• Leistungstests – Führen Sie Google PageSpeed Insights und Core Web Vitals-Prüfungen durch. Beheben Sie kritische Probleme vor dem Start
• SEO-Tests – Überprüfen Sie, ob alle Weiterleitungen funktionieren, überprüfen Sie die Metadaten auf jeder wichtigen Seite, validieren Sie strukturierte Daten, crawlen Sie die Staging-Site mit Screaming Frog
• Barrierefreiheitstests – Überprüfung der Tastaturnavigation, Bildschirmlesekompatibilität und Farbkontrast
• Lasttests — Wenn Sie mit hohem Datenverkehr rechnen, testen Sie, ob der Server damit umgehen kann

Phase 7 – Start

Checkliste für den Starttag

• Bereitstellung in der Produktion während einer Zeit mit geringem Datenverkehr
• Überprüfen Sie, ob alle Weiterleitungen funktionieren (mindestens 20 Stichprobenprüfung)
• Aktualisierte Sitemap bei Google Search Console einreichen
• Testen Sie alle Formulare und Konversionspfade auf der Live-Site
• Überprüfen Sie, ob das Analytics-Tracking auf allen Seiten ausgelöst wird
• Überprüfen Sie, dass keine Staging-URLs oder Platzhalterinhalte live gingen
• Überwachen Sie die Serverleistung für die ersten Stunden
• Halten Sie Ihren Entwickler für Notfallreparaturen bereit

Phase 8 – Überwachung nach dem Start

Die Arbeit endet nicht mit dem Start. Die ersten 30 Tage nach einem Redesign sind entscheidend, um Probleme zu erkennen und zu überprüfen, ob Ihre Ziele erreicht werden.

Woche 1

• Tägliche Überwachung der Google Search Console auf Crawling-Fehler, 404er und Indexierungsprobleme
• Überprüfen Sie die Analytik auf unerwartete Verkehrsrückgänge auf Schlüsselseiten
• Defekte Links oder Weiterleitungsprobleme sofort beheben
• Benutzerfeedback sammeln (Bugs, Verwirrung, Beschwerden)

Woche 2-4

• Vergleichen Sie den organischen Traffic und die Rankings mit Ihrer Ausgangsbasis vor dem Start
• Konversionsraten auf wichtigen Seiten überwachen
• Führen Sie Core Web Vitals-Prüfungen auf der Live-Site durch
• Beheben Sie alle verbleibenden Fehler oder UX-Probleme, die von Benutzern gemeldet wurden

Monat 2-3

• Umfassender SEO-Vergleich – Rankings, organischer Traffic, indexierte Seiten
• Konversionsratenanalyse über alle wichtigen Funnels
• A/B-Test aller Seiten, die die Konversionsziele nicht erreichen
• Planen Sie iterative Verbesserungen basierend auf echten Benutzerdaten

Die richtige Hilfe für Ihr Redesign finden

Sofern Sie kein internes Team für Design, Entwicklung, Inhalte und SEO haben, benötigen Sie externe Hilfe. Der häufigste Ansatz ist die Beauftragung von Spezialisten für jede Phase, anstatt eines Generalisten für alles.

Durchsuchen Sie Services auf Zinn Hub, um verifizierte Webdesigner, Entwickler, Content-Autoren und SEO-Spezialisten zu finden. Jeder Verkäufer hat echte Käuferbewertungen und transparente Preise, und Ihre Zahlung ist geschützt, bis die Arbeit geliefert wird. Egal ob Sie einen kompletten Redesign von einem Anbieter oder einzelne Spezialisten für jede Phase benötigen, Sie werden die richtige Übereinstimmung finden.

Planen Sie Web-Design- oder Entwicklungsdienstleistungen selbst anzubieten? Zinn Hub's Marktplatz ist der Ort, an dem Unternehmen verifizierte Fachleute für genau diese Art von Projekt finden.