Zelfstandig van idee naar een live e-learningproduct

Binnen een eerder traject ontstond een aparte e-learningomgeving die technisch los van het platform kon functioneren. Dat riep al snel een nieuwe vraag op: als dezelfde structuur voor één onderwerp werkt, welke andere vormen van training zouden we er dan mee kunnen aanbieden?

Samen met een collega onderzocht ik verschillende online trainingen en certificaten. Daarbij kwamen we uit bij HACCP en voedselveiligheid in de horeca.

Tijdens dat onderzoek viel me op dat veel bestaande alternatieven betaald waren en dat verschillende aanbieders qua gebruikservaring en uitstraling behoorlijk gedateerd aanvoelden. Daar zag ik ruimte voor een toegankelijker en moderner alternatief.

Deskresearch vertelt je wat er bestaat, maar niet hoe een doelgroep er in de praktijk mee omgaat. Daarom ben ik horecazaken in Breda binnengelopen om te vragen hoe zij medewerkers instrueren rond HACCP en voedselveiligheid. Daarnaast sprak ik telefonisch met zaken verspreid door Nederland.

Meerdere ondernemers vertelden dat zij medewerkers actief trainen, instructies regelmatig herhalen en nieuwe medewerkers hierin meenemen. Daarmee werd duidelijk dat het onderwerp niet alleen online zichtbaar was, maar ook daadwerkelijk speelde op de werkvloer.

Aanvankelijk was het plan om de bestaande e-learningsoftware te gebruiken. Daarvoor moest echter nog een backendkoppeling worden gebouwd, en binnen het team was daar op dat moment geen capaciteit voor.

Daarmee ontstond een keuze: wachten tot development ruimte had, of onderzoeken hoeveel ik zelfstandig kon oplossen. Ik koos voor het tweede en besloot het product op een andere manier te realiseren.

Die eerste richting was dus wel in Figma bepaald, maar ik werkte niet ieder scherm en ieder detail vooraf volledig uit. Zodra de basis stond, gebruikte ik de werkende website zelf steeds meer als ontwerpruimte.

Sommige onderdelen heb ik meerdere keren opnieuw laten uitwerken en aangepast totdat verhouding, interactie en uitstraling goed voelden. Waar nodig paste ik zelf HTML en CSS aan om details verder te verfijnen.

Deze werkwijze paste goed bij het project, omdat ik ontwerpbeslissingen meteen in een werkende omgeving kon beoordelen. Ik hoefde niet vooraf ieder detail te voorspellen, maar kon zien hoe de interface zich echt gedroeg en daar direct op reageren.

Figma gaf me de eerste structuur en richting, de browser werd daarna steeds meer de plek waar het ontwerp verder groeide. Daardoor werden ontwerpen en bouwen geen twee losse fases, maar één iteratief proces.

Het resultaat zit voor mij uiteindelijk niet in één opvallend scherm, maar in de samenhang tussen alle onderdelen en het gevoel dat de ervaring van begin tot eind consistent blijft.

AI maakte het mogelijk om veel sneller van een eerste richting naar iets werkends te gaan. Claude gebruikte ik om de applicatie iteratief te bouwen, ChatGPT hielp bij het structureren en uitwerken van content en Gemini gebruikte ik voor ondersteunend beeldmateriaal.

Voor de inhoud van de training gebruikte ik officiële informatie van de NVWA als basis. AI hielp bij een eerste structuur en tekstvoorstellen, maar daarna liep ik de volledige e-learning zelf door. Ik controleerde informatie, herschreef teksten en paste onderdelen aan wanneer iets inhoudelijk niet klopte of duidelijker kon.

Mijn doel was een cursus die praktisch en begrijpelijk aanvoelt, zonder de inhoud onnodig formeel of ingewikkeld te maken.

Vooral bij development veranderde AI mijn werkwijze. Ideeën die anders moesten wachten op beschikbare developmentcapaciteit kon ik nu zelf uitproberen in een werkend product. Daardoor werd de afstand tussen bedenken, beoordelen en verbeteren veel kleiner en kon ik sneller en vaker itereren.

De cursus bestaat uit negen modules en moest ook voor iemand die tussendoor terugkomt eenvoudig te begrijpen blijven. Het zijmenu laat daarom voortdurend de volledige structuur zien en maakt duidelijk welke module iemand op dat moment doorloopt.

Omdat ik tijdens dit project ook een cursus Digital Marketing volgde, wilde ik SEO niet pas na de bouw toevoegen. Ik deed zoekwoordenonderzoek en onderzocht via Google welke vragen mensen rond HACCP en voedselveiligheid stellen. Die inzichten nam ik mee in de contentstructuur, pagina-indeling en technische opbouw van de website.

Daardoor werd SEO onderdeel van het ontwerp: niet alleen bepalen hoe een pagina eruitziet, maar ook welke informatie iemand zoekt, hoe die wordt opgebouwd en hoe zoekmachines de inhoud kunnen begrijpen.

De technische basis controleer ik met SEO-tools, maar een goede technische score is voor mij geen eindresultaat. Die zegt vooral dat er zo min mogelijk technische barrières zijn voor indexatie en gebruik.

Via Google Search Console volg ik vervolgens welke pagina’s worden geïndexeerd, op welke zoekopdrachten Horeca Certificaat wordt vertoond, hoeveel mensen doorklikken en hoe posities zich ontwikkelen. Die informatie gebruik ik om content verder aan te scherpen en nieuwe kansen te herkennen.

De eerste gebruikers hebben de cursus inmiddels afgerond en een deel daarvan heeft feedback achtergelaten. De aantallen zijn nog te klein om harde conclusies te trekken, maar ze zijn wel belangrijk: het product wordt niet meer alleen intern bekeken, maar daadwerkelijk door mensen buiten het team gebruikt.

Die volgende fase vind ik minstens zo interessant als het bouwen zelf. Nu kan ik gaan leren waar mensen binnenkomen, wat ze gebruiken, welke feedback terugkomt en welke keuzes ik op basis daarvan verder wil verbeteren.

Ik begon met een duidelijke beperking: het product dat ik wilde maken kon niet direct worden gerealiseerd met de beschikbare developmentcapaciteit. In plaats van het idee te parkeren ben ik gaan onderzoeken hoeveel ik zelfstandig kon oplossen.

Dat leidde uiteindelijk tot meer dan alleen een werkende e-learning. Ik onderzocht de doelgroep, bepaalde de productrichting, maakte de eerste structuur en het wireframe, ontwierp en bouwde de ervaring verder in een werkende omgeving, werkte de content uit, zette de technische SEO-basis neer en bracht het product zelf live.

De grootste les uit dit project is voor mij dat een product niet stopt wanneer het gebouwd is. Vanaf dat moment begint een nieuwe fase waarin echte gebruikers, zoekgedrag, feedback en resultaten bepalen wat de volgende stap moet worden.