Skip Navigation
SAI Sites

Johns Hopkins Health Review

Designed for easy reading and browsing on any device, the responsive website serves as the digital version of the Johns Hopkins consumer print publication and is built to display cutting-edge research and engaging health and wellness content.
View the Site

A Digital Home for a Print Publication

The Johns Hopkins Health Review (JHHR) is a research-driven, consumer-focused, biannual print publication by Johns Hopkins. SAI Digital was tasked with translating the content and design into a user-friendly web version. Our approach to this project was to create intuitive, flexible templates that would make it simple for editors to publish future articles from the biannual publication. Translating the articles into digital content while keeping the integrity of the publication design meant a close collaboration between our UX, visual design, front-end and back-end development teams.   

Johns Hopkins Health Review Responsive website on desktop and mobile

A Seamless Transition from Print to Digital

The layout allows for strong typographic formatting for a variety of article styles, which helps to create a hierarchy that mimics the print edition. The finished product is a mirror image of the print publication on digital devices.

  • Example - Letter from the Editor
  • Example article
  • 10 Things Article Type
  • Example article - 10 Things That Used to Be Bad

The Art of Prestige

Rooted in Johns Hopkins research, JHHR not only provides an overview of scientific breakthroughs and evidence-based health and wellness tips, but also features work from world-class artists. We adapted the compelling print design to the web by highlighting original illustrations while simplifying other design elements to keep navigation clean and intuitive.

  • Example infographic
  • Example watercolor-style illustration
  • Example collage-style illustration
  • Example illustration with caption - I Wish There Were

The Results

The goal of the site, to create a home for print content on the web while still moving users toward action, was achieved through strategic information architecture and design. It used to be that when you browsed a magazine, subscription postcards fell out of nearly every page. We implemented a digital version of that approach by incorporating calls to action to encourage readers to subscribe, browse and download past issues throughout the JHHR site. We expanded the design to include subtle animations and interactivity that complemented the design and aided with navigation to create an experience as simple and user-friendly as flipping through a magazine.