Referencia: Blue Ocean

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.

Referencia: Blue Ocean
  • ĂśgyfĂ©l

    Blue Ocean

  • Weboldal

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

    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!