SURFspot met Hÿva: nul incidenten in 4 jaar en een piekscore van 100

Zeo nam het beheer en de doorontwikkeling van het Magento 2-platform over en zette een structureel ritme neer met maandelijkse sprints, een vaste releasedatum en releases zonder downtime. Dit proces was nieuw en zeer welkom voor SURFspot. En kwaliteit is key: alles wat naar productie gaat, wordt eerst voor 100% getest door ons interne QA-team voordat SURFspot het in acceptatie krijgt.

Veiligheid en beheersbaarheid zijn ingebed in de werkwijze. Zeo is ISO 27001-gecertificeerd, securitypatches worden binnen 48 uur na release doorgevoerd en automated testing draait dagelijks op de kritieke processen. Bugs worden via tooling direct gesignaleerd, het Magento-team grijpt vaak al in voordat de gebruiker er last van heeft. De wekelijkse progress call en maandelijkse evaluatie zijn niet alleen voortgangsoverleg, Zeo agendeert daarin proactief wat eraan komt, welke keuzes dat vraagt en waar risico's zitten voordat ze een probleem worden.

Met dat fundament op orde verschoof de aandacht naar performance en gebruikerservaring. Uit de doorlopende evaluaties werd duidelijk dat Magento-theme de bottleneck bleek te zijn. Zeo adviseerde Hyvä als logische volgende stap, onderbouwd vanuit de bottlenecks die in de samenwerking zichtbaar waren geworden: een lichtgewicht frontend-framework dat de zware JavaScript-stack van Luma vervangt door een veel slankere architectuur op basis van Tailwind en Alpine.js. Geen RequireJS, geen Knockout.js, geen gebundelde UI-componenten die het laden afremmen. Voor SURFspot betekende dat een directe winst op laadtijd, interactiviteit en stabiliteit, zonder concessies te doen aan de bestaande Magento 2-stack waarin de B2B-logica en complexe backend-processen al jaren betrouwbaar draaien.

Bij de migratie was de uitdaging om zo dicht mogelijk bij de Hyvä-standaard te blijven, terwijl de wensen van de stakeholders maximaal werden meegenomen. Het checkout-proces bleef ongewijzigd om vertrouwde gebruikersflows niet te verstoren en uitval te voorkomen. De bestaande sitestructuur werd grotendeels behouden; alleen waar het echt waarde toevoegde, werd bijgestuurd. Amasty Xsearch is geïmplementeerd voor een betere zoekervaring en kleine UX-verfijningen, zoals het gedrag van de zoekknop, zijn meegenomen tijdens de overgang.

Parallel aan de framework-wissel bracht Zeo CRO-knelpunten in kaart die in de data zichtbaar waren: van de checkout tot productpagina's. Samen met SURFspot werden prioriteiten bepaald en doorgevoerd die direct bijdragen aan een soepelere user journey: een verbeterde breadcrumb-structuur in de checkout, duidelijkere labels op betaalmethodes, een opnieuw opgebouwde productbeschrijvingsindeling met bullet points voor de key features, en swatches in plaats van dropdowns voor productattributen, voor sneller en visueler kiezen.

Een belangrijke technische optimalisatie zit onder de motorkap: alle afbeeldingen worden via een WebP-conversiemodule in modern, Google-vriendelijk formaat geleverd, en zijn opnieuw geschaald, gecomprimeerd en hergebruikt door de templates heen. Het paginaegewicht daalde fors, en daarmee de laadtijd op zowel mobiel als desktop.