Headless Shopware 6 atnaujinimas handyersatzteilshop.de

Problema

handyersatzteilshop.de komanda atėjo pas mus su esamu Shopware-6 e. parduotuvės sprendimu, kuris buvo funkcionalus, tačiau nebeatitiko jų lūkesčių dėl augimo, našumo ir prekės ženklo įvaizdžio.

Labai konkurencingoje rinkoje greitai paaiškėjo, kad esama parduotuvė dar neišnaudoja viso potencialo: frontend’as atrodė generiškai, naudotojo vedimas nebuvo optimaliai suderintas su Customer Journey, o kai kurie procesai atrodė be reikalo sudėtingi. Taip pat buvo ką pagerinti krovimo greičio ir techninio stabilumo srityse.

Tuo pačiu komanda jau intensyviai dirbo ties ateitimi: kartu su janger.design per kelis mėnesius buvo sukurtas naujas, labai detalus UI/UX dizainas. Modernus, aiškiai apgalvotas ir gerokai arčiau tikslinės auditorijos lūkesčių – tačiau techniškai reiklus įgyvendinti.

Dar vienas svarbus punktas buvo trackingas. Nors matavimai jau buvo, jie dar nebuvo pakankamai gilūs, kad būtų galima tikrai tiksliai analizuoti ir skaidyti naudotojų elgseną, funnel’į ir marketingo veiksmus.

Taigi situacija buvo aiški: stiprus prekės ženklas, ambicingas dizainas ir aiškūs augimo tikslai – bet techninis setup’as dar ne iki galo atitiko šiuos ambicijų standartus.

Prieš

Sprendimas

Po bendros esamos situacijos, naujo dizaino ir tikslų analizės greitai tapo aišku, kad šiam projektui reikia individualiai pritaikyto techninio sprendimo.

Dėl janger.design UI/UX dizaino sudėtingumo ir detalumo sąmoningai nusprendėme nesirinkti klasikinės Shopware Storefront. Vietoje to pasirinkome Headless požiūrį: Shopware lieka kaip stabilus backend’as, o frontend’as buvo visiškai naujai sukurtas su Nuxt ir Vue.

Taip galėjome dizainą įgyvendinti pixel-perfect, našiai ir ateičiai paruoštai – įskaitant visas funkcijas, turinį, animacijas ir smulkias detales. Kartu daug dėmesio skyrėme performance’ui ir krovimo laikams, techniniam SEO, švariai struktūrai paieškos sistemoms, prieinamumui (Accessibility) bei stabilumui ir palaikomumui.

Taip pat buvo optimizuota techninė infrastruktūra: patobulintas hosting’o setup’as su caching’u, greita paieška, eilėmis (queues) ir papildomais saugumo mechanizmais šiandien užtikrina patikimą veikimą – net ir esant didelei apkrovai.

Tracking’o srityje sukūrėme tvirtą pagrindą: švariai sustruktūruotą Google Tag Manager Data Layer su beveik visais aktualiais e-commerce įvykiais ir duomenų taškais. Remiantis tuo, anocus.de galėjo galutinai integruoti tracking’ą į Google Analytics ir kitas platformas, viską ištestuoti ir optimizuoti – stipri visų įsitraukusių pusių sinergija.

Po

Rezultatas

Šiandien handyersatzteilshop.de turi modernią, našią e. parduotuvę, kuri nustato naujus standartus tiek techniniu, tiek vizualiniu požiūriu.

Nauja parduotuvė išsiskiria:

• greitais krovimo laikais
• aiškiu, intuityviu naudotojo vedimu
• moderniu, aukštos kokybės dizainu
• tvarkingomis techninio SEO struktūromis

Jau po kelių savaičių po relaunch’o, pagal Google Search Console matyti teigiami organinio matomumo pokyčiai. Papildomai pagal Best Practice buvo integruoti struktūruoti duomenys (schema.org per JSON-LD) – tvirtas pagrindas geresniam atvaizdavimui paieškos rezultatuose.

Dėl naujo tracking’o dabar prieinami tikslūs duomenys, leidžiantys kryptingai vertinti marketingo veiksmus ir toliau juos skaidyti bei mastelinti. Sprendimus galima priimti remiantis duomenimis – nebe iš nuojautos.

Ypač svarbu: dėl Headless požiūrio su Nuxt, Vue ir Shopware parduotuvė ilgalaikėje perspektyvoje išlieka lanksti. Naujas funkcijas, pakeitimus ir tolesnę plėtrą galima įgyvendinti gerokai greičiau ir efektyviau. Rezultatas – e. parduotuvė, kuri aiškiai išsiskiria iš konkurentų ir suteikia handyersatzteilshop.de komandai stiprų, ateičiai atsparų pagrindą tolimesniam augimui.