Headless Shopware 6 relaunch pre handyersatzteilshop.de

Problém

Tím z handyersatzteilshop.de k nám prišiel s existujúcim Shopware-6 shopom, ktorý síce fungoval, no už nespĺňal ich vlastné nároky na rast, výkon a prezentáciu značky.

V silne konkurenčnom trhu bolo rýchlo jasné, že existujúci shop nedokáže využiť plný potenciál: Frontend pôsobil genericky, používateľské vedenie nebolo optimálne prispôsobené Customer Journey a niektoré procesy boli zbytočne komplexné. Aj pri rýchlosti načítania a technickej stabilite boli veci, ktoré bolo potrebné zlepšiť.

Popri tom tím už intenzívne pracoval na budúcnosti: Spolu s janger.design vznikal niekoľko mesiacov nový, veľmi detailný UI/UX dizajn. Moderný, premyslený a výrazne bližší očakávaniam cieľovej skupiny – zároveň však technicky náročný na realizáciu.

Ďalším dôležitým bodom bol tracking. Merania síce už existovali, no neboli ešte dostatočne do hĺbky, aby sa dalo správanie používateľov, funnel a marketingové aktivity naozaj presne vyhodnocovať a škálovať.

Východisková situácia bola teda jasná: silná značka, ambiciózny dizajn a jasné rastové ciele – ale technické nastavenie, ktoré tomuto ambíciu ešte úplne nezodpovedalo.

Predtým

Riešenie

Po spoločnej analýze aktuálnej situácie, nového dizajnu a cieľov bolo rýchlo zrejmé, že tento projekt potrebuje technické riešenie šité na mieru.

Kvôli komplexnosti a úrovni detailu UI/UX dizajnu od janger.design sme sa vedome rozhodli proti klasickému Shopware Storefront. Namiesto toho sme zvolili headless prístup: Shopware zostáva v prevádzke ako stabilný backend, zatiaľ čo frontend bol kompletne nanovo vyvinutý pomocou Nuxt a Vue.

Tak sme dokázali dizajn implementovať pixel-perfect, výkonne a s istotou do budúcna – vrátane všetkých funkcií, obsahu, animácií a detailov. Zároveň bol veľký dôraz na performance a rýchlosť načítania, technické SEO, čistú štruktúru pre vyhľadávače, bezbariérovosť (Accessibility) aj stabilitu a udržiavateľnosť.

Optimalizovala sa aj technická infraštruktúra: Vylepšený hosting setup s cachingom, rýchlym vyhľadávaním, frontami a dodatočnými bezpečnostnými mechanizmami dnes zabezpečuje spoľahlivú prevádzku – aj pri vysokej záťaži.

V oblasti trackingu sme vytvorili základ: čisto štruktúrovaný Google Tag Manager Data Layer s takmer všetkými relevantnými e-commerce eventmi a dátovými bodmi. Na tomto základe potom anocus.de finálne integroval, otestoval a optimalizoval tracking do Google Analytics a ďalších platforiem – výborná spolupráca všetkých zúčastnených.

Potom

Výsledok

Dnes má handyersatzteilshop.de moderný, výkonný online shop, ktorý nastavuje nové štandardy po technickej aj vizuálnej stránke.

Nový shop presviedča najmä týmto:

• rýchle načítanie
• jasné, intuitívne vedenie používateľa
• moderný, kvalitný dizajn
• čisté technické SEO štruktúry

Už niekoľko týždňov po relaunchi sú podľa Google Search Console viditeľné pozitívne zmeny v organickej viditeľnosti. Navyše boli štruktúrované dáta (schema.org cez JSON-LD) integrované podľa best practice – pevný základ pre lepšie zobrazenie vo výsledkoch vyhľadávania.

Vďaka novému trackingu sú teraz k dispozícii presné dáta, aby sa dali marketingové aktivity cielene vyhodnocovať a ďalej škálovať. Rozhodnutia sa dajú robiť na základe dát – nie len podľa pocitu.

Najdôležitejšie: Vďaka headless prístupu s Nuxt, Vue a Shopware je shop dlhodobo flexibilný. Nové funkcie, úpravy a ďalší vývoj sa dajú realizovať výrazne rýchlejšie a efektívnejšie. Výsledkom je online shop, ktorý sa jasne odlišuje od konkurencie a tímu z handyersatzteilshop.de dáva silný, do budúcna bezpečný základ pre ďalší rast.