Ausgangssituation
FashionStore GmbH vertreibt Damenmode im mittleren Preissegment über einen Online-Shop. Mit 180.000 monatlichen Besuchern und einem Stamm von 45.000 registrierten Kunden war der Shop das Kerngeschäft des Unternehmens.
Die bestehende WooCommerce-Installation war über drei Jahre gewachsen. zahllose Plugins, ein veraltetes Theme und eine Datenbank mit über 10.000 ungenutzten Einträgen. Pagebuilder haben den HTML-Code aufgebläht. Die Mobile Experience war katastrophal.
Projektziele
- Ladezeit auf unter 2 Sekunden (Mobile)
- Mobile Conversion Rate um 100% steigern
- Absprungrate unter 50%
- Setup eines A/B-Test-Frameworks für kontinuierliche Optimierung
Umsetzung
Phase 1: Analyse und Migration-Strategie (4 Wochen)
- Complete Web Audit: Pagespeed, SEO, UX, Conversion-Pfade
- Bestehende WooCommerce-Daten exportiert und analysiert
- URL-Struktur dokumentiert für Redirect-Plan
- Produktdaten bereinigt (10.000 Produkte → 6.500 relevante)
Phase 2: Shopify Backend-Setup (6 Wochen)
- Shopify Plus Account eingerichtet
- Produktstruktur neu organisiert (Collections, Tags, Attributes)
- Zahlungsanbieter migriert (PayPal, Kreditkarte, Klarna)
- Shipping-Zonen und Steuersätze konfiguriert
- App-Ökosystem: Review-Plattform, Loyalty-Programm, Analytics
Phase 3: Headless Frontend mit Astro (10 Wochen)
- Astro-basiertes Frontend mit React-Islands für Interaktivität
- Performance-first Architektur: Critical CSS, Font-Subsetting, Image-Optimierung
- Design-System mit wiederverwendbaren Komponenten
- Checkout mit Shopify Storefront API (Custom, aber auf Shopify-Servern)
Phase 4: SEO-Migration und Launch (4 Wochen)
- 301-Redirects für alle geänderten URLs
- Google Search Console Setup
- Structured Data für Products, Offers, Reviews
- Launch mit gestaffeltem Traffic-Rollout
Technische Details
- Backend: Shopify Plus (Headless Modus)
- Frontend: Astro 4.x mit React-Islands
- Hosting: Vercel Edge Network
- Checkout: Shopify Checkout (mit angepasstem Branding)
- Bilder: Cloudflare Images + CDN
- Analytics: GA4 + Google Tag Manager + Hotjar
- Caching: Service Worker für Offline-Fallback
Ergebnis
Nach 6 Monaten:
- Ladezeit Mobile: 1,8 Sekunden (vorher: 8 Sekunden)
- Mobile Conversion Rate: +156%
- Absprungrate: 44% (vorher: 74%)
- Durchschnittlicher Warenkorbwert: +28%
- Seitenaufrufe pro Session: +45%
Zitat Geschäftsführerin Sandra Weber:
“Wir hatten lange Angst vor der Migration. WooCommerce war虽然 vertraut, aber wir wussten, dass wir auf einer alternden Plattform feststecken. Der neue Shop fühlt sich an wie eine komplett andere Marke – schnell, modern, vertrauenswürdig. Die Zahlen bestätigen, dass unsere Kunden es auch so empfinden.”
ROI-Analyse
Investition gesamt: 185.000 €
Jährliche Steigerungen:
- Zusätzlicher Online-Umsatz durch bessere Conversion: ~1,1 Mio. €
- Höherer Warenkorbwert: ~320.000 €
- Reduzierte Plattformwartung: 25.000 €
Payback Period: 6 Wochen
Learnings
Was wir empfehlen würden:
- Headless ist nicht für jeden: Für kleine Shops mit begrenztem Budget ist Standard-Shopify oft die bessere Wahl
- Datenbereinigung nicht vergessen: Migrieren Sie keine Dust – bereinigen Sie Produktdaten vorher
- Redirects kritisch: SEO-Verluste durch vergessene Redirects sind vermeidbar und teuer
- Performance-Optimierung ist Daueraufgabe: Nach Launch weiter messen und optimieren
Status Quo
FashionStore betreibt den Shop erfolgreich auf der neuen Architektur. Aktuell wird ein Loyalty-Programm integriert, das auf den höheren Conversion-Raten aufbaut. Weitere Märkte (Österreich, Schweiz) sind in Planung.