# Sharp Consumer Electronics > Prevzali sme pomalý produktový web značky Sharp a prestavali ho na rýchlu multisite platformu s takmer okamžitým synchronom dát z PIM cez Typesense. ![Úvodná stránka webu Sharp Consumer Electronics](https://pub-8fe949c228e240689a06fd2b221c5a38.r2.dev/originals/fe/de/fedea3adfd296c94.jpg) _sharpconsumer.com_ Komplexné riešenie na mieru · dlhodobá ÚDržba 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](https://www.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** - **PIM** — produktové dáta - → ⏱ aj niekoľko dní (zložitý, krehký sync) - **WordPress databáza** — pomalé 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. - **PIM** (Zdroj pravdy) — centrálne produktové dáta — vyše 4 000 produktov - → webhook + buffer takmer okamžite - **Typesense** (Vyhľadávací index) — fulltext vyhľadávaniue a filtre nad celým katalógom - → dotazy v milisekundách - **WordPress multisite** (Redakcia) — Bedrock · Sage · 33 vlastných blokov - → jeden kód, dizajn a médiá - **12 regionálnych verzií** (Trhy) — AT, DE, ES, FR, IE, IT, NL, PL, PT, RS, UK, EU 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](https://pub-8fe949c228e240689a06fd2b221c5a38.r2.dev/originals/00/06/0006233dc3d267ed.jpg) Produktový výpis TV s fasetovými filtrami. _sharpconsumer.com/electronics/tv/_ ![Detail produktovej stránky Sharp so špecifikáciami a dokumentmi na stiahnutie](https://pub-8fe949c228e240689a06fd2b221c5a38.r2.dev/originals/cf/46/cf4695ce189cf5a2.jpg) _sharpconsumer.com/tv/75jp7265e/_ #### 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é šprinty Asana Slack Pravidelné 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 **12** — európskych trhov na jednej platforme **4 000+** — produktov spracúvaných z PIM **5** — mesiacov od prevzatia po spustenie **33** — vlastný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](https://pub-8fe949c228e240689a06fd2b221c5a38.r2.dev/originals/23/2e/232e528d0e429e37.jpg) Jeden základ, 12 regionálnych trhov. _sharpconsumer.com — výber regiónu_ ### Naše ďalšie projekty ### **Budujeme inovatívne a zmysluplné riešenia.** Pridajte sa k nám. ![](https://pub-8fe949c228e240689a06fd2b221c5a38.r2.dev/originals/05/da/05daf6b866ba6b2f.svg) **250+** — Ukončených projektov **13** — Rokov skúseností **1200+** — Odpracovaných hodín mesačne **13** — Členov tímu [Ozvite sa nám](/kontakt/) --- Source: https://webikon-web.pages.dev/projekty/sharp-consumer-electronics/