-
Interactive HTML5 video
This educational movie project was required to run on desktops and tablets. We have chosen to use Youtube’s HTML5 API, and added our own interaction engine. This enables the user to choose different paths throughout the story. User decisions are shown through 3 movie icons. Youtube’s HTML5 API ensures that video shows on tablets, and ...
-
Elections visualisation
This is a screenshot of a recent visualisation we did about the Dutch elections. The visualisation was used at Dutch news site ‘Nieuwsuur’. This application pulls data from several sources using Radian6 and the Twitter API, and animates the data in an eye-pleasing visualisation.
-
Facebook games
This is a screenshot of a recent Facebook game I’ve worked on. This game has you drawing an imaginary animal as fast as you can, and share your drawing with your friends. The drawing with the most likes can win one of the prizes. This is a screenshot of Facebook game for a Hotel, where ...
-
Serious games
‘Gamification’ is the use of game design techniques and mechanics to solve problems and engage audiences. These techniques often involve creating a challenge, and rewarding the player. Building an e-learning game or “Serious Game” is challenging in itself. Is the target audience familiar with games? What is the educational goal? What options do you have ...
-
Twitter visualisation
This week our new Twitter visualisation went live on the screens of all Vodafone stores in the Netherlands. Screens inside these stores show live tweets by Dutch “The Voice” contenders. We were able to use components of the new version of Twitterfountain, which proved to work well with the narrowcasting system used in these stores. ...
-
Shooting Gallery
Our latest E-Learning project went live last week. The project is about teaching parents how to approach their children about sensitive issues like drinking alcohol and coming home late. The website approaches the subject in a playful way, by using a game and an interactive video. You can play the shooting gallery game here: www.hoepakjijdataan.nl/schiettent. ...
-
Bureau Blauwgeel Portfolio
Me and the guys from Bureau BlauwGeel have been working together on their new website: http://www.bureaublauwgeel.nl The CMS-based website uses video files to create a dynamic, living and breathing background. Each menu item has a background image that slowly zooms in to keep that dynamic feel. Although the background and interface always adjust ...
-
Twitterfountain User Interface
The Twitterfountain project has been online for more than 2 years, and has seen many changes. Recently we upgraded to version 2.0, a huge upgrade that has been getting lots of attention. When reading user feedback and watching our Google Analytics, it became clear that the interface could use some clarification, and doesn’t need some ...
-
Game designs
Digging through my archives, I found these game designs that I still really like. Both were designed using Fireworks, you can see dropshadows, inner shadows, bevels and glow effects everywhere, but I think it works quite well. Slot machine design for WNF Planet Race Slot machine design for Airport Eelde prize game Flash demo See ...