Mashable.com

Responsive Digital Revolution

With Mashable readers on the front lines of the digital revolution, the new site features a fully responsive design that delivers an optimized reading experience across every screen – from desktop to tablet to mobile phone. Each of the three columns serves content as an infinite scroll of stories, which creates a frictionless and highly visual content discovery experience, complete with integrated dynamic ads that look great on every screen.

Given that social was such a significant driver of inbound traffic we wanted to ensure that the attention placed on the home page wasn’t lost as readers entered via the article page. With a feature we’ve come to refer to as the “transporter module” (where the bottom of the page scrolls into the top of another page) on Mashable, a visitor who reaches the end of an article automatically is scrolled into the section page from where that article lives.

Bringing the site’s social integration full-circle, we built in the ability to share not only whole articles but also individual elements of a story. Visitors can share “micro-content” – interesting quotes, images, or videos.

Pete Cashmore called the new Mashable a “faster, simpler and more enjoyable way to consume the news.”

A story then shifts from one column to the next as it continues its viral lifecycle.