BB Bierproeverij Experience
Disclaimer
Dit afstudeerproject is gerealiseerd in samenwerking met Bossche Brouwers. Het betreft een 'proof of concept' en dus geen officieel commercieel product dat momenteel wordt aangeboden of ingezet. Het logo en merknaam behoren toe aan Bossche Brouwers en worden enkel gebruikt ter illustratie van dit project.
De volledige conceptontwikkeling, UX, UI, interactie, technische uitwerking, prototypebouw en digitale realisatie zijn ontwikkeld door mij als zelfstandig afstudeerproject.
Screenshots
Omschrijving
Voor mijn afstuderen ontwikkelde ik een interactieve bierproeverij-ervaring voor Bossche Brouwers. Het project richt zich op groepen van 2 tot 6 personen die beginnende tot matig ervaren speciaalbierdrinkers zijn. Het doel was om een traditionele bierproeverij toegankelijker, socialer en interactiever te maken.
Veel bezoekers weten vaak wel welk bier ze lekker vinden, maar vinden het lastig om smaken te herkennen, te benoemen of met anderen te vergelijken. Dit concept helpt gebruikers daarbij op een speelse manier.
Tijdens de proeverij ontvangt de groep verschillende bieren en fysieke NFC-fiches. De ervaring is bewust opgezet als een blinde proeverij: deelnemers weten vooraf niet welk bier zij drinken. Hierdoor worden smaakkeuzes minder beïnvloed door merk, stijl of verwachtingen, en staat de eigen smaakbeleving centraal.
Door een fiche op de installatie te plaatsen start automatisch een nieuwe spelronde. De ober licht het bier vooraf niet toe; het is aan de groep om samen te ontdekken wat zij proeven.
- smaken beoordelen
- eigenschappen van het bier inschatten
- keuzes vergelijken met andere spelers
- samen discussiëren over smaakverschillen
- punten verdienen via spelelementen
Na iedere ronde wordt onthuld welk bier daadwerkelijk geproefd is en krijgen deelnemers feedback op hun keuzes. Hierdoor ontstaat niet alleen een leuke groepsactiviteit, maar ook meer inzicht in persoonlijke smaakvoorkeuren.
Doel van het conceptHet concept is ontworpen om:
- smaakvoorkeuren inzichtelijk te maken
- gesprekken tussen deelnemers te stimuleren
- bierproeverijen leuker en interactiever te maken
- bezoekers vaker terug te laten keren
- een klassieke proeverij te verrijken met moderne interactie
De ervaring combineert Experience Design, Information Design en Gamification in een fysieke horecaomgeving.
Mijn rolDit was een zelfstandig project waarbij ik verantwoordelijk was voor:
- conceptontwikkeling
- UX/UI design
- branding en visuele stijl
- frontend development
- backend logic
- hardware-integratie (Arduino + NFC)
- dataflow en interactieve spelmechanieken
- prototype testing en iteratie
Het eindresultaat was een volledig werkend proof of concept waarin digitale en fysieke interactie samenkomen. Meerdere gebruikerstesten lieten zien dat deelnemers de ervaring leuker vonden dan een reguliere bierproeverij en meer inzicht kregen in hun eigen smaakvoorkeuren.
Technisch
De ervaring draaide op een Progressive Web App(PWA) die werd uitgevoerd op een iPad als centrale spelinterface. Hierdoor was geen installatie via de App Store nodig en kon het systeem direct via de browser gebruikt worden. De PWA begeleidde deelnemers stap voor stap door alle rondes, schermtransities, scoreverwerking en eindresultaten.
Server & realtime communicatieOp de achtergrond draaide een Node.js server met Express en Socket.IO. Deze server functioneerde als schakel tussen de iPad-interface en de fysieke installatie.
Hierdoor konden gebeurtenissen realtime worden doorgestuurd, zoals:
- het scannen van een NFC-fiche
- starten van een nieuwe ronde
- synchroniseren van status
- live updates naar de PWA
- verwerken van game-events en interacties
In de fysieke installatie verwerkte een Arduino UNO R4 WiFi het scannen van NFC-fiches via een MFRC522 NFC-reader.
Elke fiche (ronde) bevatte een unieke NFC-tag. Wanneer spelers een fiche op de installatie plaatsten:
- las de Arduino de tag uit
- stuurde deze via WiFi naar de Node.js server
- activeerde de server automatisch de juiste spelronde
- verscheen direct de juiste content op de iPad
De PWA is modulair opgebouwd in JavaScript classes met losse componenten voor:
- schermnavigatie
- game logic
- spelerbeheer
- scoreverwerking
- animaties
- notificaties
- realtime verbindingen
- NFC tag handling
Deze opzet maakte het systeem schaalbaar en onderhoudbaar. Nieuwe spellen of rondes konden relatief eenvoudig toegevoegd worden.