To showcase the power of HTML5 and drive conversation around innovation, Intel paired notable developers with major publishers to create interactive HTML5 features. This led to a collaboration between Intel's HTML5 Hub, a community of HTML5 developers, and IGN. The result was The Museum of Mario, an interactive experience that explores the history of the gaming character. This walk down memory lane is full of hidden interactions, and encourages fans to engage and share their own #MarioMemories on Twitter.

Launch the campaign
Published
January 2014
Topics

The Story

To showcase the power of HTML5 and drive conversation around innovation, Intel paired notable developers with major publishers to create interactive HTML5 features. This led to a collaboration between Intel's HTML5 Hub, a community of HTML5 developers, and IGN. The result was The Museum of Mario, an interactive experience that explores the history of the gaming character. This walk down memory lane is full of hidden interactions, and encourages fans to engage and share their own #MarioMemories on Twitter.

The site incorporates what developer Kyle Simpson calls “paged scrolling” rather than the standard vertically scrolling experience. The team also brought in several libraries in the open source community, including a templating engine called grips and a dynamic script loader called lab.js. Some of the other technologies used include WebGL, three.js, socket.io, a custom audio/video manager using sound.js and Adobe Edge.

The Technology

The Results

With over 40% of its total traffic coming from mobile, we needed to make the site responsive on both Android and iOS devices. The result? The site got nearly 1.8 million page views in less than a month and over 171K unique visitors. The responsive nature of the site encouraged conversations among thousands of people who took to Twitter to share their #MarioMemories.

1.8 Million

Page views

11.5%

Bounce rate

171K

Unique visitors

Launch Date Oct. 9, 2012