Referencja: Blue Ocean

Ujednolicenie sklepu, contentu i subskrypcji na jednej platformie

Blue Ocean skonsolidował swój historycznie rozbudowany krajobraz systemów oparty na Shopware 5 i TYPO3 w nowoczesną architekturę headless – z Shopware 6, Nuxt/Vue i Strapi, zoptymalizowaną pod SEO, wydajność i tracking.

Referencja: Blue Ocean
  • Klient

    Blue Ocean

  • Strona WWW

    https://www.blue-ocean.de
  • Zakres

    RozwójMigracjaHeadless / frontendCMS (Strapi)Techniczne SEOTrackingOptymalizacja wydajności

Problem

Blue Ocean przyszło do nas z jasnym celem: zmodernizować i uprościć istniejący krajobraz systemów. W tamtym momencie obecność online składała się z kilku odseparowanych od siebie rozwiązań: starszy sklep Shopware 5 do e-commerce oraz osobna strona TYPO3 dla treści takich jak magazyny, artykuły prasowe, subskrypcje, naklejki i inne oferty — rozbite na dwie różne domeny.

Ta struktura narastała historycznie, ale niosła ze sobą konkretne wyzwania. Użytkownicy musieli w trakcie swojej ścieżki przełączać się między różnymi domenami, co niepotrzebnie komplikowało Customer Journey. Jednocześnie kwestie takie jak wielojęzyczność, konfiguracje dla krajów (Niemcy, Austria, Szwajcaria) oraz rozbudowy dało się wdrażać tylko w ograniczonym zakresie.

Również od strony technicznej było co optymalizować: konfiguracja SEO nie była konsekwentnie dopięta, dane strukturalne (schema.org) były dostępne tylko częściowo, wydajność nie była optymalna, a Core Web Vitals nie mogły rozwinąć pełnego potencjału. Do tego zarówno Shopware 5, jak i TYPO3 nie stanowiły już perspektywicznie bazy na przyszłość — słowo-klucz End of Life i wygasające wsparcie.

Punkt wyjścia był więc jasny: wiele wartościowych treści, mocny model produktów i subskrypcji — ale rozproszone na kilka systemów, z niepotrzebną złożonością dla użytkowników i ograniczoną skalowalnością techniczną.

Przed

Rozwiązanie

Wspólnie z zespołem Blue Ocean podjęliśmy jasną decyzję strategiczną: wszystkie systemy miały zostać ujednolicone, zmodernizowane i przeniesione na architekturę gotową na przyszłość.

Podstawą była migracja z Shopware 5 do Shopware 6. Jednocześnie świadomie wybraliśmy podejście headless z Shopware Frontends. Backend nadal działa w Shopware, natomiast frontend został zrealizowany w Nuxt i Vue — wydajnie, elastycznie i w pełni indywidualnie.

Kluczowym elementem było scalenie wszystkich treści. Zamiast osobnej strony TYPO3 wykorzystujemy teraz headless CMS o nazwie Strapi, w którym można strukturalnie zarządzać magazynami, artykułami prasowymi, kartami naklejek i innymi treściami. Dzięki headless całość wygląda jak jedna spójna platforma — w jednej domenie, bez „przeskoków” między systemami.

Na tej bazie zrobiliśmy:

  • nowy design dla homepage, kategorii, stron produktowych, subskrypcji i checkoutu
  • konsekwentne wdrożenie brandingu, koncepcji kolorystycznej i świata marki Blue Ocean
  • kompletne przebudowanie ścieżki subskrypcji
  • integrację wewnętrznego systemu reklamowego dla klientów E2B (sloty reklamowe na różnych podstronach)

Dodatkowo wdrożyliśmy techniczne SEO, schema.org, optymalizacje performance oraz kompletne wdrożenie trackingu przez Google Tag Manager — w tym cookie consent, Google Analytics oraz Shopware Analytics.

Po

Wynik

Dziś Blue Ocean ma nowoczesną, centralną platformę, która idealnie łączy sklep, treści i marketing.

Nowa odsłona zapewnia:

  • wyraźnie uproczoną Customer Journey
  • wszystkie treści i produkty w jednej domenie
  • lepsze czasy ładowania i zoptymalizowane Core Web Vitals
  • czyste struktury SEO wraz z pełnym schema.org
  • elastyczne modele subskrypcji i wewnętrzne możliwości reklamowe

Już krótko po relaunchu w Google Search Console widać pierwsze pozytywne tendencje: mniej błędów technicznych, lepsze pozycje i rosnącą liczbę kliknięć.

Szczególnie cenna jest nowa baza techniczna: dzięki podejściu headless z Shopware, Nuxt, Vue i Strapi Blue Ocean jest dziś znacznie bardziej elastyczne. Nowe treści, funkcje czy modele biznesowe da się wdrażać szybciej — bez ograniczeń klasycznych struktur CMS lub sklepów.

Współpraca przez kilka miesięcy była intensywna, uporządkowana i partnerska. Tym bardziej cieszy nas, że dziś możemy zaprezentować sklep, który technicznie, wizualnie i strategicznie stanowi mocny fundament dalszego wzrostu Blue Ocean.

Też chcesz osiągnąć swoje cele?

Umów pierwsze spotkanie z nami, abyśmy wspólnie sprawdzili, czy możemy pomóc ci w twoim projekcie!