De e-commerce groeipartner voor ambitieuze merken — vanuit Utrecht.
De e-commerce groeipartner voor ambitieuze merken — vanuit Utrecht.
✦ onderwijs, e-commerce · SURFspot
0 incidenten in 4 jaar en een performance score van 100. Zie hoe SURFspot met een Hyvä-frontend de laadtijd fors verlaagde en de organische zichtbaarheid met ruim 20% zag groeien.
SURFspot is al meer dan 25 jaar dé ICT-webwinkel voor studie, werk en onderzoek in Nederland. Onderdeel van SURF, de coöperatieve vereniging van Nederlandse onderwijs- en onderzoeksinstellingen. Studenten, docenten en medewerkers van universiteiten, hogescholen, mbo-instellingen, umc's en onderzoeksinstellingen vinden er softwarelicenties, online leermiddelen en hardware met onderwijskorting. Met circa 1,3 miljoen studenten in Nederland als potentiële doelgroep is SURFspot een instituut waar vrijwel het hele onderwijsveld op leunt.
Dat brengt een verantwoordelijkheid met zich mee die in e-commerce niet vaak voorkomt: een storing tijdens een drukke inschrijfperiode raakt geen losse webshop, maar een groot deel van het onderwijsland. Beheersbaarheid, veiligheid, voorspelbaarheid en risicomanagement zijn voor SURFspot daarom geen mooie woorden, maar harde randvoorwaarden. Tegelijk wil SURFspot blijven optimaliseren in performance en gebruikerservaring. Samen met Zeo werd de Magento 2-omgeving stap voor stap doorontwikkeld tot een platform dat sinds de Hyvä-implementatie bovenin de score ranges van Google staat.
SURFspot draaide al langere tijd op Magento Open Source met een standaard frontend. De webshop deed wat hij moest doen, maar liep tegen een aantal grenzen aan. De default Magento-theme bracht een zware frontend met zich mee: veel JavaScript, niet-geoptimaliseerde media-assets en een frontendarchitectuur die de site merkbaar vertraagde. Op mobiel én desktop bleven de performancescores hangen tussen 66 en 72.
Daar bovenop kwam een partnership uitdaging. De vorige partij loste bugs op en voerde updates door als een betrouwbare leverancier. Terwijl SURFspot structureel behoefte had dat de development agency structureel mee dacht over beheersbaarheid, continuïteit en lange termijn ontwikkeling.
Voor een organisatie met de zichtbaarheid en kritische rol van SURFspot was dat geen werkbare situatie meer. Wat nodig was: een partner die het platform door en door begrijpt, strak procedureel werkt, proactief meedenkt en betrouwbaar levert, elke maand opnieuw.
''Zeo is een hele prettige ervaring gebleken, vooral het gezamenlijk kunnen opzetten van een stabiele sprint cyclus waarbij we iedere maand zoals gepland implementaties kunnen doen is een heel positief gevolg hiervan."
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.
De impact van Hyvä is op meerdere vlakken meetbaar. Performance, organische zichtbaarheid en de stabiliteit van het platform laten allemaal zien wat een doordachte frontend-keuze in combinatie met strakke development-procedures kan opleveren.
In april 2024 lagen de Lighthouse-scores op de oude Magento-theme tussen 66 en 72 voor performance, 79 tot 96 voor best practices, 92 voor accessibility en 100 voor SEO. Goed op SEO, maar duidelijk geremd door de zware frontend en niet-geoptimaliseerde assets. Na de Hyvä-implementatie passeert de site alle Core Web Vitals met ruime marge.
| Metric | Voor Hyvä | Na Hyvä | Verbetering |
|---|---|---|---|
| Largest Contentful Paint | ~4,5 s | 0,7 s | –55% |
| Time to Interaction | ~1,7 s | ~0,77 s | –56% |
| Interaction Delay | ~150 ms | ~30 ms | –80% |
| Cumulative Layout Shift | 0,04 | 0,01 | –75% |
| Performance Score | 66–72 | 93-100 | +27 punten |
| Product- & contentpagina's TTI | 14–15 s | ~1–1,2 s | >90% |
Op de zwaarste pagina's, de product- en contentpagina's die het grootste deel van het verkeer trekken, is de winst het meest in het oog springend. Waar de oude theme regelmatig 14 tot 15 seconden nodig had voordat een pagina volledig interactief was, is dat nu een fractie van een seconde. De laadsnelheid van de checkout-success-pagina is nagenoeg verdubbeld, waardoor dit voorheen kritieke pijnpunt opgelost is. Deze cijfers komen niet uit een synthetische test, maar uit Piwik PRO Analytics: data van echte gebruikers in echte sessies.
De technische verbeteringen vertalen zich direct in organische groei. In de vergelijking tussen de periode vóór februari 2025 (pre-Hyvä) en de periode erna (post-Hyvä), op basis van Google Search Console-data:
| Metric | Pre-Hyvä | Post-Hyvä | Verandering |
|---|---|---|---|
| Clicks | 202.840 | 238.680 | +17,6% |
| Impressies | 6.915.526 | 8.345.876 | +20,7% |
| Gemiddelde positie | 21,61 | 21,47 | Verbetering |
Plus 35.840 clicks en ruim 1,4 miljoen extra impressies in de periode na de implementatie. Een lichte daling van de gemiddelde CTR (van 2,86% naar 2,82%) is in dit beeld goed verklaarbaar: een sterke groei in impressies brengt automatisch bredere zoekopdrachten en meer long-tailexposure mee, wat het CTR-gemiddelde tijdelijk drukt. De ranking-verbeteringen compounden doorgaans nog enkele maanden door.
Naast de cijfers heeft de Hyvä-omgeving een aantal kwalitatieve voordelen opgeleverd die in de praktijk net zo veel waard zijn. CRO-aanpassingen en A/B-tests zijn aanzienlijk eenvoudiger en sneller door te voeren in de Hyvä-architectuur. De ontwikkelaars werken met meer plezier in een schoner framework, wat de doorlooptijd van wijzigingen verkort. En de combinatie van een lichter platform en strakke procedures betekent dat SURFspot kan blijven optimaliseren zonder dat elke verandering een operationeel risico is.
''Het meest fijne aan Zeo is: je kunt altijd op ze rekenen en ze zijn altijd bereid tot het uiterste te gaan om te zorgen dat iets geregeld dan wel opgelost wordt."
Met een Magento 2-platform dat in vier jaar partnerschap nul incidenten in het primaire proces kent, een Hyvä-frontend die op elke meetlat groen scoort en een ontwikkelritme dat structureel voorspelbaar is, verschuift het zwaartepunt van techniek naar groei. SURFspot heeft de fundamenten op orde om verder te bouwen aan de positie als dé ICT-webwinkel voor onderwijs en onderzoek. Voor Zeo en SURFspot is de lijn helder: met een stabiel fundament en een gedeelde koers bouwen we verder aan de positie als dé ICT-webwinkel voor onderwijs en onderzoek.
SURFspot is sinds 2000 dé ICT-webwinkel voor studenten, docenten en medewerkers van Nederlandse onderwijs- en onderzoeksinstellingen. Via SURFspot krijgen gebruikers van aangesloten instellingen onderwijskorting op softwarelicenties (Microsoft Office, Adobe Creative Cloud, antivirus), online leermiddelen en hardware (Apple, Lenovo, HP, Asus en refurbished alternatieven). Sinds kort is er ook een zakelijke pilot voor het inkopen van hardware voor medewerkers en studenten.
SURFspot is onderdeel van SURF, de coöperatieve vereniging waarin Nederlandse universiteiten, hogescholen, mbo-instellingen, umc's en onderzoeksinstellingen samenwerken aan de beste digitale diensten voor onderwijs en onderzoek. SURFspot is een Twinkle 100-webshop.
Meer informatie: surfspot.nl
Laten we kennismaken! Vertel ons alles over jouw uitdagingen en wij denken – vrijblijvend – met je mee over de eerstvolgende stap naar groei.
Ja, ik wil contactJa, ik wil contact"Vertel me jouw uitdagingen, groeidoelstellingen en 'big ideas' voor de toekomst, dan geef ik je mijn volledige aandacht!"
030 711 5555
