SimDate

Een zelfbedachte, zelf geïllustreerde en zelf gecodeerde game waarin je op een virtuele eerste date gaat.

  • Front-end
  • 2021
Speel SimDate ↗
SimDate op een laptop: een geïllustreerde date aan een tafel met actieknoppen en een hartjesmeter

Design challenge

Hoe kan ik met behulp van JavaScript een klein spel maken dat de gebruiker kan spelen?

Het project in beweging

Het project in beweging

Het proces

1Front-end

Het idee en het plan

Het was coronatijd en er werd veel gesproken over eenzaamheid. Dat inspireerde me tot een virtuele datesimulatie met een 2D-look: klein genoeg om zelf te bouwen, leuk genoeg om te blijven spelen.

Schets van SimDate: een hartjesmeter bovenaan, een poppetje in het midden en zes actieknoppen onderaan
De eerste schets van SimDate.

2Front-end

Ontwerpen

Ik ontwierp de spelervaring en illustreerde alle visuele elementen zelf: de date, de tafel, de knoppen en de hartjesmeter.

3Front-end

Coderen

Daarna schreef ik de code in HTML, CSS en JavaScript. Elke actie, van flirten en praten tot negeren of weggaan, heeft invloed op de hartjesmeter.

4Front-end

Testen en itereren

Spelen, bijstellen, opnieuw spelen: ik speelde het spel steeds opnieuw door tot de reacties van de date logisch en verrassend voelden.

5Front-end

Oplevering

Het resultaat is een volledig bedacht, ontworpen en uitgewerkt werkend prototype. Slaag jij erin om de date succesvol af te sluiten?

SimDate op een laptop
Kan jij de date succesvol afronden?

Resultaat

SimDate

  • Een werkend spel waarin je op een virtuele eerste date gaat.

  • Alle illustraties heb ik zelf gemaakt.

Wat ik leerde

Door alles zelf te coderen leerde ik hoe interactie écht werkt: elke knop, animatie en reactie moest ik zelf bedenken en bouwen.

Samenwerken?

Op zoek naar een UX designer?

Ik ben op zoek naar een vaste baan als UX designer. Heb je een plek in je team, of wil je gewoon kennismaken? Ik hoor graag van je.