Havard University Hall of History Interactive

  • ClientHarvard

  • Year2016

Client: Harvard University

Agency: Downstream

Role: Design Director / Lead Interaction Designer/Art Director/QA

Project Description: 

The Lee Family Hall of History at Harvard University is a place that showcases a timeless tradition of academic success and athletic excellence. This digital experience, contained within two separate totem-style platforms provide visitors with the opportunity to explore Harvard Athletics on a digital timeline. Visitors can explore important sports stories and gain understanding of how so many great traditions came to be. I was tasked with working closely with the client to develop a platform that would showcase important brand stories, work closely with the development team to create an updatable CMS that allowed for ease of content creation and create the visual language of the experience that upholds Harvard’s brand standards and expectations.

Ambient/Attract Mode: “Living” Flags or full-length banners provided the opportunity and flexiblity to showcase alumni, student-athletes and custom welcome messaging.

Introduction to the Experience: Upon entering the space, the visitor sees large banner images subtly waving in the wind. As they walk through the hall, the banners unfurl to reveal an introduction and access to the Hall of History Time Explorer. When the visitor touches a banner, it fades out and the introduction screen is displayed. The purpose statement of the interactive is displayed, and the navigation icon functionality is defined. The visitor can choose to view the timeline or choose to explore by choosing a theme. The backbone of the interactive is a constant timeline of stories and events. All content is tagged with a date and occupies a specific place along the timeline. Stories open on top of the timeline, and visitors can scroll through the panels of each story. The navigation allows visitors to explore by theme, view the athletic facilities map, the athletic calendar and use the search feature.

The visitor scrolls the timeline by swiping up or down. As the visitor swipes up or down, decades expand and contract. When expended, all content within a decade is revealed and becomes actionable. Stories can be launched by selecting them. If a visitor continues to swipe down, they will eventually reach the “beginning” of
the timeline. The beginning of the timeline features Harvard-related imagery and custom messaging. If a visitor continues to swipe up, they will eventually reach the “end” of the timeline. The end of the timeline features a Harvard-related image and custom messaging that references the future. Stories can be viewed by selecting an access point from the timeline. Featured stories are larger in scale and showcase more significant stories. Each featured story access point consists of a large image, date, title and description. Other access points are smaller in scale and include the date, title, a one-line description, and may or may not include a thumbnail image. The newest Featured Stories will be displayed when a decade on the timeline is collapsed.

Story platforms are flexible and easily created within the CMS platform.