Vitamin Drink Nutritional Info Micro-Site

Featuring a jQuery/Javascript driven front-end, the game promotes awareness of the benefits of the new vitamin-enhanced range of Ribena drinks, through the use of an interactive video quiz and social media hookups to encourage viral activity.

ribena-start-page

Know your vitamins..

The idea of the game was to support above and below-the-line campaigns through online consumer engagement. The quiz tests the participant’s knowledge of the type and benefits of the extra vitamins contained in the new Plus drinks range, and encourages players to sign up to the customer database and also share their results with their friends to help promote the brand virally.

ribena-Q1

Multi-platform delivery

As with previous projects, one of the biggest challenges was getting the game to work both on the iPad and on other mobile browsers. This meant using HTML Video for the iPad (since Flash is not available on iOS) and Flash streams for every other platform.

ribena-Q2

Front-end and back-end working together nicely

The back-end is built with ASP.NET, and the engine serves up the game sections and videos to the browser. The gameplay itself is directed in custom game code designed specifically in jQuery for the project.

ribena-results-play-again

Visual development

Visual Studio 10 was the IDE, other tools used included Adobe Photoshop, Fireworks and Adobe Media encoder for encoding alternative low/high bandwidth streams for testing.

Another technically demanding project, but satisfying to be part of.