Terug naar werk

Smart City · Gemeente / VVV 's-Hertogenbosch

What's
Next?

Een persoonlijke stadsgids die met je meegroeit. Niet de zoveelste citymarketing-app, maar een systeem dat je tijdens het rondlopen tipt: "als je dit leuk vond, dan heb je dit nog niet gezien." Een afstudeerproject in opdracht van Gemeente 's-Hertogenbosch en het VVV.

Rol
Interaction Design, Huisstijl & Mockups
Opdrachtgever
Gemeente / VVV 's-Hertogenbosch
Samen met
Dion van Velde (techniek)
Tools
Sketch · React Native · Parse.com
What's Next totem in de stad — een interactief scherm dat bezoekers naar het Museumkwartier leidt

Wat zal ik hierna gaan doen?

Je herkent het vast wel. Je bent op bezoek in een stad, hebt een tijdje rondgelopen, en dan komt het moment: "wat ga ik nu eigenlijk doen?" Mijn neus achterna? Nog even winkelen? Of toch maar gewoon naar huis? Op zo'n moment heb je geen behoefte aan een dikke citygids of een algoritme dat je tien topattracties voorschotelt. Je wilt één goede tip — eentje die bij jou past, op dit moment.

Dat is precies de behoefte die we wilden raken met What's Next: een persoonlijke stadsgids die je leert kennen tijdens je bezoek en je gepersonaliseerde tips geeft voor wat hierna komt. Geen complete planning vooraf, maar één zinvolle volgende stap.

De vraag is niet "waar moet ik naartoe?" — de vraag is "wat past nu bij me?"

Onderzoek: de échte bezoeker

We zijn begonnen waar het hoort: bij de mensen op straat. Via interviews met bezoekers van Den Bosch — toeristen, dagjesmensen, terugkerende bezoekers, eerstebezoekers — hebben we een customer journey opgesteld. Wat we daarbij wilden vermijden: een journey die plakt aan de "ideale toerist" met een strakke planning. De realiteit was heel anders. De meeste mensen dwalen, raken het spoor kwijt, kunnen niet kiezen, willen zich verrassen laten.

Gebruikersonderzoek op straat — een paper prototype wordt direct getest met bezoekers in Den Bosch

Vroeg op straat met paper prototypes — feedback ophalen vóórdat er één regel code geschreven is.

De inzichten waren glashelder: bezoekers willen vooral op het moment zelf geprikkeld worden, niet vooraf gepland. Ze willen niet alle opties zien, maar één goede vervolgstap. En als ze een tip krijgen, willen ze 'm meteen kunnen volgen — niet een notitie maken voor later.

Daarmee was het kernprincipe geboren: de "next"-knop is het belangrijkste element van het hele ontwerp. Alles in de interface is daaromheen gebouwd. Minimale informatie, één duidelijke actie, en weer op pad.

Van schets tot prototype

Het concept ontstond in twee weken stevig schetswerk. We tekenden, gooiden weg, tekenden opnieuw. Ondertussen testten we de schetsen direct met gebruikers op straat — geen ronkende presentatie, gewoon een papieren prototype in de hand en kijken wat er gebeurt.

Schetsen en wireframes op tafel — concept-iteraties voor de What's Next app

Het ruwe werk: schetsen, wireframes, doorhalen, opnieuw beginnen. De ideeën zijn er nooit in één keer.

Wat al snel duidelijk werd: het systeem mocht niet beperkt blijven tot één app. We wilden bezoekers raken op verschillende momenten in hun bezoek — wanneer ze net binnenkwamen bij het VVV, wanneer ze ergens stonden te wachten, wanneer ze in de auto stapten. Dat betekende: een ecosysteem.

Het systeem: app, totem en pas

What's Next werd uiteindelijk een gelaagd systeem met drie touchpoints die naadloos in elkaar haken:

What's Next ecosysteem — telefoon, totem-scherm en persoonlijke pas naast elkaar

Het What's Next systeem: drie touchpoints die het hetzelfde verhaal vertellen — telefoon, fysiek totem-scherm, en je persoonlijke pas.

1. De What's Next-pas

Een fysieke pas die je bij het VVV ophaalt — jouw persoonlijke ticket tot de stad. De pas onthoudt wat je leuk vindt, wat je al gezien hebt, en bouwt zo gaandeweg een profiel op. Hou 'm voor een totem in de stad en je krijgt een tip die echt bij je past — niet de generieke "top 10".

2. De totems in de stad

