Poe, sisu ja tellimuste koondamine ĂĽhele platvormile
Blue Ocean koondas oma ajalooliselt kujunenud süsteemimaastiku Shopware 5 ja TYPO3 pealt kaasaegsele headless-arhitektuurile – Shopware 6, Nuxt/Vue ja Strapi abil, optimeeritud SEO, jõudluse ja trackingu jaoks.

Klient
Blue Ocean
Veebileht
https://www.blue-ocean.deUlatus
ArendusMigratsioonHeadless / frontendCMS (Strapi)Tehniline SEOTrackingJõudluse optimeerimine
Probleem
Blue Ocean tuli meie juurde selge sooviga olemasolevat süsteemimaastikku moderniseerida ja lihtsustada. Sel hetkel koosnes veebipresidents mitmest üksteisest eraldatud süsteemist: vanem Shopware-5-pood e-kaubanduse jaoks ning eraldi TYPO3-website sisu jaoks, nagu ajakirjad, pressiartiklid, tellimused, kleepsud ja muud pakkumised – jaotatuna kahele erinevale domeenile.
See struktuur oli ajalooliselt välja kujunenud, kuid tõi kaasa mitmeid väljakutseid. Kasutajad pidid oma teekonna jooksul vahetama erinevate domeenide vahel, mis muutis customer journey tarbetult keerukaks. Samal ajal olid teemad nagu mitmekeelsus, riigiseadistused (Saksamaa, Austria, Šveits) ja laiendused vaid piiratud paindlikkusega teostatavad.
Ka tehnilisest vaatest oli arenguruumi: SEO-seadistus polnud läbivalt korrektne, struktureeritud andmed (schema.org) olid ainult osaliselt olemas, jõudlus polnud optimaalne ja Core Web Vitals ei saanud oma täit potentsiaali rakendada. Lisaks ei olnud ei Shopware 5 ega ka TYPO3 perspektiivis enam tulevikukindel baas – märksõnad End of Life ja lõppev tugi.
Lähteolukord oli seega selgelt määratletud: palju väärtuslikku sisu, tugev toote- ja tellimusmudel – kuid jaotatud mitme süsteemi vahel, tarbetu keerukusega kasutajatele ja piiratud tehnilise skaleeritavusega.
Enne






















Lahendus
Koos Blue Oceani tiimiga tegime selge strateegilise otsuse: kõik süsteemid tuleb ühtlustada, moderniseerida ja tõsta tulevikukindlale arhitektuurile.
Aluseks oli migratsioon Shopware 5-lt Shopware 6-le. Samal ajal otsustasime teadlikult headless-lähenemise kasuks Shopware Frontendsiga. Backend töötab jätkuvalt Shopware’i peal, samal ajal kui frontend tehti Nuxt ja Vue abil – kiire, paindlik ja individuaalne.
Keskne osa oli kogu sisu koondamine. Eraldi TYPO3 lehe asemel kasutame nüüd headless CMS-i nimega Strapi, mille kaudu saab ajakirju, pressiartikleid, Stickercards’e ja muud sisu struktureeritult hallata. Tänu headless-seadistusele mõjub kõik ühtse tervikuna – ühel domeenil, ilma katkestusteta.
Sellele toetudes tegime:
- uue disaini avalehele, kategooriatele, tootelehtedele, tellimustele & checkout’ile
- Blue Ocean’i brändingu, värvikontseptsiooni ja brändimaailma järjepideva elluviimise
- kogu tellimuste teekonna (subscription flow) ĂĽlesehituse nullist
- sisemise reklaamisĂĽsteemi E2B-klientidele (reklaamislod eri lehtedel)
Lisaks rakendasime tehnilise SEO, schema.org, jõudluse optimeerimised ja täieliku tracking-setup’i Google Tag Manageri kaudu – sh cookie-consent, Google Analytics ja Shopware Analytics.
Pärast














Tulemus
Täna on Blue Oceanil moodne, keskne platvorm, mis ühendab poe, sisu ja turunduse omavahel ideaalselt.
Uus lahendus pakub:
- märgatavalt lihtsustatud customer journey’d
- kogu sisu ja tooted ĂĽhel domeenil
- paremad laadimisajad ja optimeeritud Core Web Vitals
- puhtad SEO-struktuurid, sh täielik schema.org
- paindlikud tellimusmudelid ja sisemised reklaamivõimalused
Juba vahetult pärast relaunch’i on Google Search Console’is näha esimesi positiivseid suundumusi: vähem tehnilisi vigu, paremad positsioonid ja kasvavad klikkide arvud.
Eriti väärtuslik on uus tehniline baas: tänu headless-lähenemisele Shopware, Nuxt, Vue ja Strapiga on Blue Ocean täna oluliselt paindlikum. Uut sisu, funktsioone või ärimudeleid saab kiiremini ellu viia – ilma klassikaliste CMS-i või poe struktuuride piiranguteta.
Koostöö oli mitme kuu jooksul intensiivne, struktureeritud ja partnerlik. Seda enam rõõmustab meid, et saame täna esitleda poodi, mis on tehniliselt, visuaalselt ja strateegiliselt tugevaks vundamendiks Blue Ocean’i edasiseks kasvuks.
Tahad ka oma eesmärgid saavutada?
Siis broneeri meiega esimene kohtumine, et saaksime koos välja selgitada, kas saame sind sinu projektiga aidata!