Caley Ostrander
 
 
caley-ostrander-chanel1.jpg
 
 
 

 

 

A new digital experience for an old, celebrated brand and its archives.

 

 

 

 

 
Screen Shot 2017-09-29 at 2.36.11 PM.png
 
 
 

THE BRIEF

The storied fashion brand Chanel has a very long, rich history that encompasses many facets — the glamorous and mysterious life of Gabriel Chanel, the brand's place in popular culture, and the historical milestones of the brand itself. With all of this rich history, the internal team at Chanel was interested in building out an experience that would compile all of this rich history into one place. This experience had to put historical information front-and-center also surface a general section for questions and answers from the preservation team about how to care for and preserve historical Chanel pieces from the collection. 

THE SOLUTION

The overall approach to this site was a responsive web experience, in addition to an app that would mirror the visual look and feel of the web designs. Aesthetically, there was a fine line to tread between surfacing historical information while not making the brand feel old and dated. It still needed to maintain the sleek, progressive look of the Chanel brand. The experience was broken into sections (a general home page about the mission of the archives, places, timeline, objects, and culture) that were navigated to via the main nav. Each individual section was a long scrolling experience from top to bottom with lots of fluidity and motion throughout.

 
 

 

Animation

App Design

Responsive Design

 

User Experience Design

User Interface Design

Interaction Design

Prototyping
 

Screen Shot 2017-09-29 at 2.36.56 PM.png
 
 
 
 
 
 
 
caley-ostrander-3.jpg
 
 
search-animation.gif
 
 
 
 
 

The mobile app was designed to mirror the desktop experience and maintain the same feeling of sophistication.

 
 
 
 
Screen Shot 2017-10-13 at 2.57.33 PM.png
 
iphone-caley-ostrander-ch.png
 
 
 
 
 
 
 
bg.png
search-animation.gif
Screen Shot 2017-10-07 at 10.08.16 PM.png

WATCH DESKTOP PROTOTYPE:

Screen Shot 2017-10-17 at 7.49.57 AM.png