Op strategische plekken — bij parkeergarages, het station, drukke pleinen — staan grote interactieve schermen. Tik je pas tegen het scherm en de stad opent zich op een persoonlijke kaart. Welke buurten passen bij jou? Welke verhalen heb je nog niet gehoord?

Totem in de stad: het Museumkwartier met de Drakenfontein Totem-detail: kaart met persoonlijke aanbevelingen

De totem in de praktijk — kaart met gepersonaliseerde plekken, één duidelijke vervolgactie, en je telefoon synct mee.

3. De app

Je telefoon volgt je verder de stad in. Een tip onderweg naar de Sint-Janskathedraal? De app vertelt je niet alleen waar het is, maar geeft je ook een verhaal dat de plek tot leven brengt — kleine tip om naar het altaar te lopen en omhoog te kijken naar het alziend oog dat een geheime code bevat voor de vrijmetselaars.

What's Next app op telefoon — tip voor het Museumkwartier What's Next app — verhaal over de Sint-Janskathedraal

De app onderweg — minimale interface, één tip per keer, en een verhaal dat de plek bijzonder maakt.

Door zo weinig mogelijk elementen toe te voegen, krijgt de gebruiker de minimale hoeveelheid informatie om zelf op pad te gaan. Geen ruis, alleen richting.

Vormgeving: rustig blauw

Voor de visuele taal hebben we bewust gekozen voor blauw. Niet uit smaak, maar uit kleurpsychologie. Blauw staat voor vertrouwen, kalmte en helderheid — precies de ervaring die je wilt bieden aan iemand die niet weet wat hij hierna gaat doen. Geen drukke campagnesfeer, maar rust.

Styleguide met kleuronderzoek en design-uitwerkingen voor de What's Next-vormgeving

De styleguide — kleurkeuze onderbouwd met kleurpsychologie, en consistent doorgevoerd over alle touchpoints.

De typografische hiërarchie is overal hetzelfde: één grote kop in het zwart, één element daarbinnen in het blauw als subtiele verwijzing naar het What's Next-merk. Daaronder altijd hetzelfde driehoek-motief (een knipoog naar de "next"-pijl). Knoppen zijn altijd het grootste element op de pagina — want die ene volgende stap, dat is waar het om draait.

Het werkende prototype

Om te kunnen voelen of het concept écht werkte, hebben we een werkend prototype gebouwd. Geen klikbare PDF, maar een echte app die ook werkelijk in de hand voelde zoals het bedoeld was.

What's Next — prototype op twee smartphones, de pas die de stadsbeleving start

Het werkende prototype op echte hardware — voelbaar, testbaar, en klaar voor straatonderzoek.

De keuze viel op React Native — JavaScript ES6-code die als native elementen wordt uitgevoerd. Voor de communicatie tussen de fysieke schermen, de pas en de app hebben we Parse.com ingezet als cloud-backend, met Azure als hosting. Daardoor konden we het ecosysteem écht laten praten — de tip die je op een totem aantipte, verscheen meteen op je telefoon.

Resultaat

3
touchpoints in één ecosysteem
1
werkend prototype op echte hardware
uitbreidbaar naar elke stad

Het resultaat is een concept dat in de pilot draaide en bewees dat de aanpak werkt: bezoekers vonden hun weg, kregen tips die bij ze pasten, en kwamen vaker terug. Het systeem is bovendien zo opgezet dat het niet aan Den Bosch is gebonden — elke stad met een VVV en een paar duidelijke locaties kan haar eigen What's Next-content vullen.

Wat ik leerde

Twee dingen zijn me bijgebleven uit dit project. Het eerste: technologie is geen oplossing — het is een drager van een goed verhaal. We hadden alle mooie tech kunnen bouwen, maar zonder het psychologisch inzicht dat mensen overweldigd raken door keuze, was er geen "Next-knop" geweest. Pas toen we begrepen dat bezoekers vooral hulp wilden bij wat hierna, kreeg het concept een hart.

Het tweede: schaalbaarheid zit niet in techniek, maar in concept. Door What's Next op te zetten als een uitbreidbaar systeem in plaats van een Den Bosch-specifieke app, hebben we iets gemaakt dat overal kan worden ingezet. De kunst is niet alles voor iedereen te willen zijn — maar één ding doen, en dat goed, en dat dan herhaalbaar.

Wil je weten hoe een vergelijkbaar systeem voor jouw stad eruit zou kunnen zien, of nieuwsgierig naar het volledige proces? Stuur een berichtje — ik neem je graag mee in de ontwerpkeuzes.