Van trage *WordPress*-website naar schaalbaar *Webflow*-platform
Immerse Education biedt academische zomerscholen op locaties als Oxford, Cambridge, Sydney en Singapore. Het platform was uitgegroeid tot duizenden pagina's op een WordPress-installatie vol plugins, waardoor publiceren traag ging en beheer technische kennis vroeg. Wij migreerden alles naar Webflow, met een CMS waarin programma's, locaties en subjects onderling zijn verbonden en een designsysteem van componenten en variabelen. Het marketingteam bouwt en publiceert nu zelf, met behoud van de opgebouwde SEO-waarde.
Immerse Education biedt academische zomerscholen en online programma's aan studenten van 13 tot 18 jaar, verspreid over locaties als Oxford, Cambridge, Sydney en Singapore. De website was in de loop der jaren uitgegroeid tot een omvangrijk platform met honderden programma's, resources en locatiepagina's. De onderliggende WordPress-infrastructuur, opgebouwd uit een pagebuilder en een groeiende stapel plugins, kon die groei niet meer bijhouden: publiceren duurde tientallen minuten en content beheren vereiste technische kennis.
Wij migreerden het volledige platform naar Webflow. Dat betekende niet alleen een technische verhuizing, maar ook het opzetten van een schaalbare CMS-structuur, het herbouwen van de UX-architectuur op basis van GA4-data, het migreren van duizenden pagina's en collecties, en het borgen van SEO-continuïteit via 301-redirects en gestructureerde metadata. De samenwerking met SEO-partner Searchable zorgde voor een gecontroleerde lancering waarbij alle benchmark-URL's direct correct resolveerden.
Waar de klant tegenaan liep.
Een platform dat leunde op plugins
De WordPress-site draaide op Elementor, ACF, Custom Post Types en een lange reeks aanvullende plugins. Elke plugin bracht eigen scripts, updates en afhankelijkheden mee, en samen maakten ze de site traag en kwetsbaar: één update kon elders iets breken. Publiceren duurde tientallen minuten en voor vrijwel elke content-update was een ontwikkelaar nodig. Voor een organisatie die groeit op content en campagnes is dat een rem op alles wat marketing wil doen.
Content met duizenden onderlinge verbanden
De content was verspreid over honderden dynamische velden: duizenden resource-artikelen in tientallen categorieën, programma's gekoppeld aan locaties, subjects en pathways, testimonials, competities en studiegidsen. Alles moest mee, zonder verlies van structuur, interne links of SEO-waarde. Juist die verbanden bepalen of een student het juiste programma vindt.
Eén designsysteem voor honderden pagina's
Met zoveel paginatypes is consistentie geen luxe. Immerse wilde een design dat op elke pagina hetzelfde aanvoelt en dat het team zelf kan uitbreiden zonder dat de vormgeving verwatert. Dat vraagt om een systeem van componenten en variabelen in plaats van losse pagina's.
SEO-waarde behouden tijdens een complexe migratie
De site had een stevige organische positie opgebouwd, met tienduizenden clicks op de belangrijkste pagina's. Bij een migratie van deze omvang is verkeersverlies het grootste risico: URL-structuren, metadata, interne links en redirects moesten allemaal kloppen vóór de DNS-omzetting. De limieten van Webflow op collecties en CMS-items vroegen bovendien om architectuurkeuzes die vooraf goed doordacht moesten zijn.
Wat we hebben gedaan.
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.
Our WordPress site had got to the point where we couldn't change much without a developer. DeDigitaal restructured the whole thing for Webflow, split the content into collections that cross reference each other so our programmes, subjects, locations and articles link up properly, and imported everything across from the old site. The pages are built from components the marketing team can actually use. He worked directly with our SEO agency on the technical side of the migration and handed the site over with proper training.
.avif)
Adam Lynch
Marketing & Revenue Operations Director
Wat het oplevert in de praktijk
Programma's filteren op subject, locatie en leeftijd
Bezoekers kunnen het volledige programma-aanbod doorzoeken via filters op subject, locatie, leeftijdsgroep en datum. Alle programma's zijn vanuit één CMS-collectie gekoppeld aan locaties, pathways en prijsinformatie in meerdere valuta. Omdat de filters rechtstreeks op de CMS-data draaien, staat een nieuw programma direct in de juiste selectie.
Resources doorzoeken in één overzicht
Duizenden resource-artikelen verspreid over tientallen categorieën zijn samengevoegd tot één doorzoekbare lijst. Het redactieteam voegt nieuwe artikelen toe via de CMS-editor, zonder dat een ontwikkelaar nodig is. Voor bezoekers voelt het als één bibliotheek, voor het team blijft het beheer overzichtelijk.
Nieuwe pagina's bouwen met drag-and-drop
Marketeers stellen zelf nieuwe pagina's samen uit kant-en-klare componenten. Via slots en properties passen zij tekst, beeld en varianten aan, zonder de vormgeving te kunnen breken. Een nieuwe campagnepagina staat daardoor live zonder ontwikkelaar, in dezelfde stijl als de rest van de site.
Beelden uit het project.
.avif)
.avif)
Publiceren duurt nu seconden
Waar het team eerder tientallen minuten kwijt was aan een publicatie en vrijwel altijd een ontwikkelaar nodig had, beheert het marketingteam de site nu zelfstandig via de Webflow-editor. Campagnes en nieuwe programma's staan daardoor live op het moment dat marketing dat wil.
SEO-waarde intact na de livegang
Alle benchmark-URL's resolveerden direct correct na de DNS-omzetting. De opgebouwde organische positie bleef daarmee intact. Searchable meet het herstel op meerdere momenten af tegen de eerdere benchmark.
Eén keer invoeren, overal bijgewerkt
Programma's, locaties, subjects en pathways zijn onderling verbonden. Een wijziging in één item werkt door op elke pagina waar dat item voorkomt, en filtering op subject, leeftijd, locatie en datum draait direct op de CMS-data. Het team breidt het aanbod uit zonder dat de structuur meegroeit in complexiteit.
Technische prestaties verbeterden meetbaar
PageSpeed-medianen stegen aanzienlijk, de CLS daalde naar nul. Externe scripts worden uitgesteld tot de eerste interactie, zodat de laadervaring voor bezoekers verbetert zonder dat integraties verloren gaan.
Het platform is klaar voor de volgende fase
De modulaire opzet biedt een fundament voor toekomstige uitbreidingen zoals een member portal, een applicatieportaal en verdere e-commerceflows, zonder dat daarvoor opnieuw een volledige herbouw nodig is.
