Kelly Driver | JHSPH Yearlook 2014
Kelly Driver Interactive Designer
portfolio_page-template-default,single,single-portfolio_page,postid-50,none,,qode-title-hidden,qode_grid_1300,qode-content-sidebar-responsive,qode-theme-ver-9.5,wpb-js-composer js-comp-ver-4.12,vc_responsive
UX/UI, Web Design

JHSPH Yearlook 2014

Annual Report

The Johns Hopkins Bloomberg School of Public Health is the largest school of public health in the world and for 20 years, the School has held the #1 position in U.S. News & World Report’s annual ranking of the nation’s public health school. In a first-time communication initiative, School officials decided to produce an “annual report” to celebrate the accomplishments of the 2014 fiscal year. From groundbreaking research to high-profile conferences to faculty awards, the content—sourced from dozens of stories in a variety of formats, were creatively packaged into an interactive website. The website themed as “365” was designed and built responsively across all devices with bold imagery, video, and interactive statistics. The unique design and user experience of the site resulted in multiple awards and recognitions. The site received a Gold Award from both the American Advertising Federation (ADDY) and the Council for Advancement and Support of Education (CASE) and was also a chosen site featured by Communication Arts.


My role on this project started during wireframes. After being briefed on the projects initiative, audiences, and goals I created multiple wireframe sketches of potential ways the content could be laid out but also complimented an interesting user experience. Once an approach was chosen I designed all desktop, mobile, and tablet variations, as well as chose all imagery for the site. Working collaboratively with development teams I ensured the design and user experience were properly implemented, tested and met client’s expectations. The overall success of the site resulted in a 2015 refresh the following year.

Created at: idfive