Referenca: Blue Ocean

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.

Referenca: Blue Ocean
  • Klijent

    Blue Ocean

  • Web stranica

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

    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!