Vereinheitlichung von Shop, Content & Abos auf einer Plattform
Blue Ocean hat seine historisch gewachsene Systemlandschaft aus Shopware 5 und TYPO3 auf eine moderne Headless-Architektur konsolidiert – mit Shopware 6, Nuxt/Vue und Strapi, optimiert für SEO, Performance und Tracking.
Kunde
Blue Ocean
Webseite
https://www.blue-ocean.deUmfang
EntwicklungMigrationHeadless / FrontendCMS (Strapi)Technisches SEOTrackingPerformance-Optimierung
Das Problem
Blue Ocean kam mit dem klaren Wunsch zu uns, die bestehende Systemlandschaft zu modernisieren und zu vereinfachen. Zu diesem Zeitpunkt bestand die Online-Präsenz aus mehreren voneinander getrennten Systemen: Ein älterer Shopware-5-Shop für den E-Commerce sowie eine separate TYPO3-Website für Inhalte wie Magazine, Presseartikel, Abos, Sticker und weitere Angebote – verteilt auf zwei unterschiedliche Domains.
Diese Struktur war historisch gewachsen, brachte jedoch einige Herausforderungen mit sich. Nutzer mussten während ihrer Reise zwischen verschiedenen Domains wechseln, was die Customer Journey unnötig komplex machte. Gleichzeitig waren Themen wie Mehrsprachigkeit, Länder-Setups (Deutschland, Österreich, Schweiz) und Erweiterungen nur eingeschränkt flexibel umsetzbar.
Auch aus technischer Sicht gab es Optimierungspotenzial: Das SEO-Setup war nicht durchgängig sauber, strukturierte Daten (schema.org) nur teilweise vorhanden, die Performance nicht optimal und die Core Web Vitals konnten nicht ihr volles Potenzial entfalten. Hinzu kam, dass sowohl Shopware 5 als auch TYPO3 perspektivisch keine zukunftssichere Basis mehr darstellten – Stichwort End of Life und auslaufender Support.
Die Ausgangslage war somit klar definiert: Viele wertvolle Inhalte, ein starkes Produkt- und Abo-Modell – aber verteilt auf mehrere Systeme, mit unnötiger Komplexität für Nutzer und begrenzter technischer Skalierbarkeit.
Die Lösung
Gemeinsam mit dem Team von Blue Ocean haben wir eine klare strategische Entscheidung getroffen: Alle Systeme sollten vereinheitlicht, modernisiert und auf eine zukunftssichere Architektur gehoben werden.
Die Basis bildete die Migration von Shopware 5 auf Shopware 6. Gleichzeitig haben wir uns bewusst für einen Headless-Ansatz mit Shopware Frontends entschieden. Das Backend läuft weiterhin über Shopware, während das Frontend mit Nuxt und Vue umgesetzt wurde – performant, flexibel und individuell.
Ein zentraler Bestandteil war die Zusammenführung aller Inhalte. Statt einer separaten TYPO3-Seite nutzen wir nun ein Headless-CMS namens Strapi, über das Magazine, Presseartikel, Stickercards und weitere Inhalte strukturiert gepflegt werden können. Durch das Headless-Setup wirkt alles wie aus einem Guss – auf einer Domain, ohne Medienbrüche.
Darauf aufbauend haben wir:
- ein neues Design fĂĽr Homepage, Kategorien, Produktseiten, Abos & Checkout entwickelt
- das Branding, Farbkonzept und die Markenwelt von Blue Ocean konsequent umgesetzt
- die komplette Abo-Strecke neu aufgebaut
- ein internes Werbesystem fĂĽr E2B-Kunden integriert (Werbeslots auf verschiedenen Seiten)
Zusätzlich wurden technisches SEO, schema.org, Performance-Optimierungen und ein vollständiges Tracking-Setup über den Google Tag Manager umgesetzt – inklusive Cookie-Consent, Google Analytics und Shopware Analytics.
Das Ergebnis
Heute verfĂĽgt Blue Ocean ĂĽber eine moderne, zentrale Plattform, die Shop, Inhalte und Marketing perfekt miteinander verbindet.
Der neue Auftritt bietet:
- eine deutlich vereinfachte Customer Journey
- alle Inhalte und Produkte auf einer Domain
- bessere Ladezeiten und optimierte Core Web Vitals
- saubere SEO-Strukturen inkl. vollständigem schema.org
- flexible Abo-Modelle und interne Werbemöglichkeiten
Bereits kurz nach dem Relaunch zeigen sich in der Google Search Console erste positive Tendenzen: weniger technische Fehler, bessere Positionierungen und steigende Klickzahlen.
Besonders wertvoll ist die neue technische Basis: Durch den Headless-Ansatz mit Shopware, Nuxt, Vue und Strapi ist Blue Ocean heute deutlich flexibler. Neue Inhalte, Features oder Geschäftsmodelle lassen sich schneller umsetzen – ohne die Einschränkungen klassischer CMS- oder Shop-Strukturen.
Die Zusammenarbeit war über mehrere Monate hinweg intensiv, strukturiert und partnerschaftlich. Umso mehr freut es uns, heute einen Shop präsentieren zu dürfen, der technisch, optisch und strategisch eine starke Grundlage für das weitere Wachstum von Blue Ocean bildet.
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!