Shop, tartalom & elĹ‘fizetĂ©sek egysĂ©gesĂtĂ©se egy platformon
A Blue Ocean a törtĂ©netileg kialakult rendszerkörnyezetĂ©t Shopware 5 Ă©s TYPO3 alapokrĂłl egy modern headless architektĂşrába konszolidálta – Shopware 6-tal, Nuxt/Vue-val Ă©s Strapival, SEO-ra, teljesĂtmĂ©nyre Ă©s trackingre optimalizálva.

Ügyfél
Blue Ocean
Weboldal
https://www.blue-ocean.deTerjedelem
FejlesztĂ©sMigráciĂłHeadless / frontendCMS (Strapi)Technikai SEOTrackingTeljesĂtmĂ©nyoptimalizálás
Probléma
A Blue Ocean azzal az egyĂ©rtelmű kĂ©rĂ©ssel keresett meg minket, hogy modernizáljuk Ă©s leegyszerűsĂtsĂĽk a meglĂ©vĹ‘ rendszerkörnyezetet. Ekkor az online jelenlĂ©t több, egymástĂłl elkĂĽlönĂĽlĹ‘ rendszerbĹ‘l állt: egy rĂ©gebbi Shopware-5-Shop az e-kereskedelemhez, valamint egy kĂĽlön TYPO3-Website olyan tartalmakhoz, mint magazinok, sajtĂłcikkek, elĹ‘fizetĂ©sek, matricák Ă©s további ajánlatok – kĂ©t kĂĽlönbözĹ‘ domain között megosztva.
Ez a struktĂşra törtĂ©netileg alakult Ăgy, viszont több kihĂvást is hozott magával. A felhasználĂłknak az Ăştjuk során kĂĽlönbözĹ‘ domainek között kellett váltaniuk, ami feleslegesen bonyolĂtotta a customer journey-t. Közben olyan tĂ©mák, mint a többnyelvűsĂ©g, az országbeállĂtások (NĂ©metország, Ausztria, Svájc) Ă©s a bĹ‘vĂtĂ©sek csak korlátozottan voltak rugalmasan megvalĂłsĂthatĂłk.
Technikai oldalrĂłl is volt tĂ©r az optimalizálásra: a SEO-setup nem volt vĂ©gig következetesen tiszta, a strukturált adatok (schema.org) csak rĂ©szben álltak rendelkezĂ©sre, a teljesĂtmĂ©ny nem volt optimális, Ă©s a Core Web Vitals sem tudta kihozni magábĂłl a maximumot. Ehhez hozzájött, hogy mind a Shopware 5, mind a TYPO3 hosszabb távon már nem jelentett jövĹ‘biztos alapot – kulcsszavak: End of Life Ă©s kifutĂł támogatás.
A kiindulási helyzet tehát egyértelmű volt: sok értékes tartalom, erős termék- és előfizetési modell – de több rendszer között szétosztva, a felhasználók számára felesleges komplexitással és korlátozott technikai skálázhatósággal.
Előtte






















Megoldás
A Blue Ocean csapatával közösen egy világos stratĂ©giai döntĂ©st hoztunk: minden rendszert egysĂ©gesĂteni kell, modernizálni, Ă©s egy jövĹ‘biztos architektĂşrára emelni.
Az alapot a Shopware 5-rĹ‘l Shopware 6-ra törtĂ©nĹ‘ migráciĂł adta. Ezzel párhuzamosan tudatosan egy headless megközelĂtĂ©s mellett döntöttĂĽnk Shopware Frontends-szel. A backend továbbra is Shopware-en fut, mĂg a frontendet Nuxt Ă©s Vue segĂtsĂ©gĂ©vel valĂłsĂtottuk meg – gyorsan, rugalmasan Ă©s egyedileg.
Központi elem volt minden tartalom összevonása. A kĂĽlön TYPO3 oldal helyett most egy Strapi nevű headless CMS-t használunk, amelyben a magazinok, sajtĂłcikkek, matricakártyák Ă©s további tartalmak strukturáltan kezelhetĹ‘k. A headless felĂ©pĂtĂ©snek köszönhetĹ‘en minden egysĂ©gesnek hat – egy domainen, törĂ©sek nĂ©lkĂĽl.
Erre Ă©pĂtve az alábbiakat valĂłsĂtottuk meg:
- új designt fejlesztettünk a főoldalhoz, kategóriákhoz, termékoldalakhoz, előfizetésekhez és a checkout folyamathoz
- következetesen implementáltuk a Blue Ocean arculatát, szĂnkoncepciĂłját Ă©s márkavilágát
- teljesen ĂşjraĂ©pĂtettĂĽk az elĹ‘fizetĂ©si folyamatot
- integráltunk egy belső hirdetési rendszert E2B ügyfeleknek (hirdetési slotok különböző oldalakon)
Emellett megvalĂłsult a technikai SEO, a schema.org, teljesĂtmĂ©nyoptimalizálások, valamint egy teljes tracking-setup a Google Tag Manageren keresztĂĽl – cookie consenttel, Google Analytics-szel Ă©s Shopware Analytics-szel egyĂĽtt.
Utána














Eredmény
Ma a Blue Ocean egy modern, központi platformmal rendelkezik, amely tökéletesen összeköti a shopot, a tartalmakat és a marketinget.
Az új megjelenés ezt nyújtja:
- jelentősen egyszerűbb customer journey
- minden tartalom és termék egy domainen
- jobb betöltési idők és optimalizált Core Web Vitals
- tiszta SEO-struktúrák teljes schema.org-gal
- rugalmas előfizetési modellek és belső hirdetési lehetőségek
Már röviddel a relaunch után látszanak az elsĹ‘ pozitĂv tendenciák a Google Search Console-ban: kevesebb technikai hiba, jobb pozĂciĂłk Ă©s növekvĹ‘ átkattintások.
KĂĽlönösen Ă©rtĂ©kes az Ăşj technikai alap: a headless megközelĂtĂ©s Shopware-rel, Nuxt-tal, Vue-val Ă©s Strapi-val ma sokkal rugalmasabbá teszi a Blue Oceant. Ăšj tartalmak, funkciĂłk vagy ĂĽzleti modellek gyorsabban megvalĂłsĂthatĂłk – a klasszikus CMS- vagy shop-struktĂşrák korlátai nĂ©lkĂĽl.
Az egyĂĽttműködĂ©s több hĂłnapon át intenzĂv, strukturált Ă©s partneri volt. Annál nagyobb öröm számunkra, hogy ma egy olyan shopot mutathatunk be, amely technikailag, vizuálisan Ă©s stratĂ©giailag erĹ‘s alapot ad a Blue Ocean további növekedĂ©sĂ©hez.
Te is szeretnéd elérni a céljaidat?
Akkor egyeztess velĂĽnk egy elsĹ‘ idĹ‘pontot, hogy közösen kiderĂtsĂĽk, tudunk-e segĂteni a projektedben!