Ein Website-Relaunch im E-Commerce ist eines der riskantesten Projekte überhaupt. Falsche Redirects können über Nacht 40 Prozent des organischen Traffics vernichten. Schlechte Performance kostet bei jedem Seitenaufruf Conversion. Und wer die Datenmigration vermasselt, steht mit leeren Produktseiten da. Trotzdem schieben viele Unternehmen den überfälligen Relaunch vor sich her -- aus Angst vor der Komplexität der Planung.
In diesem Praxisbeispiel zeigen wir, wie eine Marketing-Direktorin PathHub AI nutzt, um den Relaunch eines E-Commerce-Shops von Magento 2 zu einer modernen Headless-Commerce-Architektur zu planen. Von der Eingabe bis zum fertigen Projektplan mit Phasen, Budget, Risiken und KPIs -- in weniger als 30 Minuten.
Das Ausgangsproblem: Veralteter Shop bremst Wachstum
FashionNova GmbH (Name geändert) ist ein mittelständisches E-Commerce-Unternehmen mit 85 Mitarbeitern und Sitz in Hamburg. Der Online-Shop auf Basis von Magento 2 wurde vor fünf Jahren aufgesetzt und ist technisch veraltet. Die Zahlen sprechen eine deutliche Sprache:
- 4,2 Sekunden Ladezeit -- der Branchendurchschnitt liegt bei 2 Sekunden. Jede Sekunde Ladezeit kostet laut Google 7 Prozent Conversion.
- 1,8 Prozent Conversion Rate -- der Branchendurchschnitt im E-Commerce liegt bei 3,2 Prozent. Fast die Hälfte der potenziellen Umsätze geht verloren.
- 62 Prozent Mobile-Traffic -- aber der Shop ist nicht mobile-optimiert. Mobile User haben eine Conversion Rate von nur 0,9 Prozent.
- SEO-Rankings fallen -- seit dem Core Web Vitals Update hat der Shop 23 Prozent der organischen Sichtbarkeit verloren.
- 850 Produkte und 12.000 Besucher pro Tag, die auf eine moderne Shopping-Erfahrung warten.
Marketing-Direktorin Lisa hat genug. Sie überzeugt die Geschäftsführung, 120.000 EUR für einen vollständigen Relaunch freizugeben. Das Ziel: Migration zu einer Headless-Commerce-Architektur mit Next.js im Frontend und Shopify als Backend. Mobile-first, Core Web Vitals im grünen Bereich, Conversion Rate verdoppeln. Und das alles in 16 Wochen -- ohne SEO-Ranking-Verluste. Lisa setzt PathHub AI ein, um dieses komplexe Projekt zu planen.
Der Input: Was die Marketing-Direktorin in PathHub AI eingibt
Lisas Stärke liegt in der präzisen Problembeschreibung mit konkreten Zahlen. Je mehr Kontext die KI bekommt, desto realistischer wird der generierte Plan. Hier ist ihr vollständiger Input:
So holst du das Beste aus PathHub AI heraus:
Beim Website-Relaunch sind konkrete Performance-Zahlen Gold wert. Lisa hat aktuelle Ladezeit, Conversion Rate und Traffic-Verteilung angegeben. So kann die KI realistische Zielwerte setzen und den Aufwand für Performance-Optimierung korrekt einschätzen. Nenne außerdem immer die bestehende Technologie (hier: Magento 2) und die Ziel-Architektur -- das beeinflusst den Migrationsaufwand erheblich.
Der KI-generierte Projektplan im Detail
Innerhalb von 30 Sekunden generiert PathHub AI einen vollständigen Projektplan mit sechs Phasen, detailliertem Budget, Risikoanalyse und Stakeholder-Mapping. Die KI erkennt automatisch, dass der geplante 16-Wochen-Zeitrahmen zu ambitioniert ist und schlägt realistisch 20 Wochen vor. Hier ist der komplette Output:
6 Phasen über 20 Wochen
Discovery & Analyse
3 Wochen- UX-Audit des bestehenden Magento-Shops mit Heatmaps und Session-Recordings
- Technische Analyse: Performance-Profiling, API-Inventur, Datenbank-Schema-Review
- SEO-Crawl aller 850 Produktseiten, Kategorie- und CMS-Seiten (URL-Inventar)
- Anforderungskatalog mit priorisierten Features für die neue Plattform
- Agentur-Briefing erstellen und externe Partner onboarden
UX/UI-Design
4 Wochen- Wireframes für alle kritischen User Flows (PDP, PLP, Checkout, Suche)
- Mobile-first Design-System mit Komponenten-Bibliothek
- Interaktive Prototypen in Figma für Desktop und Mobile
- Usability-Tests mit 8-10 echten Kunden (Remote-Moderated)
- Design-System-Dokumentation für konsistente Entwicklung
Frontend-Entwicklung
5 Wochen- Next.js-Projekt-Setup mit SSR/SSG-Strategie und ISR für Produktseiten
- Shopify Storefront API-Integration (Produkte, Warenkorb, Checkout)
- PIM-System-Anbindung für Produktdaten-Synchronisation
- Responsive Umsetzung aller Design-Komponenten (Mobile-first)
- Performance-Optimierung: Image-Lazy-Loading, Code-Splitting, Edge-Caching
Backend & Migration
3 Wochen- Datenmigration: 850 Produkte mit Varianten, Bildern und Metadaten nach Shopify
- Kundendaten-Migration mit DSGVO-konformer Übernahme
- URL-Mapping für alle bestehenden URLs auf neue Struktur (301-Redirects)
- Payment-Provider-Integration und Checkout-Anpassung
- Staging-Umgebung für parallelen Betrieb und Vergleichstests
Testing & QA
3 Wochen- Cross-Browser-Testing (Chrome, Safari, Firefox, Edge) auf Desktop und Mobile
- Performance-Tests: Lighthouse CI, Core Web Vitals Monitoring, WebPageTest
- SEO-Validierung: Canonical Tags, Sitemap, robots.txt, Structured Data
- Lasttests: Simulation von 12.000+ gleichzeitigen Besuchern
- UAT (User Acceptance Testing) mit allen Stakeholdern und Key-Usern
Go-Live & Monitoring
2 Wochen- DNS-Switch mit minimaler Downtime (geplant: unter 15 Minuten)
- 301-Redirects aktivieren und in Google Search Console verifizieren
- Monitoring-Setup: Uptime, Error-Tracking (Sentry), Performance (Datadog)
- Tägliches Performance-Tracking der Core Web Vitals für 14 Tage
- SEO-Monitoring: Rankings, Crawl-Errors, Indexierung täglich prüfen
Vereinfachtes Beispiel — der tatsächliche KI-Output ist deutlich detaillierter, mit konkreten Terminen, Verantwortlichen und projektspezifischen Daten.
Sechs Phasen, 20 Wochen, 30 konkrete Aufgaben. Besonders wichtig: Die KI hat den Zeitplan von 16 auf 20 Wochen angepasst. Das ist realistisch -- denn die parallele Entwicklung von Frontend und Backend mit einer externen Agentur braucht Abstimmungszeit. Lieber ehrlich planen als nach 16 Wochen mit einem halbfertigen Shop dazustehen.
Timeline: 20 Wochen bis zum Go-Live
Die Timeline zeigt die vier Hauptphasen des Relaunches in der Übersicht. Einige Phasen überlappen sich -- zum Beispiel startet die Backend-Migration bereits während der Frontend-Entwicklung:
Plane den Go-Live niemals an einem Freitag. Ein Dienstag oder Mittwoch gibt dir drei volle Arbeitstage für das Monitoring, bevor das Wochenende kommt. Lisa hat den Go-Live auf einen Dienstagmorgen gelegt -- mit dem gesamten Entwicklerteam im Standby für die ersten 48 Stunden.
Budget: 120.000 EUR sinnvoll verteilt
PathHub AI erstellt automatisch eine detaillierte Budgetplanung, die alle Kostenpositionen berücksichtigt. Lisa hatte 120.000 EUR als Rahmen vorgegeben. Die KI verteilt dieses Budget auf acht Positionen:
| Kostenposition | Betrag | Anteil | Details |
|---|---|---|---|
| Externe Agentur | 48.000 € | 40% | Frontend-Entwicklung, Shopify-Integration, Beratung |
| Frontend-Entwicklung intern | 24.000 € | 20% | 2 Entwickler, anteilig 20 Wochen |
| UX/UI-Design | 18.000 € | 15% | Wireframes, Prototypen, Usability-Tests, Design-System |
| Hosting & Infrastruktur | 9.600 € | 8% | Vercel/Netlify, Shopify Plus, CDN, Staging |
| SEO-Migration & Tools | 7.200 € | 6% | Screaming Frog, Ahrefs, Redirect-Management, Beratung |
| Testing & QA | 6.000 € | 5% | Lasttests, Cross-Browser, Automatisierung, UAT |
| Risikopuffer | 7.200 € | 6% | Reserve für Unvorhergesehenes und Scope-Änderungen |
| Gesamt | 120.000 € | 100% | 20 Wochen Projektlaufzeit |
Vereinfachtes Beispiel — der tatsächliche KI-Output ist deutlich detaillierter, mit konkreten Terminen, Verantwortlichen und projektspezifischen Daten.
Besonders hilfreich: Die KI hat einen separaten Posten für SEO-Migration eingeplant (7.200 EUR). Bei manueller Budgetplanung wird SEO häufig unter "Entwicklung" subsumiert -- und dann im Projektverlauf vernachlässigt, weil das Budget nicht reicht. Der Risikopuffer von 6 Prozent ist bei Relaunch-Projekten essentiell, da unvorhergesehene Kompatibilitätsprobleme fast immer auftreten.
ROI-Berechnung: Wann sich das Investment rechnet
Die Rechnung ist beeindruckend: Aktuell hat FashionNova eine Conversion Rate von 1,8 Prozent bei 12.000 Besuchern pro Tag. Das sind 216 Bestellungen täglich. Bei einem durchschnittlichen Warenkorbwert von 85 EUR ergibt das 18.360 EUR Tagesumsatz.
Wenn die Conversion Rate durch den Relaunch auf 3 Prozent steigt, sind das 360 Bestellungen pro Tag -- 144 zusätzliche Bestellungen. Bei 85 EUR durchschnittlichem Warenkorbwert bedeutet das 12.240 EUR zusätzlicher Tagesumsatz, oder rund 367.000 EUR pro Monat.
Selbst wenn nur 50 Prozent des Conversion-Ziels erreicht werden (2,4 Prozent statt 3 Prozent), wären das immer noch 72 zusätzliche Bestellungen pro Tag und 183.600 EUR zusätzlicher monatlicher Umsatz. Das Investment von 120.000 EUR rechnet sich damit in unter 3 Monaten.
Die Rechnung im Überblick: 120.000 EUR Investment, bei vollem Conversion-Ziel (3%) rund 367.000 EUR zusätzlicher Monatsumsatz. Selbst bei konservativer Schätzung (50% des Ziels) liegt der ROI unter 3 Monaten. Zusätzlich: bessere SEO-Rankings durch Core Web Vitals, höhere Mobile-Conversion und geringere Absprungrate.
Risiken und Gegenmaßnahmen
Ein Website-Relaunch ist eines der riskantesten IT-Projekte. PathHub AI identifiziert automatisch die fünf kritischsten Risiken und schlägt konkrete Gegenmaßnahmen vor:
Falsche oder fehlende 301-Redirects können innerhalb von Tagen 30-50 Prozent des organischen Traffics vernichten. Bei 12.000 Besuchern pro Tag ein existenzbedrohender Verlust.
Gegenmaßnahme: Vollständiges URL-Mapping vor dem Go-Live, 301-Redirects für jede einzelne URL, Google Search Console täglich überwachen, Rollback-Plan für die ersten 48 Stunden. SEO-Manager als dedizierter Stakeholder.
850 Produkte mit Varianten, Bilder, Kundenkonten, Bestellhistorie -- bei der Migration von Magento zu Shopify können Daten verloren gehen oder korrupt werden.
Gegenmaßnahme: Staging-Umgebung für Testmigration, vollständiges Backup vor jedem Migrationsschritt, schrittweise Migration (erst Produkte, dann Kunden, dann Bestellungen), automatisierte Validierung nach jedem Schritt.
Die neue Seite soll schneller sein als die alte. Aber Third-Party-Scripts, große Bilder oder ineffizienter Code können die Performance wieder verschlechtern.
Gegenmaßnahme: Core Web Vitals als Akzeptanzkriterium definieren (LCP unter 2,5s, CLS unter 0,1, INP unter 200ms), Lighthouse CI in die Build-Pipeline integrieren, Performance-Budget pro Seite festlegen.
40 Prozent des Budgets gehen an die externe Agentur. Wenn die Zusammenarbeit nicht funktioniert oder die Agentur Kapazitätsprobleme hat, gerät das Projekt ins Stocken.
Gegenmaßnahme: Code-Reviews durch internes Entwicklerteam, wöchentliche Knowledge-Transfer-Sessions, klare Übergabe-Dokumentation, alle Zugänge beim internen Team, Exit-Klausel im Agenturvertrag.
"Können wir noch schnell einen Konfigurator einbauen?" -- im E-Commerce-Umfeld kommen ständig neue Feature-Wünsche, die den Zeitplan gefährden.
Gegenmaßnahme: Change-Request-Prozess ab Tag 1 etablieren, Feature-Freeze 4 Wochen vor Go-Live, "Phase 2"-Backlog für alle Features, die nach dem Relaunch umgesetzt werden. Klare Priorisierung: Performance und SEO vor neuen Features.
Vereinfachtes Beispiel — der tatsächliche KI-Output ist deutlich detaillierter, mit konkreten Terminen, Verantwortlichen und projektspezifischen Daten.
Stakeholder-Mapping
Die KI identifiziert acht zentrale Stakeholder für das Relaunch-Projekt und ordnet sie nach ihrer Rolle zu:
Vereinfachtes Beispiel — der tatsächliche KI-Output ist deutlich detaillierter, mit konkreten Terminen, Verantwortlichen und projektspezifischen Daten.
Besonders wertvoll: Die KI identifiziert den Datenschutzbeauftragten als Stakeholder. Bei einem Plattformwechsel mit Kundendaten-Migration ist die DSGVO-Konformität keine optionale Aufgabe, sondern eine rechtliche Pflicht. Wird der Datenschutzbeauftragte zu spät einbezogen, kann das den Go-Live verzögern.
KPIs: Relaunch-Erfolg messbar machen
Ein Relaunch ohne KPI-Tracking ist wie ein Blindflug. PathHub AI schlägt vier zentrale Kennzahlen vor, die Lisa ab dem Go-Live täglich überwachen sollte. Mehr über die richtige Auswahl von KI-gestützten Projektmanagement-Methoden erfährst du in unserem Grundlagenartikel.
Die Messung erfolgt über vier Tools: Google PageSpeed Insights und Lighthouse CI (Ladezeit), Google Analytics 4 (Conversion Rate), Google Search Console (Mobile Usability) und Sistrix/Ahrefs (SEO Visibility). Lisa richtet ein tägliches Dashboard ein, das alle vier KPIs auf einen Blick zeigt -- besonders kritisch in den ersten 14 Tagen nach dem Go-Live.
Warum diese vier KPIs? Sie decken alle Dimensionen eines erfolgreichen Relaunches ab: Technik (Ladezeit), Business (Conversion), User Experience (Mobile Usability) und Sichtbarkeit (SEO). Ein Relaunch, der die Ladezeit halbiert aber die SEO-Rankings verliert, ist gescheitert. Nur wenn alle vier KPIs stimmen, ist der Relaunch ein Erfolg.
Vergleich: Manuelle Planung vs. PathHub AI
Was hätte Lisa ohne KI-Unterstützung gemacht? Ein realistischer Vergleich:
| Kriterium | Manuelle Planung | PathHub AI |
|---|---|---|
| Zeitaufwand für Grundplan | 2-3 Wochen | 30 Minuten |
| Budgetplanung | Grobe Schätzung, SEO-Budget fehlt oft | 8 Positionen mit Prozentanteilen und Details |
| Risikoanalyse | Fokus auf technische Risiken, SEO wird vergessen | 5 Risiken nach Kritikalität mit Gegenmaßnahmen |
| Stakeholder-Mapping | IT-Team und Geschäftsführung | 8 Stakeholder inkl. Datenschutz und Kundenservice |
| SEO-Migration | Wird oft zu spät berücksichtigt | Von Anfang an als eigene Aufgabe eingeplant |
| Timeline-Realismus | Zu optimistisch, Puffer fehlt | Automatische Korrektur von 16 auf 20 Wochen |
| Performance-Ziele | "Soll schneller werden" | Konkrete Core Web Vitals Zielwerte als Akzeptanzkriterien |
| KPI-Definition | Traffic und Umsatz | 4 messbare KPIs mit Ist- und Zielwerten |
| Gesamtkosten der Planung | Ca. 5.000-8.000 EUR (Personalkosten + Berater) | Unter 100 EUR (Tool-Nutzung) |
Der größte Mehrwert liegt bei der SEO-Migration. In der Praxis wird SEO bei Website-Relaunches am häufigsten vernachlässigt -- mit katastrophalen Folgen. Die KI plant SEO-Aufgaben von Anfang an in jede Phase ein: SEO-Crawl in der Discovery-Phase, URL-Mapping in der Migration, SEO-Validierung im Testing und SEO-Monitoring nach dem Go-Live.
Nutze die KI als Checkliste, nicht als Autopilot. Der KI-generierte Plan deckt alle kritischen Bereiche ab -- aber du musst ihn mit deinem Wissen über die spezifische Situation anpassen. Lisa hat zum Beispiel die PIM-Integration als risikoreicher eingestuft als von der KI vorgeschlagen, weil ihr PIM-System eine veraltete API hat. Solches Kontextwissen hat nur der Mensch.
Lisas Fazit nach dem Go-Live
Drei Wochen nach dem Go-Live ziehen Lisa und ihr Team Bilanz. Der Relaunch hat 21 Wochen gedauert statt der geplanten 20 -- eine Verzögerung von einer Woche wegen eines unerwarteten PIM-Kompatibilitätsproblems. Das Budget wurde dank des Risikopuffers eingehalten.
"Der KI-generierte Plan war unser Sicherheitsnetz. Er hat uns gezwungen, über SEO-Migration, Datenschutz und Performance-Budgets nachzudenken, bevor wir eine Zeile Code geschrieben haben. Ohne diesen Plan hätten wir vermutlich die SEO-Redirects vergessen und nach dem Go-Live 30 Prozent weniger organischen Traffic gehabt. Allein das hat uns wahrscheinlich sechsstellig an Umsatz gerettet."
So startest du deinen eigenen Website-Relaunch
Wenn du einen ähnlichen Relaunch planst, hier sind die drei wichtigsten Schritte:
- Ist-Zustand dokumentieren: Miss deine aktuellen KPIs (Ladezeit, Conversion Rate, Mobile Score, SEO Visibility). Ohne Baseline kannst du nach dem Relaunch keinen Erfolg messen.
- Klaren Input formulieren: Beschreibe dein Projekt in PathHub AI mit allen technischen Details -- aktuelle Plattform, Ziel-Architektur, Traffic-Zahlen, Budget und Besonderheiten wie SEO-Migration oder PIM-Integration.
- Plan als Startpunkt nutzen: Passe den KI-generierten Plan an deine spezifische Situation an. Prüfe besonders die Risikoanalyse und füge eigene Risiken hinzu, die nur du kennst (z.B. veraltete APIs, Team-Kapazitäten).
Häufig gestellte Fragen
Mit PathHub AI dauert die initiale Planung eines Website-Relaunches weniger als 30 Minuten. Die KI generiert automatisch Phasen, Aufgaben, Budget, Risiken und Stakeholder-Analyse. Ein typischer E-Commerce-Relaunch von Magento zu Headless Commerce dauert in der Umsetzung 16-20 Wochen. Die KI-gestützte Planung verkürzt die Planungsphase von 2-3 Wochen auf wenige Stunden, sodass du schneller mit der eigentlichen Umsetzung beginnen kannst.
Die Kosten variieren stark je nach Umfang und Komplexität. Für eine Migration von Magento zu Headless Commerce (Next.js + Shopify) mit 500-1.000 Produkten liegt ein realistisches Budget bei 80.000-150.000 EUR. Die größten Kostenblöcke sind die externe Agentur (35-45%), Frontend-Entwicklung (15-25%) und UX/UI-Design (10-15%). Wichtig: Plane immer einen Risikopuffer von 5-10% ein und einen separaten Posten für SEO-Migration.
Die drei wichtigsten Maßnahmen: 1) Vollständiges URL-Mapping aller bestehenden URLs auf die neuen Adressen mit korrekten 301-Redirects. 2) Vor dem Relaunch einen kompletten SEO-Crawl durchführen und alle Rankings dokumentieren. 3) Nach dem Go-Live die Google Search Console täglich überwachen und Crawl-Errors sofort beheben. Zusätzlich: Canonical Tags, Sitemap und robots.txt müssen am Go-Live-Tag korrekt konfiguriert sein. Ein Rollback-Plan für die ersten 48 Stunden ist Pflicht.
Die vier wichtigsten KPIs sind: Page Load Time (Ziel unter 2 Sekunden, messbar über Lighthouse), Conversion Rate (Verbesserung um mindestens 50%), Mobile Usability Score (Ziel 95+/100 in Google Search Console) und SEO Visibility Index (mindestens 95% des Vor-Relaunch-Wertes beibehalten). Diese KPIs sollten bereits vor dem Relaunch als Baseline gemessen und nach dem Go-Live mindestens 30 Tage lang täglich überwacht werden.
Headless Commerce trennt Frontend und Backend, was mehr Flexibilität bei Design und Performance bietet. Vorteile: deutlich bessere Core Web Vitals, freie Frontend-Technologiewahl (z.B. Next.js), einfachere Omnichannel-Anbindung und bessere Skalierbarkeit. Nachteile: höhere Initialkosten (ca. 20-30% mehr), mehr technische Komplexität und stärkere Abhängigkeit von Entwicklern. Für E-Commerce-Unternehmen mit über 500 Produkten und hohem Mobile-Traffic ist Headless Commerce in der Regel die bessere Wahl -- der Performance-Vorteil schlägt sich direkt in höherer Conversion nieder.