Site Of The Day - 27th October 2012

BlackBerry® Keep Moving Campaign

Media rich online experience to promote the new BlackBerry® Z10 Handset

BlackBerry® Keep Moving

BlackBerry® Keep Moving
A Calendar of Tales

Brief

With the release of the new BlackBerry® Z10, we were commissioned by The Neighbourhood & AMV BBDO to develop a media rich online experience to promote the new handset.

Delivery

We worked on the 'A Calendar of Tales' project as part of the 'BlackBerry® Keep Moving' campaign which became a collaborative project between Neil Gaiman and his fans worldwide.

Gaiman interacted with his fans via social platform - Twitter, asking them questions relating to each month of the year. His fans replied with short responses and Gaiman turned these into tales. Gaiman's fans were then asked to produce artwork using any medium based around the tales Gaiman had produced.

'A Calendar of Tales' online presence collected the questions, answers, tales and fan generated content and combined them into an engaging user experience.

The experience opens with the user looking towards the sky through an atmospheric design, and as the user flows through the months, they get a different set of rich colours, sounds & subtle animations delivered to them.

Parallax movement was added to the project, to create the seamless flow of the changing months and to allow elements to move slower or faster than others. By using CSS3 we ensured a smooth experience on modern browsers, by allowing elements to scale, zoom, rotate and transform.

The subtle animations such as the delicately floating blossom leaves, exploding fireworks and flocking birds were created using HTML5 Canvas. HTML5 was also used to allow the users to listen to Neil Gaiman tell the tales through a custom HTML5 audio player.

As well as being able to access the website through a desktop computer, the project was made responsive for users of mobile and tablet devices. This ensured they got the same experience, but specifically designed for that particular device - including touch gestures to navigate the galleries and stories.

Links / Credits

A Calendar of Tales

BlackBerry® Keep Moving

Services

Content Management System Mobile Website Development

April Tale

April Tale

Story Lightbox

Story Lightbox

A Calendar of Tales Mobile BlackBerry Z10

A Calendar of Tales Mobile BlackBerry Z10

Image Lightbox

Image Lightbox

July Tale

July Tale

Share on Facebook

Share on Facebook

September Tale

September Tale

September Trees & Detail

September Trees & Detail

December Tale

December Tale

HTML5 Audio Player

HTML5 Audio Player