HS Studios

← Terug naar portfolio

Flo’s Speelotheek+

Digitale catalogus en leenbeheersysteem voor een speelotheek. Leden kunnen speelgoed zoeken en vrijwilligers scannen uitleningen.

Rol: UX Onderzoek, Touch Interface & Web Development · Opdrachtgever: Stichting Flo’s Speelotheek · Jaar: 2025, opgeleverd

Samenvatting & kernfunctionaliteit

Flo’s Speelotheek+ is een modern digitaal leensysteem en online speelgoedcatalogus voor ouders en vrijwilligers. Het systeem vervangt een verouderde papieren kaartenbak door een toegankelijke, snelle webapplicatie die speciaal is ontworpen voor gebruik op balie-tablets en smartphones.

  • Filter op leeftijd & ontwikkelingsfase: Ouders vinden direct speelgoed passend bij grove motoriek, taalverwerving of cognitieve ontwikkeling.
  • Snelle vrijwilligersbalie: Uitlenen en retourneren in één scan of zoekopdracht met realtime voorraadindicatie.
  • Lidmaatschaps- & leenhistorie: Overzicht van geleende artikelen, inleverdata en automatische herinneringen zonder administratieve rompslomp.
  • Grote touch-knoppen & hoog contrast: Geoptimaliseerd voor senioren en vrijwilligers met wisselende digitale vaardigheden.

Doelstelling

De vrijwilligers van de speelotheek liepen vast op een traag baliesysteem waardoor op zaterdagochtend lange rijen ontstonden. Ouders wisten vooraf niet welk speelgoed aanwezig was en vrijwilligers moesten handmatig papieren fiches opzoeken. De vraag was een overzichtelijke balie-applicatie en openbare catalogus met minimale leercurve.

“Onze vrijwilligers zijn tussen de 19 en 74 jaar oud. Het systeem moet voor iedereen direct begrijpelijk zijn zonder handleiding.”

Aanpak

  • Veldonderzoek aan de uitleenbalie: We hebben zaterdagochtend observaties uitgevoerd om knelpunten in kaart te brengen. De bottleneck bleek het zoeken op lange serienummers te zijn, wat we vervingen door slimme trefwoorden en barcodes.
  • Touch-first grid lay-out: Knoppen kregen een minimale touch-target van 48x48px en statussen werden visueel gemarkeerd met contrasterende badges in plaats van kleine tekstregels.
  • In-memory instant filter: De complete speelgoedcatalogus wordt lokaal gecachet zodat typen in het zoekveld direct live resultaten toont zonder laadicoontjes.

Technische architectuur

Single Page Application op basis van React met een relationeel client-side datamodel. Filteroperaties zijn volledig gememoïseerd voor 60 fps interacties. Toegankelijkheidsstandaarden WCAG 2.1 AA zijn strikt geïmplementeerd.

Resultaat

De baliedoorlooptijd per lid daalde van 3 minuten naar 35 seconden. De speelotheek zag in de eerste drie maanden een toename van 28% in online reserveringen en nul benodigde trainingsuren voor nieuwe vrijwilligers.

Ook een project bespreken? Neem contact op