User Experience Design: Campaign Microsite
Over 100 years of OREO moments to discover
http://www.oreo100.ca/en/timeline/
Over 100 years of OREO moments to discover
http://www.oreo100.ca/en/timeline/
For the OREO's 100th Anniversary, OREO Canada commissioned Trapeze Media to create a timeline (to be integrated into Oreo100.ca) that aggregates all of the key Oreo's moments, as well as major historical moments. In the original concept, the timeline would also include unique Canadian moments (some true, some 100% fiction) where OREO cookies featured in Canada's popular culture and political history.
Over a span of 100 years, each moment is represented by an OREO cookie. Inside each cookie lies a key moment waiting to be discovered by the user. The user is encouraged to scroll through the years and interact with the cookies. Over the course of 2012 (the 100th anniversary year), more moments would be added to the calendar to coincide with dates.
Over a span of 100 years, each moment is represented by an OREO cookie. Inside each cookie lies a key moment waiting to be discovered by the user. The user is encouraged to scroll through the years and interact with the cookies. Over the course of 2012 (the 100th anniversary year), more moments would be added to the calendar to coincide with dates.
Timeline UI Design
Wireframe - Original Timeline
Wireframe - Detail Modal
Additional Interactions
As a user clicks through, one could view video content or images & read up on the interesting moments. Users could dial up a decade, to jump to a specific time period. Or filter the timeline to view only images or videos.
UX Design: Kezia Payne
UI Design/Art Direction: Ella Potyrala
Development: Adrian Borrmann
UI Design/Art Direction: Ella Potyrala
Development: Adrian Borrmann
