Ujedinjavanje shopa, sadržaja i pretplata na jednoj platformi
Blue Ocean je svoju povijesno nastalu sistemsku infrastrukturu iz Shopware 5 i TYPO3 konsolidirao u modernu headless arhitekturu ā sa Shopware 6, Nuxt/Vue i Strapi, optimizirano za SEO, performanse i tracking.

Klijent
Blue Ocean
Web stranica
https://www.blue-ocean.deOpseg
RazvojMigracijaHeadless / frontendCMS (Strapi)TehniÄki SEOPraÄenjeOptimizacija performansi
Problem
Blue Ocean doÅ”ao je k nama s jasnom željom: modernizirati i pojednostaviti postojeÄi sustav. U tom trenutku online prisutnost sastojala se od viÅ”e odvojenih sustava: stariji Shopware-5-shop za e-commerce te zasebna TYPO3 web stranica za sadržaje poput magazina, press Älanaka, pretplata, stickera i drugih ponuda ā rasporeÄeno na dvije razliÄite domene.
Ta je struktura rasla kroz vrijeme, ali je donosila i nekoliko izazova. Korisnici su tijekom svog puta morali prelaziti izmeÄu razliÄitih domena, Å”to je Customer Journey Äinilo nepotrebno kompleksnim. Istovremeno su teme poput viÅ”ejeziÄnosti, postavki po državama (NjemaÄka, Austrija, Å vicarska) i proÅ”irenja bile izvedive samo uz ograniÄenu fleksibilnost.
I s tehniÄke strane bilo je prostora za optimizaciju: SEO setup nije bio dosljedno Äist, strukturirani podaci (schema.org) bili su prisutni samo djelomiÄno, performanse nisu bile optimalne, a Core Web Vitals nisu mogli pokazati svoj puni potencijal. Uz to, i Shopware 5 i TYPO3 dugoroÄno viÅ”e nisu predstavljali buduÄnosti otpornu osnovu ā kljuÄne rijeÄi su End of Life i prestanak podrÅ”ke.
Polazna situacija bila je jasno definirana: puno vrijednog sadržaja, snažan model proizvoda i pretplata ā ali rasporeÄeno na viÅ”e sustava, s nepotrebnom kompleksnoÅ”Äu za korisnike i ograniÄenom tehniÄkom skalabilnoÅ”Äu.
Prije






















RjeŔenje
Zajedno s timom Blue Ocean donijeli smo jasnu strateÅ”ku odluku: svi sustavi trebaju biti ujedinjeni, modernizirani i podignuti na arhitekturu koja je sigurna za buduÄnost.
Temelj je bila migracija s Shopware 5 na Shopware 6. Istovremeno smo se svjesno odluÄili za headless pristup sa Shopware Frontends. Backend i dalje radi preko Shopware, dok je frontend izveden u Nuxt i Vue ā brz, fleksibilan i prilagoÄen.
KljuÄan dio bila je konsolidacija svih sadržaja. Umjesto zasebne TYPO3 stranice, sada koristimo headless CMS pod nazivom Strapi, preko kojeg se mogu strukturirano održavati magazini, press Älanci, stickercards i drugi sadržaji. ZahvaljujuÄi headless postavci, sve djeluje kao jedna cjelina ā na jednoj domeni, bez prekida u iskustvu.
Na toj osnovi smo:
- razvili novi dizajn za homepage, kategorije, stranice proizvoda, pretplate i checkout
- dosljedno implementirali branding, koncept boja i svijet brenda Blue Ocean
- potpuno iznova izgradili cijeli flow pretplata
- integrirali interni oglasni sustav za E2B kupce (oglasi/slotovi na razliÄitim stranicama)
Dodatno su implementirani tehniÄki SEO, schema.org, optimizacije performansi i kompletan tracking setup preko Google Tag Managera ā ukljuÄujuÄi cookie consent, Google Analytics i Shopware Analytics.
Poslije














Rezultat
Danas Blue Ocean ima modernu, centraliziranu platformu koja shop, sadržaj i marketing savrŔeno povezuje.
Novi nastup nudi:
- znatno pojednostavljen Customer Journey
- sav sadržaj i proizvode na jednoj domeni
- bolje vrijeme uÄitavanja i optimizirane Core Web Vitals
- Äiste SEO strukture ukljuÄujuÄi potpuni schema.org
- fleksibilne modele pretplate i interne moguÄnosti oglaÅ”avanja
VeÄ kratko nakon relauncha u Google Search Console vide se prvi pozitivni trendovi: manje tehniÄkih greÅ”aka, bolje pozicije i rast broja klikova.
Posebno je vrijedna nova tehniÄka osnova: zahvaljujuÄi headless pristupu sa Shopware, Nuxt, Vue i Strapi, Blue Ocean je danas znatno fleksibilniji. Novi sadržaji, featurei ili poslovni modeli mogu se implementirati brže ā bez ograniÄenja klasiÄnih CMS ili shop struktura.
Suradnja je kroz nekoliko mjeseci bila intenzivna, strukturirana i partnerska. Tim viÅ”e nas veseli Å”to danas možemo predstaviti shop koji je tehniÄki, vizualno i strateÅ”ki snažan temelj za daljnji rast Blue Ocean.
ŽeliŔ i ti ostvariti svoje ciljeve?
Onda dogovori prvi termin s nama kako bismo zajedno otkrili možemo li ti pomoÄi s tvojim projektom!