Migrering till Hyvä
En renare frontendgrund utan att störa checkouten.
Efter att ha analyserat prestandaflaskhalsarna och komplexiteten i frontend föreslog vi att butikens tema skulle migreras till Hyvä. Resultatet blev en renare kodbas, kortare laddningstider och betydligt bättre Lighthouse-resultat — särskilt på mobilen. Vi införde även en fallback-strategi för checkouten: större delen av webbplatsen kördes med Hyvä, medan checkouten hölls utanför temats omfattning med hjälp av fallback-modulen. På så sätt behöll vi kompatibiliteten med befintliga betalnings- och fraktmoduler.
Optimering av UX och hastighet
Färre omladdningar, lättare sidor och en snabbare mobilupplevelse.
När Hyvä var på plats optimerade vi sidrenderingen, införde lazy loading och konverterade bilderna till WebP. De anpassade produktsidorna designades om för att kräva färre omladdningar och visa dynamiska förhandsvisningar av valen. Navigering och filter byggdes om så att hela sidan inte behövde laddas om, med Alpine.js för interaktivitet utan tunga JavaScript-bibliotek.
Förbättringar för konfigurerbara produkter
Komplexa produktalternativ blev enklare att utforska.
Produkterna hade ofta fem till åtta val — färg, ytbehandling, längd, tillbehör och andra anpassningar. Vi byggde en visuell produktkonfigurator med direkta förhandsvisningar och löpande prisjusteringar, så att användarna kunde ändra konfigurationen utan att hoppa mellan flera produktsidor.
Grossistpriser och B2B-logik
Både privat- och grossistkunder fick tydligare prisflöden.
Vi införde inloggningsstyrd åtkomst till olika nivåer av grossistpriser och gjorde det möjligt att växla mellan vyer för privat- och grossistkunder. Varukorgen och checkouten visade priser inklusive eller exklusive moms beroende på kundtyp, så att både B2C- och B2B-kunder tydligt kunde se slutpriset.
Administrationsverktyg och supportfunktioner
Supportverktygen knöt samman webbutiken med den dagliga driften.
Vi lade till en anpassad orderöversikt där personalen snabbt kunde följa orderstatus, betalningsmetod och fraktmarkeringar. En modul för sparade varukorgar gjorde det möjligt för säljarna att skapa och dela förkonfigurerade offerter med kunder. Vi införde också en feedbackmodul på produktsidorna som skickade synpunkter direkt till Zendesk och hjälpte kunden att prioritera framtida förbättringar.