De Voorhoede

front-end developers

De uitdaging: laagdrempelige presentatie van omvangrijke onderzoeksjournalistiek

Het Rotterdamse online tijdschrift Vers Beton wordt veel bezocht voor artikelen over politiek, cultuur en stedelijke ontwikkeling. Voor hun onderzoek naar De Bouwende Macht wil Vers Beton ook mensen aanspreken die niet vanzelfsprekend de longreads in zullen duiken. Op een speelse manier willen ze een breed publiek inzicht geven in hoe De Bouwende Macht in Rotterdam werkt.

De oplossing: een kieswijzer als spel

Samen met journalist en illustrator ontwikkelden we het spel 'Bouwen is Macht'.

Illustratie van het spel Bouwen is Macht
Illustratie door Matzwart

Aan de hand van vragen over uiteenlopende Rotterdamse bouwprojecten, kan de gebruiker invloed uitoefenen op de vorming van de stad. Op basis van het gekozen antwoord vinden er veranderingen plaats in de kaart van Rotterdam. Aan het einde van het spel krijgt de gebruiker een ansichtkaart te zien van 'hun' Rotterdam. Deze kunnen ze delen op sociale media.

Ansichtkaart van Rotterdam, het resultaat van het spel Bouwen is Macht

De technieken

  • We wilden dat het spel snel en responsive aanvoelt voor de gebruiker. Daarom bouwden we een single page app met Vue.js

  • Er gebeurt veel in het spel. Om de vragen, de gegeven antwoorden en de veranderingen op de kaart op een centale plek bij te houden gebruikten we een Vuex Store

  • Aan de hand van antwoorden veranderen we de SVG illustratie. Met een subtiele transitie en een geluidseffect geven we dit een speels effect. Het trillen van je mobieltje, waarvoor we de Vibration API gebruikten, maakt de ervaring nog net even leuker

Het resultaat

  • Een single page app met Vue.js

  • Spelenderwijs meebouwen aan je eigen stad

  • Jouw Rotterdam delen met je vrienden en familie