Referencia: Blue Ocean

Zjednotenie shopu, obsahu a predplatného na jednej platforme

Blue Ocean skonsolidoval svoju historicky vybudovanú systémovú krajinu zo Shopware 5 a TYPO3 do modernej headless architektúry – so Shopware 6, Nuxt/Vue a Strapi, optimalizovanej pre SEO, výkon a tracking.

Referencia: Blue Ocean
  • Klient

    Blue Ocean

  • Web

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

    VývojMigráciaHeadless / FrontendCMS (Strapi)Technické SEOTrackingOptimalizácia výkonu

Problém

Blue Ocean prišiel za nami s jasnou požiadavkou modernizovať a zjednodušiť existujúcu systémovú krajinu. V tom čase pozostávala online prezentácia z viacerých navzájom oddelených systémov: starší Shopware-5-shop pre e-commerce a samostatná TYPO3 webstránka pre obsah ako magazíny, PR články, predplatné, nálepky a ďalšie ponuky – rozdelené na dve rôzne domény.

Táto štruktúra vznikala historicky, no prinášala so sebou viacero výziev. Používatelia museli počas svojej cesty prepínať medzi rôznymi doménami, čo zbytočne komplikovalo customer journey. Zároveň sa témy ako viacjazyčnosť, nastavenia pre krajiny (Nemecko, Rakúsko, Švajčiarsko) a rozšírenia dali realizovať len obmedzene flexibilne.

Aj z technického pohľadu tu bol priestor na zlepšenie: SEO nastavenie nebolo konzistentne čisté, štruktúrované dáta (schema.org) boli dostupné len čiastočne, výkon nebol optimálny a Core Web Vitals nemohli naplno využiť svoj potenciál. K tomu sa pridalo, že ani Shopware 5, ani TYPO3 už perspektívne nepredstavovali budúcnosťou istú základňu – kľúčové slová End of Life a končiaca podpora.

Východisková situácia bola teda jasne definovaná: veľa hodnotného obsahu, silný produktový a predplatiteľský model – no roztrúsené vo viacerých systémoch, so zbytočnou komplexnosťou pre používateľov a obmedzenou technickou škálovateľnosťou.

Predtým

Riešenie

Spolu s tímom Blue Ocean sme urobili jasné strategické rozhodnutie: všetky systémy sa mali zjednotiť, modernizovať a posunúť na architektúru pripravenú na budúcnosť.

Základom bola migrácia z Shopware 5 na Shopware 6. Zároveň sme sa vedome rozhodli pre headless prístup so Shopware Frontends. Backend naďalej beží cez Shopware, zatiaľ čo frontend bol realizovaný pomocou Nuxt a Vue – výkonný, flexibilný a na mieru.

Kľúčovou súčasťou bolo zjednotenie všetkého obsahu. Namiesto samostatnej TYPO3 stránky teraz používame headless CMS s názvom Strapi, cez ktoré sa dajú štruktúrovane spravovať magazíny, PR články, stickercards a ďalší obsah. Vďaka headless nastaveniu pôsobí všetko jednotne – na jednej doméne, bez „lámania“ medzi systémami.

Na tom sme postavili:

  • nový dizajn pre homepage, kategórie, produktové stránky, predplatné & checkout
  • branding, farebný koncept a svet značky Blue Ocean sme dôsledne preniesli do celého riešenia
  • kompletne sme nanovo vybudovali celý flow predplatného
  • integrovali sme interný reklamný systém pre E2B zákazníkov (reklamné sloty na rôznych stránkach)

Okrem toho sme implementovali technické SEO, schema.org, performance optimalizácie a kompletné tracking nastavenie cez Google Tag Manager – vrátane cookie consentu, Google Analytics a Shopware Analytics.

Potom

Výsledok

Dnes má Blue Ocean modernú, centrálnu platformu, ktorá dokonale prepája shop, obsah aj marketing.

Nová prezentácia ponúka:

  • výrazne zjednodušenú customer journey
  • všetok obsah a produkty na jednej doméne
  • lepšie časy načítania a optimalizované Core Web Vitals
  • čisté SEO štruktúry vrátane kompletného schema.org
  • flexibilné modely predplatného a interné reklamné možnosti

Už krátko po relaunchi sa v Google Search Console ukazujú prvé pozitívne trendy: menej technických chýb, lepšie pozície a rastúce počty kliknutí.

Mimoriadne hodnotný je nový technický základ: vďaka headless prístupu so Shopware, Nuxt, Vue a Strapi je Blue Ocean dnes výrazne flexibilnejší. Nový obsah, funkcie alebo biznis modely sa dajú realizovať rýchlejšie – bez obmedzení klasických CMS alebo shop štruktúr.

Spolupráca bola počas niekoľkých mesiacov intenzívna, štruktúrovaná a partnerská. O to viac nás teší, že dnes môžeme prezentovať shop, ktorý tvorí technicky, vizuálne aj strategicky silný základ pre ďalší rast Blue Ocean.

Chceš aj ty dosiahnuť svoje ciele?

Potom si s nami dohodni prvý termín, aby sme spolu zistili, či ti vieme s tvojím projektom pomôcť!