03 · Platform Design · Design System

Edubook Platform

Van e-learningplatform tot zelfstandig product-ecosysteem.

Rol
Lead Digital Designer
Jaar
2018–2025
Opdrachtgever
Edumundo (intern)
Tools
Adobe XD · Framer · Lovable
Intro

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.

Studenten werken samen aan een tablet en laptop03

Context

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?

Afbeelding toevoegen
Afbeelding toevoegen
Aanpak

Drie fases, één product-ecosysteem

Fase 01

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.

01

Onderzoek & klantfeedback

Gesprekken met klanten en gebruikers legden de belangrijkste knelpunten bloot: navigatie, leesbaarheid van de leerstof en de onduidelijke structuur van het dashboard.

02

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.

03

Aansturing junior designer

De auteursomgeving (intern gebruik, voor redacteuren en content-designers) werd door een junior designer opgepakt die ik aanstuurde en begeleidde.

Fase 02

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.

01

Productaudit & gebruikersonderzoek

Samen met externe designpartner RedMatters werd het platform doorgelicht op inconsistenties. Aanvullend werden eerstejaars studenten van de Haagse Hogeschool geïnterviewd over hun gebruikservaring. De gecombineerde inzichten vormden het fundament van het redesign.

02

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.

03

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.

Fase 03

Productwebsites (2026)

Zelfstandige go-to-market los van edumundo.com

In 2026 werd besloten twee losstaande productwebsites te lanceren om meer commerciële slagkracht te creëren zonder afhankelijk te zijn van de starre edumundo.com-website. Vanuit salesvereisten en productstrategie bedacht en uitgewerkt als zelfstandige platforms gericht op upselling en crossselling.

01

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.

02

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.

Resultaat

2 redesigns + 2 productwebsites

Van platformredesign tot zelfstandige go-to-market, uitgeleverd over 8 jaar

15+ opdrachttypes

Volledig herontworpen met consistent kleur- en interactiesysteem

€83.000

SnelStart-traject begeleid dat voortbouwde op het vernieuwde platform

Het design system dat in 2021 werd opgebouwd werkt door in alle latere productontwikkeling van Edumundo. De productwebsites van 2026 zijn de logische volgende stap: het platform krijgt een zelfstandige commerciële aanwezigheid, los van de starre bedrijfssite. Samen vormen de drie fases een traject van platform-UX naar productstrategie.

← Terug naar alle casesBinnenkort meer cases