Komplexné riešenie na mieru · dlhodobá ÚDržba

Sharp Consumer Electronics

Jedna platforma. 12 európskych trhov. Tisíce produktov.

Pre značku Sharp sme prevzali pomalý a ťažko udržateľný produktový web a prestavali ho na rýchlu multisite platformu pre 12 európskych trhov.

Jadrom riešenia je takmer okamžitá synchronizácia produktových dát z centrálneho PIM systému a bleskové vyhľadávanie postavené na Typesense databáze.

sharpconsumer.com

Východisková situácia

Projekt sme prebrali od nemeckej agentúry, ktorá web pôvodne postavila. Túto príležitosť sme využili na to, aby sme urobili rýchlejšie a spoľahlivejšie riešenie.

Web bol pomalý - pôvodná implementácia nezvládala výkon pri veľkom produktovom katalógu, čo brzdilo používateľov aj SEO. Ešte väčším problémom bol nestabilný a pomalý sync z PIM systému: produktové dáta sa tlačili priamo do databázy WordPressu zložitým procesom, takže kým sa nové informácie reálne prejavili na webe, trvalo to aj niekoľko dní a celý proces bol nestabilný a náchylný na chyby.

Súčasťou zadania bol zároveň aj redizajn webu, ktorý sme implementovali na základe dodaných podkladov.

Pôvodný stav

PIMproduktové dáta

⏱ aj niekoľko dnízložitý, krehký sync

WordPress databázapomalé dotazy pri veľkom katalógu

Ako sme to vyriešili

Navrhli sme kompletnú infraštruktúru a technický rozsah nového riešenia s dvoma nekompromisnými cieľmi: rýchlosť načítania a bezproblémová, takmer okamžitá synchronizácia dát z PIM systému. Kľúčovým rozhodnutím bolo neukladať produktové dáta do databázy WordPressu, ale do dedikovaného vyhľadávacieho enginu Typesense.

Zdroj pravdy

PIMcentrálne produktové dáta — vyše 4 000 produktov

webhook + buffer
takmer okamžite

Vyhľadávací index

Typesensefulltext vyhľadávaniue a filtre nad celým katalógom

dotazy
v milisekundách

Redakcia

WordPress multisiteBedrock · Sage · 33 vlastných blokov

jeden kód,
dizajn a médiá

Trhy

12 regionálnych verziíATDEESFRIEITNLPLPTRSUKEU

Hybridná architektúra: PIM ako zdroj pravdy, Typesense pre rýchlosť, WordPress pre redakciu.

Výsledkom je hybridná architektúra, ktorá spája redakčný komfort WordPressu, výkon dedikovaného search enginu a jeden zdroj pravdy v podobe PIM systému.

Technické highlighty

Vyhľadávanie v milisekundách

Produktový katalóg a filtrovanie beží nad vyhľadávacím enginom Typesense namiesto klasických databázových dotazov. Spracúvame vyše 4 000 produktov z PIM systému a do vyhľadávania pridávame aj staršie produkty, ktoré už v PIM nie sú - fulltext aj filtre odpovedajú okamžite aj pri veľkom katalógu.

Takmer okamžitý sync z PIM

Vlastný konektor synchronizuje dáta spoľahlivo a rýchlo. Opakované pokusy pri výpadku a ochrana proti kolíznym zápisom len zvyšuje robustnosť integrácie. Zmena v PIM systéme spustí webhook, hromadné zmeny zbierame do bufferu a spracúvame dávkovo. Namiesto niekoľkých dní sú tak dáta na webe takmer okamžite.

12 trhov na jednej platforme

Celý web beží ako WordPress multisite so zdieľaným kódom, dizajnom a mediálnou knižnicou. Jazykové verzie sú vzájomne prepojené, takže jedna zmena sa premietne všade a pridanie ďalšieho trhu je otázka konfigurácie.

Komponentový redakčný systém

Redakcia skladá stránky z 33 vlastných blokov - produktové sekcie, zoznamy, vyhľadávanie a ďalšie prvky stránok - upraviteľné cez vizuálny editor a bez zásahu vývojára.

Vyhľadávanie postavené na Typesense

Filtrovanie a fulltext vyhľadávanie bežia na Typesense - výsledky dostupné za milisekundy

Okamžitý fulltext aj filtrovanie - aj pri veľkom katalógu.

Produktový výpis Sharp s fasetovými filtrami — Produktový výpis TV s fasetovými filtrami.

Detail produktovej stránky Sharp so špecifikáciami a dokumentmi na stiahnutie

Produktová stránka poskladaná z blokov

Galéria, varianty veľkostí, navigácia, energetický štítok a aj dokumenty na stiahnutie. Celý detail produktu skladá redakcia z komponentových blokov a dáta sa na čítavaju z výkonnej a rýchlej Typesense typesense.

Čitateľné adresy ako /tv/75jp7265e/ rieši vlastný routing nad „virtuálnymi" produktovými stránkami.

Výkon na prvom mieste

Rýchlosť bola od začiatku hlavným cieľom, nie dodatočnou optimalizáciou. Okrem presunu produktových dát mimo databázy redakčného systému sme nasadili viacúrovňové cachovanie, optimalizáciu obrázkov a ďalšie optimalizácie s ohľadom na Core Web Vitals od Google.

Priebeh spolupráce

Kompletnú prestavbu webu vrátane redizajnu sme dodali za päť mesiacov - od júna do októbra 2024. Projekt sme viedli agilne, s pravidelným dodávaním a spätnou väzbou. Klient tak mal počas celého vývoja prehľad o stave prác a mohol operatívne prioritizovať úlohy.

Dvojtýždňové šprintyAsanaSlackPravidelné online meetingy

Staráme sa dlhodobo

O projekt sa staráme aj po spustení. Sharp má jedného spoľahlivého partnera pre celý životný cyklus platformy.

Kompletná SLA

Monitoring, aktualizácie a garantované reakčné časy.

Kontinuálny rozvoj

Nové funkcie, bloky a trhy podľa potrieb značky.

Maintenance

Priebežné ladenie výkonu a starostlivosť o platformu.

Výsledok

12európskych trhov
na jednej platforme

4 000+produktov
spracúvaných z PIM

5mesiacov od prevzatia
po spustenie

33vlastných blokov
pre redakciu

Sharp dnes beží na jednej spoločnej aplikácií namiesto 12 samostatných webov. Produktové dáta sú vždy aktuálne, namiesto niekoľkých dní sa z PIM synchronizujú takmer okamžite, vyhľadávanie a zoznamy sú rýchle aj pri veľkom katalógu a redakcia si stránky spravuje sama. Pridanie ďalšieho trhu či produktového radu je otázka konfigurácie, nie zložitého programovania.

Prepínač regiónov webu Sharp so zoznamom 12 európskych trhov — Jeden základ, 12 regionálnych trhov.

Naše ďalšie projekty

Active24.cz

Jeden dizajnový systém pre celé portfólio hostingových značiek

Pre hostingovú značku Active24 sme postavili nový web na multi-brand dizajnovom systéme, ktorý sme navrhli pre celé portfólio hostingových značiek medzinárodnej skupiny — Active24.cz bol prvý web spustený naživo na tomto základe.

Zobraziť štúdiu