Ontdeklab

Van Concept naar Digitale School: Platform Design, Development én Videoproductie

 

UX/UI  |  Development  |  Video edditing

De UX uitdaging

Ontwerpen voor een Kind in een Kwetsbare Situatie

De primaire gebruiker van het Ontdeklab-platform is een kind van 8 tot 12 jaar dat thuis zit — niet op zijn gemak, mogelijk gefrustreerd of angstig — dat dagelijks moet inloggen en werken. Dat stelt zware eisen aan de interface. Elk onderdeel van het platform moet raak zijn bij de eerste blik: duidelijk, vriendelijk en zonder enige drempel.

Tegelijkertijd moest het platform inhoudelijk serieus genoeg zijn voor onderwijsprofessionals en de acht betrokken samenwerkingsverbanden. De Digitale Leerkracht — de docent die via videoverbinding de klas begeleidt — moest in het platform een volwaardige, professionele werkomgeving vinden. En ouders die meekijken moesten vertrouwen voelen.

Drie gebruikersrollen, drie totaal verschillende informatiebehoeften, één platform. De architectuur moest al die lagen naadloos combineren zonder dat het voor iemand aanvoelt als een compromis.

De UX/UI Visie

Het programma's overzicht als kern

De centrale interface van het leerplatform is het PROGRAMMA'S-overzicht: de plek waar het kind elke dag start. Hier vinden leerlingen een overzicht van alle beschikbare educatieve tools — geïntegreerde omgevingen als Gynzy, Kahoot!, NOS Nieuws, Google Docs en Google Presentaties, maar ook Squla voor adaptieve oefeningen. Het ontwerp van dit scherm was kritisch: het moest een kind in één oogopslag laten zien wat er te doen is, zonder overweldigend te zijn.

Wij kozen voor een heldere kaartstructuur met groot, herkenbaar visueel onderscheid per programma — elk met een eigen icoonstijl en kleuridentiteit die aansluit op de bestaande visuele taal van de tool. Het resultaat is een dashboard dat aanvoelt als een speelse, maar gestructureerde leeromgeving: toegankelijk voor het kind van 8, maar met genoeg inhoud voor de leerling van 12.

De kleur- en vormtaal van het gehele platform is warm en kindvriendelijk, met afgeronde componenten en een speels karakter dat past bij de merkidentiteit van Ontdeklab — inclusief het mascotte-karakter in het logo dat de friendly, uitnodigende toon van het platform versterkt.

De Digitale Leerkracht

Menselijke Verbinding in een Digitale Interface

Het hartstuk van het Ontdeklab-concept is de Digitale Leerkracht: een bevoegde docent die via videoverbinding een groep thuiszittende kinderen begeleidt, net zoals in een echte klas. Wij ontwierpen de interface waarbinnen die verbinding plaatsvindt — en dat vroeg om bijzondere aandacht.

De videocall-omgeving toont de Digitale Leerkracht prominent in beeld, omringd door de kinderen in hun eigen videovakjes. Dat gridformat — elk kind in zijn eigen venster, herkenbaar en aanwezig — is geen technische toevalligheid maar een bewuste designkeuze: het simuleert de sociale dynamiek van een echte klas. Kinderen zien elkaar. Ze voelen dat ze niet alleen zitten. En de leerkracht ziet iedereen tegelijk, wat actieve begeleiding mogelijk maakt.

De interface is zo ontworpen dat het starten van een videoverbinding voor een kind van 8 jaar zonder hulp van een ouder haalbaar is. Elke stap is expliciet, de knoppen groot en de feedback direct.

De Digitale Leerkracht

Menselijke Verbinding in een Digitale Interface

Het hartstuk van het Ontdeklab-concept is de Digitale Leerkracht: een bevoegde docent die via videoverbinding een groep thuiszittende kinderen begeleidt, net zoals in een echte klas. Wij ontwierpen de interface waarbinnen die verbinding plaatsvindt — en dat vroeg om bijzondere aandacht.

De videocall-omgeving toont de Digitale Leerkracht prominent in beeld, omringd door de kinderen in hun eigen videovakjes. Dat gridformat — elk kind in zijn eigen venster, herkenbaar en aanwezig — is geen technische toevalligheid maar een bewuste designkeuze: het simuleert de sociale dynamiek van een echte klas. Kinderen zien elkaar. Ze voelen dat ze niet alleen zitten. En de leerkracht ziet iedereen tegelijk, wat actieve begeleiding mogelijk maakt.

De interface is zo ontworpen dat het starten van een videoverbinding voor een kind van 8 jaar zonder hulp van een ouder haalbaar is. Elke stap is expliciet, de knoppen groot en de feedback direct.

De impact

Het resultaat is een platform dat Blue Bricks' positie als partner — niet als leverancier — onmiddellijk communiceert. De vernieuwde huisstijl ademt op elke pagina. Bezoekers die willen weten of Blue Bricks bij hen past, vinden in seconden hun antwoord. En de organisatie heeft een digitale basis die met hen meegroeit.

Toe aan een nieuwe website die écht voor je werkt?

Plan dan eens een vrijblijvende kop koffie met Bastiaan Ludeking. Samen kijken we hoe we jouw online ambities vertalen naar een prachtig, passend design.

Tijdens ons gesprek laten we graag de kracht en het gemak van ons Webavance CMS zien. Zo heb je direct een helder beeld van de mogelijkheden én een concreet stappenplan voor de realisatie.

Klaar voor de volgende stap? Neem vandaag nog contact op!

Bastiaan Ludeking
Algemeen directeur

06-53114339 
bastiaan@webavance.nl