Stylus

Prezentarea clientului

Stylus.com este o platformă globală de insights (analiză și cercetare) pe bază de abonament, care livrează previziuni de tendințe (trend forecasting) și informații strategice despre industrie (industry intelligence) unui public internațional. Platforma susține:

• O arhivă vastă de rapoarte premium
• Modele de acces pe bază de abonament
• Marketing și livrare de conținut (content delivery)
• Experiențe de utilizator autentificate

În urma achiziției sale de către GlobalData, platforma trebuia să se scaleze și mai mult și să se integreze într-un ecosistem enterprise mai larg.

Provocarea

Stylus.com înregistrase o creștere semnificativă, dar platforma sa existentă nu mai putea susține:

• Volumul de conținut în creștere (peste 100.000 de rapoarte)
• Cererea globală a utilizatorilor
• Parcursuri complexe de abonare (subscription journeys)
• Integrarea cu sistemele enterprise

Principalele provocări au inclus:

• Migrarea unei arhive masive de conținut legacy
• Construirea unei arhitecturi scalabile și ușor de întreținut
• Susținerea atât a experiențelor de marketing, cât și a celor autentificate
• Asigurarea flexibilității pe termen lung pentru evoluția produsului

Business-ul avea nevoie de o reconstrucție completă — nu doar de un upgrade.

Soluția

Lucrând alături de Matter of Form, am reproiectat și reconstruit platforma folosind o arhitectură modernă și scalabilă:

• Headless CMS: Umbraco
• Frontend (Faza 1): Vue.js
• Frontend (Faza 2): React.js
• Infrastructură: Găzduire bazată pe Kubernetes

Această abordare ne-a permis să:

• Separăm conținutul, prezentarea și logica de business
• Facilităm o iterație mai rapidă pe partea de front-end
• Îmbunătățim performanța și scalabilitatea

Abordarea de accelerare prin AI

Deși acest proiect a precedat saturația completă a inteligenței artificiale, aceleași principii se aplică și acum — și au fost reflectate în abordarea noastră:

• Pipeline-uri structurate pentru migrarea conținutului (accelerate acum de AI în proiecte similare)
• Validare și transformare automată a datelor
• Construcții eficiente de front-end bazate pe componente

Astăzi, cu o dezvoltare asistată de AI în proporție de ~40-50%, proiecte similare pot fi livrate și mai rapid — menținând în același timp aceeași calitate arhitecturală. În mod esențial, supravegherea din partea inginerilor seniori a asigurat:

• Integritatea datelor în cele peste 100.000 de rapoarte
• Un design de sistem scalabil
• Separarea clară a responsabilităților (clean separation of concerns)

Detalii de implementare

• Arhitectură:
  • Headless Umbraco CMS pentru un management flexibil al conținutului
  • Livrare de conținut bazată pe API (API-driven content delivery)
• Frontend:
  • Faza 1: Vue.js
  • Faza 2: React.js (tranziția post-achiziție)
• Infrastructură:
  • Kubernetes pentru găzduire scalabilă și rezilientă
  • Pipeline-uri de deployment în cloud
• Funcționalități Enterprise:
  • Single Sign-On (SSO)
  • Integrare Azure AD
  • Managementul abonamentelor
  • Funcționalitate de portal pentru clienți

Migrare la scară largă

Unul dintre cele mai complexe aspecte ale proiectului a fost migrarea a peste 100.000 de rapoarte legacy. Acest lucru a necesitat:

• Mapare structurată a datelor (data mapping)
• Scripturi de migrare automată
• Procese de validare pentru a asigura acuratețea conținutului

Migrarea a fost concepută pentru a:

• Minimiza timpul de nefuncționare (downtime)
• Păstra integritatea conținutului
• Îmbunătăți accesibilitatea în noul sistem

Rezultatul a fost un mediu modern de conținut care a păstrat întreaga valoare a arhivei legacy, îmbunătățind în același timp dramatic ușurința în utilizare (usability).

Evoluția post-achiziție

După ce GlobalData a achiziționat Stylus.com, platforma trebuia să evolueze și mai mult. Am susținut:

• Migrarea de la Vue.js la React.js
• Extinderea funcționalităților de abonament
• Integrarea într-un ecosistem enterprise mai larg

Noile capabilități au inclus:

• Autentificare unificată (SSO + Azure AD)
• Parcursuri de abonare îmbunătățite (subscription journeys)
• Îmbunătățiri ale portalului pentru clienți
• Alinierea fluidă între sistemele de marketing și cele de produs

Rezultate

• Platformă scalată pentru un public global
• Peste 100.000 de rapoarte migrate cu succes
• Performanță și UX (experiența utilizatorului) îmbunătățite
• Securitate și autentificare la standarde enterprise
• Proiect livrat de o echipă de 4 oameni, întreținut de 2

Concluzii cheie

• Arhitectura headless permite flexibilitate pe termen lung.
• Migrările la scară largă necesită o planificare solidă și o supraveghere strictă din partea inginerilor seniori.
• Echipele mici, dar extrem de calificate, pot depăși în performanță echipele mai mari.
• Infrastructura modernă (Kubernetes) asigură scalabilitatea și reziliența.