Headless Shopware 6 relaunch za handyersatzteilshop.de
Za handyersatzteilshop.de realizirali smo zahtjevan UI/UX dizajn piksel-precizno ā sa Shopware 6 kao backendom i novim Nuxt/Vue frontendom, optimiziranim za performanse, SEO i tracking.

Klijent
Franke Mobilfunk GmbH & Co. KG
Web stranica
https://handyersatzteilshop.deOpseg
RazvojHeadless / frontendOptimizacija performansiTehniÄki SEOTrackingInfrastruktura / hostingPristupaÄnost
Problem
Tim s handyersatzteilshop.de doÅ”ao nam je s postojeÄim Shopware-6 shopom koji je bio funkcionalan, ali viÅ”e nije odgovarao njihovim oÄekivanjima u pogledu rasta, performansi i prezentacije brenda.
U izrazito konkurentnom tržiÅ”tu brzo je postalo jasno da postojeÄi shop joÅ” ne koristi puni potencijal: frontend je djelovao generiÄki, korisniÄko voÄenje nije bilo optimalno usklaÄeno s customer journeyjem, a neki su se procesi Äinili nepotrebno kompleksnima. I u brzini uÄitavanja te tehniÄkoj stabilnosti postojale su stavke koje je trebalo poboljÅ”ati.
Paralelno je tim veÄ intenzivno radio na buduÄnosti: zajedno s janger.design tijekom nekoliko mjeseci nastao je novi, vrlo detaljan UI/UX dizajn. Moderan, jasno promiÅ”ljen i znatno bliži oÄekivanjima ciljne skupine ā ali istovremeno tehniÄki zahtjevan za implementaciju.
JoÅ” jedna važna toÄka bio je tracking. Iako su veÄ postojala mjerenja, ona joÅ” nisu bila dovoljno dubinska da bi se ponaÅ”anje korisnika, funnel i marketinÅ”ke aktivnosti mogli stvarno precizno analizirati i skalirati.
Polazna situacija bila je jasna: snažan brend, ambiciozan dizajn i jasni ciljevi rasta ā ali tehniÄki setup koji tom standardu joÅ” nije u potpunosti odgovarao.
Prije








RjeŔenje
Nakon zajedniÄke analize postojeÄe situacije, novog dizajna i ciljeva brzo je postalo jasno da ovom projektu treba tehniÄko rjeÅ”enje po mjeri.
Zbog kompleksnosti i razine detalja UI/UX dizajna od janger.design svjesno smo se odluÄili protiv klasiÄne Shopware Storefront. Umjesto toga, odabrali smo headless pristup: Shopware ostaje u upotrebi kao stabilan backend, dok je frontend u potpunosti izgraÄen iznova s Nuxt i Vue.
Tako smo dizajn mogli implementirati pixel-perfect, performantno i dugoroÄno održivo ā ukljuÄujuÄi sve znaÄajke, sadržaje, animacije i fine detalje. Istovremeno je snažan fokus bio na performansama i brzinama uÄitavanja, tehniÄkom SEO-u, Äistoj strukturi za tražilice, pristupaÄnosti (Accessibility) te stabilnosti i jednostavnom održavanju.
Optimizirana je i tehniÄka infrastruktura: poboljÅ”ani hosting setup s cachingom, brzom pretragom, redovima Äekanja i dodatnim sigurnosnim mehanizmima danas osigurava pouzdan rad ā Äak i pod velikim optereÄenjem.
U podruÄju trackinga postavili smo temelje: Äisto strukturiran Google Tag Manager Data Layer s gotovo svim relevantnim e-commerce eventima i podatkovnim toÄkama. Na toj je osnovi anocus.de finalno integrirao tracking u Google Analytics i druge platforme, testirao i optimizirao ā sjajna suradnja svih ukljuÄenih.
Poslije








Rezultat
Danas handyersatzteilshop.de ima moderan, moÄan online shop koji postavlja nove standarde i tehniÄki i vizualno.
Novi shop se istiÄe kroz:
- brzo uÄitavanje
- jasno i intuitivno korisniÄko voÄenje
- moderan, premium dizajn
- Äiste tehniÄke SEO strukture
VeÄ nekoliko tjedana nakon relansiranja, prema Google Search Consoleu, vidljiv je pozitivan pomak u organskoj vidljivosti. Dodatno su strukturirani podaci (schema.org via JSON-LD) integrirani prema best practiceu ā solidna osnova za bolji prikaz u rezultatima pretraživanja.
ZahvaljujuÄi novom trackingu sada su dostupni precizni podaci za ciljanu evaluaciju marketinÅ”kih aktivnosti i njihovo daljnje skaliranje. Odluke se mogu donositi na temelju podataka ā viÅ”e ne āiz osjeÄajaā.
Posebno važno: zahvaljujuÄi headless pristupu s Nuxt, Vue i Shopware shop je dugoroÄno fleksibilan. Nove znaÄajke, prilagodbe i daljnji razvoj mogu se implementirati znatno brže i uÄinkovitije. Rezultat je online shop koji se jasno izdvaja od konkurencije i timu handyersatzteilshop.de pruža snažnu, dugoroÄno sigurnu osnovu za daljnji rast.
ŽeliŔ i ti ostvariti svoje ciljeve?
Onda dogovori prvi termin s nama kako bismo zajedno otkrili možemo li ti pomoÄi s tvojim projektom!