Headless Shopware 6 relaunch handyersatzteilshop.de jaoks

Probleem

handyersatzteilshop.de tiim tuli meie juurde olemasoleva Shopware-6-poega, mis oli küll funktsionaalne, kuid ei vastanud enam nende enda ootustele kasvu, jõudluse ja brändi kuvandi osas.

Väga tiheda konkurentsiga turul sai kiiresti selgeks, et olemasolev pood ei suutnud veel kogu potentsiaali ära kasutada: frontend mõjus liiga üldine, kasutajateekond polnud optimaalselt Customer Journey’ga kooskõlas ning mitmed protsessid tundusid asjatult keerukad. Ka laadimiskiiruse ja tehnilise stabiilsuse osas oli kohti, mida tuli parandada.

Paralleelselt oli tiim juba intensiivselt tuleviku nimel töötanud: koos janger.design-iga valmis mitme kuu jooksul uus, väga detailne UI/UX-disain. Moodne, selgelt läbimõeldud ja sihtrühma ootustele oluliselt lähemal – samas tehniliselt keerukas teostada.

Veel üks oluline teema oli tracking. Kuigi mõõtmised olid juba olemas, ei olnud need piisavalt sügavad, et kasutajakäitumist, funnel’it ja turundustegevusi päriselt täpselt analüüsida ning skaleerida.

Lähteolukord oli seega selge: tugev bränd, ambitsioonikas disain ja selged kasvueesmärgid – kuid tehniline seadistus ei vastanud sellele tasemele veel täielikult.

Enne

Lahendus

Pärast ühist analüüsi olemasoleva olukorra, uue disaini ja eesmärkide osas sai kiiresti selgeks, et see projekt vajab rätsepatööna loodud tehnilist lahendust.

janger.design-i UI/UX-disaini keerukuse ja detailsuse tõttu otsustasime teadlikult klassikalise Shopware Storefront’i kasuks mitte minna. Selle asemel panime rõhu headless-lähenemisele: Shopware jääb stabiilse backend’ina kasutusse, samal ajal kui frontend arendati täielikult uuesti Nuxt ja Vue abil.

Nii saime disaini ellu viia pikslitäpselt, performant­selt ja tulevikukindlalt – koos kõigi funktsioonide, sisu, animatsioonide ja peensusteni. Samal ajal oli tugev fookus performance’il ja laadimisaegadel, tehnilisel SEO-l, otsingumootorite jaoks puhtal struktuuril, ligipääsetavusel (Accessibility) ning stabiilsusel ja hooldatavusel.

Optimeerisime ka tehnilist infrastruktuuri: parendatud hosting’u seadistus koos caching’u, kiire otsingu, järjekordade ja täiendavate turvamehhanismidega tagab täna töökindla toimimise – ka suure koormuse korral.

Tracking’u osas lõime tugeva vundamendi: puhtalt struktureeritud Google Tag Manageri Data Layeri koos peaaegu kõigi oluliste e-commerce sündmuste ja andmepunktidega. Selle baasil sai anocus.de seejärel tracking’u Google Analyticsisse ja teistesse platvormidesse lõplikult integreerida, testida ja optimeerida – kõigi osapoolte väga hea koostöö.

Pärast

Tulemus

Täna on handyersatzteilshop.de-l modernne ja võimas e-pood, mis seab nii tehniliselt kui visuaalselt uued standardid.

Uus pood paistab silma:

• kiirete laadimisaegadega
• selge, intuitiivse kasutajajuhtimisega
• modernse, kvaliteetse disainiga
• puhaste tehniliste SEO-struktuuridega

Juba mõned nädalad pärast relaunch’i on Google Search Console’i järgi näha positiivseid arenguid orgaanilises nähtavuses. Lisaks integreeriti struktureeritud andmed (schema.org via JSON-LD) best practice’i järgi – tugev alus paremaks kuvamiseks otsingutulemustes.

Tänu uuele tracking’ule on nüüd olemas täpsed andmed, et turundustegevusi sihipäraselt hinnata ja edasi skaleerida. Otsuseid saab teha andmepõhiselt – mitte kõhutunde järgi.

Eriti oluline: tänu headless-lähenemisele Nuxt, Vue ja Shopware’iga on pood pikaajaliselt paindlik. Uusi funktsioone, kohandusi ja arendusi saab ellu viia märksa kiiremini ja efektiivsemalt. Tulemuseks on e-pood, mis eristub selgelt konkurentidest ning annab handyersatzteilshop.de tiimile tugeva, tulevikukindla baasi edasiseks kasvuks.