Pixel-perfect vanuit Figma, gebouwd als systeem

De Figma-designs voor Home, Programmes, Locations, Subjects en Pathways vormden het visuele fundament. Wij implementeerden deze pagina's volledig responsief en CMS-geïntegreerd in Webflow. Wij bouwden met componenten, properties en variabelen, zodat kleuren, typografie en spacing op één plek worden beheerd. Een aanpassing in het systeem werkt direct door op alle pagina's, wat het design consistent houdt terwijl de site groeit.

References en relaties als ruggengraat

Wij zetten collecties op voor programma's, locaties, subjects, pathways, resources, testimonials en academische competities, en verbonden die onderling met references. Een programma weet bij welke locatie, welk subject en welke pathway het hoort, en haalt zijn prijs uit een aparte pricingcollectie in meerdere valuta. Informatie wordt daardoor één keer ingevoerd en verschijnt automatisch overal waar die nodig is, van overzichten en filters tot programmapagina's. De limiet van Webflow op het aantal collecties vroeg om bewuste keuzes: subcategorieën gingen uit de URL-structuur en resource-artikelen werden via Finsweet samengevoegd tot één doorzoekbare lijst.

Content migreren met CSV-imports

De content ging grotendeels via CSV-imports over naar de nieuwe CMS-structuur, aangevuld met handmatig werk waar dat nodig was. Dat deden wij in nauwe samenwerking met de WordPress-developer van Immerse en het team van de klant, zodat kennis van de oude structuur direct beschikbaar was. Parallel stelden wij ruim duizend 301-redirects op, zonder chains, en werkten wij de metadata van honderden pagina's bij voor vindbaarheid in zoekmachines en large language models. Searchable leverde de keyword mapping, een herziene sitearchitectuur en een migratiegids die als checklist diende tot aan de livegang.

Integraties en prestaties op orde

HubSpot-formulieren, Google Tag Manager en Analytics werden aangesloten. GTM en HubSpot werden uitgesteld tot de eerste gebruikersinteractie om de laadtijd te verbeteren. Typekit werd vervangen door CSS met preloads, afbeeldingen geoptimaliseerd naar WebP met lazy loading, en JavaScript werd per pagina geladen in plaats van als één bundle. De PageSpeed-medianen stegen daardoor aanzienlijk en de CLS daalde naar nul op alle gemeten pagina's.

Project aanvullen