Medium logoTwitter logoGithub logoTumblr logoInstagram logo

New Work

Harvard Gazette

A contemporary vision for Harvard’s official news source

From its origins as a 19th century events bulletin, the Harvard Gazette has evolved into an all-digital publication with a full staff of editors, writers, photographers, and videographers. Its mission has grown throughout that history too — Gazette stories now cover research and scholarship across the University, campus events, current events, and culture. It's a publication that serves as the nexus for a famously decentralized academic community while bringing its stories to an international audience of readers.

Harvard challenged us to reimagine the Gazette from the ground up as a modern digital publication: responsive, smart, and mobile-focused. We also gave Gazette editors a more powerful set of tools to unleash their creativity and expose the wealth of content available on the Gazette every day — from gallery modules, timelines, and custom article collections to color theming and multiple home page layouts.

Harvard Gazette home page (green theme)
Harvard Gazette home page (blue theme)
Harvard Gazette home page (orange theme)

Process

Working closely with Harvard’s director of content strategy, we interviewed the editorial and digital teams, developed and prioritized key user stories, and quickly moved from design to prototyping to iterative production sprints. Check out Agile for Agencies? A Chat for a deeper dive into this process.

Wordpress VIPThis project also required collaboration with Wordpress VIP, the Gazette’s all-in-one hosting, deployment, and security partner. Our engineers adapted our development schedule to accommodate a strict code review process while assisting with the migration and support of the over 23,000 (!) legacy articles published by the Gazette since 1997.

Rebranding

Our research and design explorations took inspiration from the Gazette archives to independent print magazines to modern data visualization applications. We think we landed on a logomark and visual language just right for modern-day Harvard — authoritative, accessible, and dynamic.

Sample of project typefeaces: Harvard (Maple font by Process Type Foundry), Students (Nocturno Display by Nikola Djurek), Faculty (Dinamit by Revolver Type)
Microscopic view of a butterfly wing The Harvard Gazette (logo)
Harvard Gazette home page (purple theme)
Arts & Humanities
Campus & Community
Health & Medicine
Science & Technology
University Announcements
National & World
Harvard Gazette home page (in iPhone)
Harvard Gazette article titled Underwater Photography Inspires Conservation
Always Awed by
the Marine World. Ellenbogen explores ocean ecosystems
from as far as away as Malaysia, Madagascar, and the Phoenix Islands in the central Pacific to as close as the cold Atlantic waters near his Brooklyn home — to unveil and document often-unknown undersea activities. Mauritius (aerial view)
Pullquote: Some of the best public art makes a statement about your connection to a larger environment” Harvard Gazette article titled Sensitive Art: Radcliffe installation brilliantly alert to surrounds (in iPhone)Close-up of LED light installation

Mobile Stories

Finally, we helped Harvard explore new ways to reach audiences outside the standard 800-word article. This Instagram-like story design lets readers swipe through a series of cards with integrated text, photography, and video.

Web page: How This Tricky Spider Turns Itself into an Ant. The jumping spider is an incredible mimic, transforming itself to hide form prey Web page: Eating ants is a hard game to play. Most predators would rater eat other things. Paul Shamble, Harvard Distinguished Science FellowWeb page: most of the time, teh spiders walk like spiders, using all eight legs... Web page: want more stories like this? Follow us @harvard

What We Did

  1. Research
  2. Content Strategy
  3. UX Design
  4. Branding
  5. Front-end Development
  6. CMS Development

Up Next: