Stylus

Az ügyfél bemutatása

A Stylus.com egy globális, előfizetés-alapú insights (elemző és trendkutató) platform, amely trend-előrejelzéseket és iparági intelligenciát szállít nemzetközi közönségének. A platform a következőket biztosítja:

• Prémium riportok hatalmas archívuma
• Előfizetés-alapú hozzáférési modellek
• Marketing és tartalomkiszolgálás (content delivery)
• Autentikált felhasználói élmények

A GlobalData általi felvásárlását követően a platformnak tovább kellett skálázódnia, és be kellett illeszkednie egy tágabb enterprise (nagyvállalati) ökoszisztémába.

A kihívás

A Stylus.com jelentős növekedésen ment keresztül, de a meglévő platformja már nem volt képes megfelelően kiszolgálni a következőket:

• Növekvő tartalommennyiség (több mint 100 000 riport)
• Globális felhasználói igények
• Komplex előfizetői útvonalak (subscription journeys)
• Integráció enterprise (nagyvállalati) rendszerekkel

A legfőbb kihívások a következők voltak:

• Egy hatalmas legacy (régi/elavult) tartalomarchívum migrációja
• Egy skálázható és karbantartható architektúra felépítése
• Mind a marketingcélú, mind az autentikált élmények támogatása
• Hosszú távú rugalmasság biztosítása a termékfejlődéshez

Az üzletnek egy teljes újraépítésre volt szüksége – nem csupán egy frissítésre.

A megoldás

A Matter of Formmal közösen dolgozva újraterveztük és újraépítettük a platformot egy modern, skálázható architektúra használatával:

• Headless CMS: Umbraco
• Frontend (1. fázis): Vue.js
• Frontend (2. fázis): React.js
• Infrastruktúra: Kubernetes-alapú tárhely (hosting)

Ez a megközelítés lehetővé tette számunkra, hogy:

• Szétválasszuk a tartalmat, a megjelenítést és az üzleti logikát
• Gyorsabb frontend iterációt tegyünk lehetővé
• Javítsuk a teljesítményt és a skálázhatóságot

AI-támogatott gyorsítási megközelítés

Bár ez a projekt megelőzte az AI teljes térnyerését, ma is ugyanezek az elvek érvényesek – és ezek tükröződtek az akkori megközelítésünkben is:

• Strukturált tartalommigrációs pipeline-ok (amelyeket a hasonló projekteknél ma már AI gyorsít)
• Automatizált adatvalidáció és transzformáció
• Hatékony, komponensalapú frontend fejlesztés

Ma, a körülbelül 40–50%-os AI-támogatott fejlesztés révén a hasonló projektek még gyorsabban leszállíthatók – miközben megőrzik ugyanezt az architekturális minőséget. Kritikus fontosságú volt, hogy a szenior felügyelet biztosította:

• Az adatintegritást a több mint 100 000 riporton keresztül
• A skálázható rendszertervezést
• A felelősségi körök tiszta szétválasztását (clean separation of concerns)

Implementációs részletek

• Architektúra:
  • Headless Umbraco CMS a rugalmas tartalomkezeléshez
  • API-vezérelt tartalomkiszolgálás (API-driven content delivery)
• Frontend:
  1. fázis: Vue.js
  2. fázis: React.js (a felvásárlás utáni tranzíció)
• Infrastruktúra:
  • Kubernetes a skálázható, hibatűrő (resilient) üzemeltetésért
  • Felhőalapú deployment pipeline-ok
• Nagyvállalati (Enterprise) funkciók:
  • Egyszeri bejelentkezés (Single Sign-On / SSO)
  • Azure AD integráció
  • Előfizetés-kezelés
  • Ügyfélportál funkcionalitás

Migráció nagy léptékben

A projekt egyik legkomplexebb aspektusa a több mint 100 000 legacy riport migrációja volt. Ez a következőket igényelte:

• Strukturált adattérképezés (data mapping)
• Automatizált migrációs szkriptek
• Validációs folyamatok a tartalom pontosságának biztosítására

A migrációt úgy terveztük meg, hogy:

• Minimalizálja a leállási időt (downtime)
• Megőrizze a tartalom integritását
• Javítsa az új rendszer használhatóságát és elérhetőségét

Az eredmény egy modern tartalomkezelési környezet lett, amely megőrizte a régi archívum teljes értékét, miközben drámaian javította a felhasználói élményt (usability).

A felvásárlás utáni evolúció

Miután a GlobalData felvásárolta a Stylus.com-ot, a platformnak tovább kellett fejlődnie. A következőket támogattuk:

• Migráció Vue.js-ről React.js-re
• Az előfizetési funkciók bővítése
• Integráció egy tágabb enterprise ökoszisztémába

Az új képességek és funkciók a következők voltak:

• Egységesített hitelesítés (unified authentication – SSO + Azure AD)
• Továbbfejlesztett előfizetői útvonalak (subscription journeys)
• Ügyfélportál-fejlesztések
• A marketing- és termékrendszerek zökkenőmentes összehangolása

Eredmények

• Globális közönségre skálázott platform
• Több mint 100 000 sikeresen migrált riport
• Drasztikusan javuló teljesítmény és UX (felhasználói élmény)
• Enterprise szintű biztonság és hitelesítés
• Egy 4 fős csapat szállította le, és 2 fő tartja karban

Legfontosabb tanulságok

• A headless architektúra hosszú távú rugalmasságot biztosít.
• A nagyléptékű migrációk precíz tervezést és szigorú szenior felügyeletet igényelnek.
• A kis létszámú, magasan képzett csapatok felülmúlhatják a nagyobb (de felhígult) csapatok teljesítményét.
• A modern infrastruktúra (Kubernetes) garantálja a skálázhatóságot és a hibatűrést (resilience).