Referencija: Blue Ocean

Shop, turinio ir prenumeratų suvienodinimas vienoje platformoje

Blue Ocean savo istoriškai susiformavusią sistemų ekosistemą iš Shopware 5 ir TYPO3 suvienodino į modernią Headless architektūrą – su Shopware 6, Nuxt/Vue ir Strapi, optimizuota SEO, našumui ir sekimui.

Referencija: Blue Ocean
  • Klientas

    Blue Ocean

  • Svetainė

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

    ProgramavimasMigracijaHeadless / FrontendTVS (Strapi)Techninis SEOSekimasNašumo optimizavimas

Problema

Blue Ocean atėjo pas mus su aiškiu noru modernizuoti ir supaprastinti esamą sistemų aplinką. Tuo metu online buvimas susidėjo iš kelių atskirų sistemų: senesnė Shopware-5 parduotuvė e. komercijai ir atskira TYPO3 svetainė turiniui, tokiam kaip žurnalai, spaudos straipsniai, prenumeratos, lipdukai ir kiti pasiūlymai – išskirstyta per du skirtingus domenus.

Ši struktūra susiformavo istoriškai, tačiau kėlė nemažai iššūkių. Vartotojams savo kelionės metu tekdavo šokinėti tarp skirtingų domenų, todėl customer journey tapdavo be reikalo sudėtinga. Tuo pačiu tokie dalykai kaip daugiakalbystė, šalių setapai (Vokietija, Austrija, Šveicarija) ir plėtiniai buvo įgyvendinami tik ribotai ir ne itin lanksčiai.

Iš techninės pusės taip pat buvo ką optimizuoti: SEO setapas ne visur buvo tvarkingas, struktūriniai duomenys (schema.org) buvo tik iš dalies, našumas nebuvo optimalus, o Core Web Vitals negalėjo atskleisti savo pilno potencialo. Prie to prisidėjo ir faktas, kad tiek Shopware 5, tiek TYPO3 perspektyvoje nebebuvo ateičiai saugus pagrindas – End of Life ir besibaigiantis palaikymas.

Tad startinė situacija buvo aiški: daug vertingo turinio, stiprus produktų ir prenumeratų modelis – bet viskas išskirstyta per kelias sistemas, su nereikalingu sudėtingumu vartotojams ir ribotu techniniu skaliavimu.

Prieš

Sprendimas

Kartu su Blue Ocean komanda priėmėme aiškų strateginį sprendimą: visos sistemos turi būti suvienodintos, modernizuotos ir perkeltos į ateičiai saugią architektūrą.

Pagrindą sudarė migracija iš Shopware 5 į Shopware 6. Tuo pačiu sąmoningai pasirinkome Headless požiūrį su Shopware Frontends. Backend ir toliau veikia per Shopware, o frontend įgyvendinome su Nuxt ir Vue – greitai, lanksčiai ir individualiai.

Vienas esminių darbų buvo viso turinio sujungimas. Vietoje atskiros TYPO3 svetainės dabar naudojame headless CMS vardu Strapi, kuriame galima struktūruotai prižiūrėti žurnalus, spaudos straipsnius, lipdukų korteles ir kitą turinį. Dėl headless setapo viskas atrodo vientisa – viename domene, be „lūžių“ tarp medijų.

Remdamiesi tuo, mes:

  • sukūrėme naują dizainą homepage, kategorijoms, produktų puslapiams, prenumeratoms ir checkout
  • nuosekliai įgyvendinome Blue Ocean brandingą, spalvų koncepciją ir prekės ženklo pasaulį
  • iš naujo pastatėme visą prenumeratų flow
  • integravome vidinę reklamos sistemą E2B klientams (reklamos slotai skirtinguose puslapiuose)

Papildomai įgyvendinome techninį SEO, schema.org, našumo optimizacijas ir pilną tracking setapą per Google Tag Manager – įskaitant cookie-consent, Google Analytics ir Shopware Analytics.

Po

Rezultatas

Šiandien Blue Ocean turi modernią, centralizuotą platformą, kuri puikiai sujungia parduotuvę, turinį ir marketingą.

Naujas puslapis suteikia:

  • gerokai supaprastintą customer journey
  • visą turinį ir produktus viename domene
  • geresnius krovimosi laikus ir optimizuotus Core Web Vitals
  • tvarkingą SEO struktūrą, įskaitant pilną schema.org
  • lanksčius prenumeratų modelius ir vidines reklamos galimybes

Jau netrukus po relaunch Google Search Console matosi pirmos teigiamos tendencijos: mažiau techninių klaidų, geresnės pozicijos ir augantis paspaudimų skaičius.

Ypač vertingas yra naujas techninis pagrindas: dėl Headless požiūrio su Shopware, Nuxt, Vue ir Strapi Blue Ocean šiandien yra gerokai lankstesni. Naują turinį, funkcijas ar verslo modelius galima įgyvendinti greičiau – be klasikinių CMS ar shop struktūrų apribojimų.

Bendradarbiavimas kelis mėnesius buvo intensyvus, struktūruotas ir partneriškas. Todėl mums dar labiau džiugu šiandien pristatyti shop’ą, kuris technologiškai, vizualiai ir strategiškai sudaro tvirtą pagrindą tolimesniam Blue Ocean augimui.

Nori ir tu pasiekti savo tikslus?

Tada susitark su mumis dėl pirmo susitikimo, kad kartu išsiaiškintume, ar galime padėti tavo projekte!