The Beetle's web platform needed to be as unique as the product itself. Therefore, Beetle.com is set on an integrated HTML5 framework including an experimental WebSocket connection and multiple device responsive design (iPhone and iPad) that staged the emotional campaign within a narrative scrolling experience.

Launch the campaign
Published
August 2012
Topics

The Story

The Beetle's web platform needed to be as unique as the product itself. Therefore, Beetle.com is set on an integrated HTML5 framework including an experimental WebSocket connection and multiple device responsive design (iPhone and iPad) that staged the emotional campaign within a narrative scrolling experience.

We wanted to make use of the real endless canvas the browser provides, which includes all the screens it can happen on. We used HTML5, WebSockets, geo-location, Twitter and the good old iframe to glue the great Beetle story together in one big scroll.

The Technology

  •  

    Social

    Twitter

  •  

    Web/Apps

    HTML5

    Websockets

The Results

The innovative use of HTML5 and the unusual format was immediately picked up in all kinds of social media and people where uploading Videos how they scroll the site with their smartphone. Without any media spent we got a lot of traffic on the site.

6MM

test pixels scrolled

Launch Date Sept. 20, 2011