Responsive image

Turnstyle

Staff work

The digital magazine industry had been dominated by apps that were just a shell for images of the printed page. We leveraged responsive design to create a new digital magazine platform that would provide a great reading experience on any device.

We interviewed small and medium publishers to understand their workflow. Production efficiency is paramount. To create a Turnstyle edition the print PDF is automatically converted to semantic HTML. Responsive templates and Javascript reflow the content to create balanced layouts at each breakpoint. Small publishers get an efficient workflow for moving from print to digital.

Responsive image

Since Turnstyle is built on HTML5, video and interactivity can be seamlessly embedded in article content. Rich media advertising is also available, giving publishers an important opportunity to upsell new advertising models. We separated content from presentation so that it would be easy to override the typography and bring a unique brand voice to each magazine.

We also redesigned the library screen and navigation flow of the existing apps to incorporate the results of usability testing and expert reviews.

Responsive image
Responsive image

The side menu provides a sense of context and allows for quick navigation within an issue.

Rhode Island Magazine is one of the titles using the Turnstyle platform. It is available in the App Store for iOS. You can also learn more about Turnstyle on the product page.

Responsive image

Issue library

Responsive image

Table of contents

Responsive image

An article