CASE
BUILDER
interne cases

Studio

Immerse Education

Wijzigingen slaan vanzelf op

Klantkleuren

Niet verplicht. Lege kleuren slaan we over. Ingevulde waarden gaan naar Webflow als kleur tot kleur-4.

Verhaal

Schrijf of stuur een zin terug. De preview rechts volgt mee.

61 / 90

Editor laden…
Editor laden…
Editor laden…
Editor laden…

517 / 480

Cijfers

Alleen uit de intake. Leeg laten als er geen echt cijfer is.

Highlights

Drie features. Beelden voeg je later zelf in Webflow toe.

Highlight 1

Highlight 2

Highlight 3

SEO

50 / 60

140 / 155

Case

Van trage *WordPress* site naar schaalbaar *Webflow* platform

Een zwaar WordPress-platform vol plugins vervangen door een snel, schaalbaar Webflow-platform dat het marketingteam zelf beheert, met behoud van SEO-waarde.

Klant:
Immerse Education
Doorlooptijd:
6 maanden
Jaar:
2026
  • Duizenden

    CMS-items gemigreerd

  • Ruim honderd

    programma's met onderlinge relaties

  • Tientallen

    gekoppelde CMS-collecties

In het kort

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.

Uitdaging

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 onnodig traag en kwetsbaar: één update kon elders iets breken. Publiceren duurde uren 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.

Aanpak

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.

Highlights

  • 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.

Resultaat

Publiceren duurt nu seconden

Waar het team eerder uren 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.

In de case

  • Screenshot 1
  • Screenshot 2
  • Screenshot 3
  • Screenshot 4
  • Screenshot 5
  • Screenshot 6
  • Screenshot 7