Edubook Platform
Van e-learningplatform tot zelfstandig product-ecosysteem.
Mijn rol
Ik verzorgde het volledige UX/UI-design van het Edubook-platform, over twee grootschalige redesigns, en bepaalde de designstrategie en het design system. Vooral bij het tweede redesign leidde ik meerdere multidisciplinaire teambesprekingen. Vooraf verzamelde ik input en data van gebruikers, de uitgeverij en IT als basis voor het nieuwe ontwerp, dat ik op verschillende momenten in het traject toetste. De afstemming tussen design en IT verzorgde ik zelf, voor een soepele overgang van prototype naar live product.
Team & samenwerking
Op basis van mijn input en design system werkte een junior designer het ontwerp voor de auteursomgeving uit. Bij het tweede redesign liet ik, onder mijn leiding, een graphic designer de illustraties voor een aantal interacties vormgeven.
Het platformontwerp deed ik zelf; de auteursomgeving en de illustraties werden onder mijn leiding uitgewerkt.
Context
Het Edubook-platform is Edumundo's kernproduct: de digitale leeromgeving waar studenten e-learnings volgen, opdrachten maken en docenten voortgang bijhouden. Als Lead Digital Designer voerde ik twee grootschalige redesigns uit van dit platform. Van de eerste landingspagina en het studentdashboard tot een volledig design system en de redesign van 15+ interactieve opdrachttypes.
Het platform was organisch gegroeid zonder een consistente designstrategie. Elementen hadden elk hun eigen stijl, kleurgebruik was niet doelgericht en de leesbaarheid schoot tekort. Externe designpartner RedMatters formuleerde het als volgt: "Doordat er zoveel elementen blauw zijn, zie ik hierin het onderscheid niet meer."
De uitdaging was groter dan leesbaarheid alleen. Customer Success Manager Laura verwoordde het scherp: het gaat om studeerbaarheid, hoe gemakkelijk studenten teksten lezen, concepten onthouden, theorie leren en oefeningen maken. Hoe geeft het leermiddel een zo goed mogelijke studeer-ervaring?
Drie fases, één product-ecosysteem
Redesign 2018
De eerste volledige herontwikkeling
Het platform was toe aan een complete overhaul. Via gebruikersonderzoek en directe feedback van klanten en docenten zette ik de eerste systematische redesign op.
Onderzoek & klantfeedback
Gesprekken met klanten en gebruikers legden de belangrijkste knelpunten bloot: navigatie, leesbaarheid van de leerstof en de onduidelijke structuur van het dashboard.
Landingspagina, dashboard & leeromgeving
Op basis van de onderzoeksresultaten ontwierp ik de nieuwe landingspagina, het studentdashboard en de Edubook-leeromgeving van scratch, inclusief een prototype in Adobe XD als bouwbasis voor het development team.
Aansturing junior designer
De auteursomgeving (intern gebruik, voor redacteuren en content-designers) werd door een junior designer opgepakt die ik aanstuurde en begeleidde.
Redesign 2021
Van losse stijlen naar een schaalbaar design system
Het platform was verder gegroeid maar de designschuld ook. Een externe design review met RedMatters en een formele interne designsessie legden de basis voor een diepgaandere aanpak.
Productaudit & gebruikersonderzoek
Ik bracht het platform in kaart op inconsistenties en verzamelde input en data van gebruikers, de uitgeverij en IT. Aanvullend werden eerstejaars studenten van de Haagse Hogeschool geïnterviewd over hun gebruikservaring. De gecombineerde inzichten vormden het fundament van het redesign.
Design system opbouwen
Een volledig design system werd opgebouwd: kleurpalet met platform- en systeemkleuren, typografieschaal (Montserrat voor koppen, Lato voor bodytekst), en een componentbibliotheek voor knoppen, formulieren, kaarten en navigatie. Tekstvelden gingen van 12 naar 8 kolommen voor betere leesbaarheid, gebaseerd op onderzoek naar de F-shape leesgewoonte.
Interaction design, QA & overdracht
Alle 15+ interactieve opdrachttypes werden opnieuw ontworpen: open vragen, drag-and-drop, matching game, quiz, kruiswoordraadsel en meer. Het ontwerp werd component voor component getoetst aan de live implementatie via een gestructureerd feedbackdocument met releaseprioritering. De developer ontving een 60-dagenplan als bouwbasis.
Productwebsites (2026)
Zelfstandige go-to-market los van edumundo.com
Beide productsites staan niet op zichzelf. Ze zijn de eerste tastbare uitkomst van een bredere strategie-herziening waaraan ik momenteel meewerk, en lopen vooruit op het Edumundo Redesign-project. Waar dat redesign het volledige merk opnieuw vormgeeft, fungeren customcurricula.com en edumundo-skills-centre.com als de eerste concrete bouwstenen: een plek waar de nieuwe richting al zichtbaar en bruikbaar wordt.
customcurricula.com (Framer)
Productsite gericht op onderwijsinstellingen: complete digitale leerlijnen met microlearnings, oefeningen, toetsen en dashboards, samengesteld op maat voor de opleiding. Concept bedacht en uitgewerkt in Framer op basis van kaders en prioriteiten vanuit sales.
edumundo-skills-centre.com (Lovable)
Tweetalige (NL/EN) crosssell-site voor kant-en-klare skill-modules: overdraagbare professionele vaardigheden, LMS-ready, gevalideerd. Concept bedacht en uitgewerkt in Lovable. Beide sites maken deel uit van de bredere Edumundo rebrandingstrategie, waarbij productwebsites een eigen plek innemen naast het hoofddomein.
Belangrijke beslissing
De grootste keuze was om niet alleen de leesbaarheid op te lossen, maar studeerbaarheid centraal te stellen: hoe gemakkelijk studenten lezen, onthouden en oefenen. Daarom bouwde ik een schaalbaar design system in plaats van losse schermfixes, en versmalde ik de tekstvelden van 12 naar 8 kolommen op basis van onderzoek naar leesgedrag. Ik koos dus voor een consistente, studeerbare basis in plaats van snelle cosmetische fixes.
Resultaat
Door de jaren heen was ik bij elke grote update betrokken: van onderzoek en validatie tot ontwerp en iteratie.
Bij elke fase doorliep ik dezelfde cyclus: onderzoeken, valideren, creëren en itereren. Zo bleef het werk onderbouwd en bleef het systeem meegroeien.
Een gedeeld kleur-, type- en interactiesysteem dat ik in elke update verder aanscherpte, van platform tot losse productsite.
Een meerjarig SnelStart-traject dat voortbouwde op het vernieuwde platform.
Het design system dat in 2021 ontstond, werkt door in alle latere productontwikkeling van Edumundo. Bij elke grote update was ik betrokken van begin tot eind, telkens via dezelfde lijn van onderzoeken, valideren, creëren en itereren. De productwebsites van 2026 zijn daar de logische volgende stap in: het platform krijgt een eigen, zelfstandige aanwezigheid los van de bedrijfssite. Samen laten de drie fases een traject zien dat zich verbreedt van platform-UX naar productstrategie, met mij als constante factor erin.
Reflectie
Een design system bewijst zich pas als het blijft meegaan. Dat van 2021 draait nog steeds onder vrijwel alles wat Edumundo daarna maakte. Met het Edumundo Redesign dat dit jaar uitrolt wordt het deels herzien, en juist dat hoort erbij: een goed systeem groeit mee in plaats van dat je steeds opnieuw begint.