To thank our clients for a great year, we created a special HTML5 mobile-to-browser experiment. On xmastunes.db-n.com, visitors can compose their own tune using the ringtones of 12 different devices. Our goal was to share the power of modern web technology - something we want to focus more on our future projects.

Launch the campaign
Published
January 2013
Topics

The Story

To thank our clients for a great year, we created a special HTML5 mobile-to-browser experiment. On xmastunes.db-n.com, visitors can compose their own tune using the ringtones of 12 different devices. Our goal was to share the power of modern web technology - something we want to focus more on our future projects.

We wanted to create a unique experience by controlling a range of smartphones displayed on the website using your personal smartphone. Thanks to HTML5 and WebSocket technology, we were able to connect smartphones to the page and use them as a controller to compose personal tunes. The most problems were solved by using JavaScript. On the server, we used node.js with the libraries Socket.IO and Express. And on the client, we relied on SoundManager, CreateJS and of course jQuery. The complete visual setup is build within Cinema 4D and thanks to CreateJS we were able to animate every single smartphone.

The Technology

  •  

    Mobile

    Mobile

  •  

    Social

    Twitter

    Facebook

  •  

    Video

    Vimeo

  •  

    Web/Apps

    HTML5

    Chrome

    Google Analytics

    node.js

    SoundManager

    WebSocket

    CreateJS

    jQuery

    Socket.IO

The Results

The deepblue christmas tunes went viral on social networks and was showcased on blogs all around the world. Our clients loved the one-of-a-kind seasonal greeting. We reached our goal and assured our clients of the benchmark for 2013.

7

team members working on this project

11

days finished before christmas

350

total hours spent on this project

Launch Date Dec. 13, 2012