Reference: Blue Ocean

Sjednocení shopu, obsahu a předplatného na jedné platformě

Blue Ocean konsolidoval svou historicky vybudovanou systémovou krajinu ze Shopware 5 a TYPO3 do moderní headless architektury – se Shopware 6, Nuxt/Vue a Strapi, optimalizované pro SEO, výkon a tracking.

Reference: Blue Ocean
  • Klient

    Blue Ocean

  • Web

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

    VývojMigraceHeadless / frontendCMS (Strapi)Technické SEOTrackingOptimalizace výkonu

Problém

Blue Ocean za námi přišel s jasným přáním modernizovat a zjednodušit stávající systémové prostředí. V té době se online prezentace skládala z několika oddělených systémů: starší Shopware 5 shop pro e-commerce a samostatný TYPO3 web pro obsah jako magazíny, tiskové články, předplatné, samolepky a další nabídky – rozdělené na dvě různé domény.

Tato struktura vznikala historicky, ale přinášela několik výzev. Uživatelé museli během své cesty přepínat mezi různými doménami, což zbytečně komplikovalo customer journey. Zároveň byly oblasti jako vícejazyčnost, nastavení pro jednotlivé země (Německo, Rakousko, Švýcarsko) a rozšíření jen omezeně flexibilní.

I z technického pohledu byl prostor pro zlepšení: SEO nastavení nebylo konzistentně čisté, strukturovaná data (schema.org) byla jen částečně, výkon nebyl optimální a Core Web Vitals nemohly naplno ukázat svůj potenciál. K tomu se přidávalo, že jak Shopware 5, tak TYPO3 už do budoucna nepředstavovaly dostatečně perspektivní základ – klíčová slova End of Life a končící podpora.

Výchozí situace tedy byla jasně daná: spousta hodnotného obsahu, silný produktový a předplatitelský model – ale rozdělené do více systémů, se zbytečnou komplexitou pro uživatele a omezenou technickou škálovatelností.

Před

Řešení

Společně s týmem Blue Ocean jsme udělali jasné strategické rozhodnutí: všechny systémy je potřeba sjednotit, modernizovat a posunout na architekturu připravenou na budoucnost.

Základem byla migrace z Shopware 5 na Shopware 6. Zároveň jsme se vědomě rozhodli pro headless přístup se Shopware Frontends. Backend dál běží na Shopware, zatímco frontend jsme postavili na Nuxt a Vue – výkonně, flexibilně a na míru.

Klíčovou součástí bylo sloučení veškerého obsahu. Místo samostatného TYPO3 webu teď používáme headless CMS Strapi, ve kterém lze strukturovaně spravovat magazíny, tiskové články, kartičky se samolepkami a další obsah. Díky headless setupu vše působí jednotně – na jedné doméně, bez zbytečných přechodů.

Na tom jsme dále postavili:

  • nový design pro homepage, kategorie, produktové stránky, předplatné a checkout
  • důslednou implementaci brandingu, barevného konceptu a světa značky Blue Ocean
  • kompletně nově postavenou předplatitelskou flow
  • integraci interního reklamního systému pro E2B zákazníky (reklamní sloty na různých stránkách)

Navíc jsme realizovali technické SEO, schema.org, optimalizace výkonu a kompletní tracking setup přes Google Tag Manager – včetně cookie consentu, Google Analytics a Shopware Analytics.

Potom

Výsledek

Dnes má Blue Ocean moderní, centralizovanou platformu, která perfektně propojuje shop, obsah i marketing.

Nová prezentace přináší:

  • výrazně zjednodušenou customer journey
  • veškerý obsah i produkty na jedné doméně
  • lepší rychlost načítání a optimalizované Core Web Vitals
  • čistou SEO strukturu včetně plného schema.org
  • flexibilní modely předplatného a interní reklamní možnosti

Už krátce po relaunchi se v Google Search Console objevují první pozitivní signály: méně technických chyb, lepší pozice a rostoucí počty kliknutí.

Zvlášť cenný je nový technický základ: díky headless přístupu se Shopware, Nuxt, Vue a Strapi je Blue Ocean dnes výrazně flexibilnější. Nový obsah, funkce nebo obchodní modely lze nasazovat rychleji – bez omezení klasických CMS nebo shop struktur.

Spolupráce byla po několik měsíců intenzivní, strukturovaná a partnerská. O to víc nás těší, že dnes můžeme prezentovat shop, který je technicky, vizuálně i strategicky silným základem pro další růst Blue Ocean.

Chceš taky dosáhnout svých cílů?

Domluv si s námi první schůzku, ať společně zjistíme, jestli ti můžeme s tvým projektem pomoct!