Migrering til Hyvä
Et renere frontendfundament uten å ødelegge checkouten.
Etter å ha kartlagt flaskehalsene og kompleksiteten i frontend foreslo vi å flytte butikkens tema til Hyvä. Resultatet var en renere kodebase, raskere innlasting og betydelig bedre Lighthouse-resultater — særlig på mobil. Vi implementerte også en fallback-strategi for checkout: Mesteparten av nettstedet kjørte på Hyvä, mens checkouten ble holdt utenfor temaet ved hjelp av fallback-modulen. Dermed beholdt vi kompatibiliteten med eksisterende betalings- og fraktmoduler.
Optimering av UX og hastighet
Færre sideoppdateringer, lettere sider og en raskere mobilopplevelse.
Med Hyvä på plass optimaliserte vi gjengivelsen av sidene, implementerte innlasting ved behov og konverterte bildene til WebP. De tilpassede produktsidene ble redesignet med færre sideoppdateringer og dynamiske forhåndsvisninger av valgene. Navigasjon og filtre ble bygget om slik at siden ikke måtte lastes inn på nytt i sin helhet, og Alpine.js ga interaktivitet uten tunge JavaScript-biblioteker.
Forbedringer av konfigurerbare produkter
Komplekse produktvalg ble enklere å utforske.
Produktene hadde ofte fem til åtte valgmuligheter — farge, overflate, lengde, tilbehør og andre tilpasninger. Vi bygget en visuell produktkonfigurator med direkte forhåndsvisning og løpende prisjustering, slik at brukerne kunne endre konfigurasjonen uten å hoppe mellom flere produktsider.
Engrospriser og B2B-logikk
Både privatkunder og grossistkunder fikk tydeligere prisflyt.
Vi innførte innloggingsbasert tilgang til grossistpriser og gjorde det mulig å veksle mellom visning for privat- og bedriftskunder. Handlekurven og checkouten viste priser med eller uten moms avhengig av kundetype, slik at både B2C- og B2B-kunder enkelt kunne forstå sluttprisen.
Administrasjonsverktøy og støttefunksjoner
Støtteverktøy knyttet nettbutikken tettere til den daglige driften.
Vi la til et tilpasset ordrepanel der medarbeiderne raskt kunne se ordrestatus, betalingsmetode og fraktmarkeringer. En modul for lagrede handlekurver gjorde det mulig for selgere å opprette og dele forhåndskonfigurerte tilbud med kundene. Vi innførte også en tilbakemeldingsmodul på produktsidene som sendte innspill direkte til Zendesk og hjalp kunden med å prioritere videre forbedringer.