Headless Shopware 6 Relaunch für handyersatzteilshop.de
Für handyersatzteilshop.de haben wir ein anspruchsvolles UI/UX-Design pixelgenau umgesetzt – mit Shopware 6 als Backend und einem neuen Nuxt/Vue-Frontend, optimiert für Performance, SEO und Tracking.
Kunde
Franke Mobilfunk GmbH & Co. KG
Webseite
https://handyersatzteilshop.deUmfang
EntwicklungHeadless / FrontendPerformance-OptimierungTechnisches SEOTrackingInfrastruktur / HostingBarrierefreiheit
Das Problem
Das Team von handyersatzteilshop.de kam mit einem bestehenden Shopware-6-Shop zu uns, der zwar funktional war, aber nicht mehr den eigenen Ansprüchen an Wachstum, Performance und Markenauftritt entsprach.
In einem sehr wettbewerbsintensiven Markt wurde schnell klar, dass der bestehende Shop das volle Potenzial noch nicht ausschöpfen konnte: Das Frontend wirkte generisch, die Nutzerführung war nicht optimal auf die Customer Journey abgestimmt und einige Abläufe fühlten sich unnötig komplex an. Auch bei Ladegeschwindigkeit und technischer Stabilität gab es Punkte, die verbessert werden mussten.
Parallel hatte das Team bereits intensiv an der Zukunft gearbeitet: Gemeinsam mit janger.design entstand über mehrere Monate ein neues, sehr detailliertes UI/UX-Design. Modern, klar durchdacht und deutlich näher an den Erwartungen der Zielgruppe – gleichzeitig aber technisch anspruchsvoll in der Umsetzung.
Ein weiterer wichtiger Punkt war das Tracking. Zwar gab es bereits Messungen, diese waren jedoch noch nicht tief genug, um Nutzerverhalten, Funnel und Marketing-Maßnahmen wirklich präzise auswerten und skalieren zu können.
Die Ausgangslage war damit klar: eine starke Marke, ein ambitioniertes Design und klare Wachstumsziele – aber ein technisches Setup, das diesem Anspruch noch nicht vollständig gerecht wurde.
Die Lösung
Nach einer gemeinsamen Analyse der bestehenden Situation, des neuen Designs und der Ziele wurde schnell deutlich, dass dieses Projekt eine maßgeschneiderte technische Lösung benötigt.
Aufgrund der Komplexität und Detailtiefe des UI/UX-Designs von janger.design entschieden wir uns bewusst gegen die klassische Shopware-Storefront. Stattdessen setzten wir auf einen Headless-Ansatz: Shopware bleibt als stabiles Backend im Einsatz, während das Frontend komplett neu mit Nuxt und Vue entwickelt wurde.
So konnten wir das Design pixelgenau, performant und zukunftssicher umsetzen – inklusive aller Features, Inhalte, Animationen und Feinheiten. Gleichzeitig lag ein starker Fokus auf Performance & Ladezeiten, technischer SEO, sauberer Struktur für Suchmaschinen, Barrierefreiheit (Accessibility) sowie Stabilität und Wartbarkeit.
Auch die technische Infrastruktur wurde optimiert: Ein verbessertes Hosting-Setup mit Caching, schneller Suche, Warteschlangen und zusätzlichen Sicherheitsmechanismen sorgt heute für einen zuverlässigen Betrieb – selbst bei hoher Last.
Im Bereich Tracking haben wir die Grundlage geschaffen: Ein sauber strukturierter Google Tag Manager Data Layer mit nahezu allen relevanten E-Commerce-Events und Datenpunkten. Auf dieser Basis konnte anocus.de das Tracking zu Google Analytics und weiteren Plattformen final integrieren, testen und optimieren – ein starkes Zusammenspiel aller Beteiligten.
Das Ergebnis
Heute verfügt handyersatzteilshop.de über einen modernen, leistungsstarken Online-Shop, der sowohl technisch als auch optisch neue Maßstäbe setzt.
Der neue Shop überzeugt durch:
- schnelle Ladezeiten
- eine klare, intuitive Nutzerführung
- ein modernes, hochwertiges Design
- saubere technische SEO-Strukturen
Bereits einige Wochen nach dem Relaunch zeigen sich laut Google Search Console positive Entwicklungen in der organischen Sichtbarkeit. Zusätzlich wurden strukturierte Daten (schema.org via JSON-LD) nach Best Practice integriert – eine solide Grundlage für bessere Darstellung in den Suchergebnissen.
Dank des neuen Trackings stehen nun präzise Daten zur Verfügung, um Marketing-Maßnahmen gezielt auszuwerten und weiter zu skalieren. Entscheidungen können datenbasiert getroffen werden – nicht mehr aus dem Bauch heraus.
Besonders wichtig: Durch den Headless-Ansatz mit Nuxt, Vue und Shopware ist der Shop langfristig flexibel. Neue Features, Anpassungen und Weiterentwicklungen lassen sich deutlich schneller und effizienter umsetzen. Das Ergebnis ist ein Online-Shop, der sich klar von der Konkurrenz abhebt und dem Team von handyersatzteilshop.de eine starke, zukunftssichere Basis für weiteres Wachstum bietet.
Möchtest du auch deine Ziele erreichen?
Dann vereinbare einen ersten Termin mit uns, damit wir gemeinsam herausfinden können, ob wir dir bei deinem Projekt helfen können!