Kelly Driver | JHSPH Yearlook 2015
Kelly Driver Interactive Designer
portfolio_page-template-default,single,single-portfolio_page,postid-39,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 2015

Annual Report

In 2014, the Johns Hopkins Bloomberg School of Public Health created Yearlook, an interactive annual report. Earning multiple awards, the bar was set high for the refresh. The 2015 site shares stories about major advances in public health that start with a small discovery, and builds narratives around this micro/macro dichotomy. A lateral and asymmetrical grid-based layout presents the site’s content in rhombuses on the main page, encouraging visitors to explore articles through bold imagery and headlines. Featured again for the second year on Communication Arts, Yearlook serves as a digital celebration of the school’s commitment to saving livesmillions at a time.


I was again brought on to work on the 2015 refresh. Wireframes were created and presented to the client, and once approved I designed all desktop, mobile, and tablet variations. Working with client imagery was carefully selected and article pages highlighted full stories with testimonial call outs and secondary image selects. I also worked with development to build, test and implement the design into the client’s chosen content management system.

Created at: idfive