Skip to content

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.

This 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 typefaces: Maple font by Process Type Foundry, Nocturno Display by Nikola Djurek, and 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 on mobile
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. Aerial view of the sea and coast of Mauritius.
Quote: '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 surroundings (on mobile).

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.

Section of a page on the Harvard Gazette website with text that reads: So how does Archive do it? Section of a page on the Harvard Gazette website with text that reads: Jumping spiders really like to know where they're going, so we gave them a totally open space to wander in.
Section of a page on the Harvard Gazette website with text that reads: Ants produce formic acid (yuck), so they taste terrible. Section of a page on the Harvard Gazette website with an instagram logo and text that reads: 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