Sports Illustrated as an HTML5 Magazine

Today at Google I/O, Sports Illustrated editor Terry McDonell showcased this demo of the HTML5 version of the magazine. Last December, SI released a mockup video of how their online version would look as an app, but this version is based on the web and can be viewed with laptop and tablet browsers. It looks like a print magazine layout, with fantastic spreads, photos, and fonts, but it also has a lot of unique multimedia features that are incorporated into the design.

In the presentation, McDonell said:

The idea is really very simple: combine the best of the web with the best of the magazine, like the sports photography, which is deep, deep in Sports Illustrated’s DNA.

SI’s really giving photography a great plug: the demo issue also has a behind-the-scenes portrait shoot with Shaq, and there’s an expanded photo gallery option for readers to see more shoots than the ones included in the main design. Even the interactive demo ad is photo-related, showing a faux camera brand with interchangeable lenses.

This web design really opens up the doors for visual and multimedia storytelling, and is an exciting way to make an interactive publication accessible (not to mention SEO-friendly) to the entire World Wide Web.

Let us know what you think about SI’s new magazine format in the comments.

Discussion