Diptyque

Diptyque is a French company that produces a high-end line of scented candles, perfumes, face and body care. Diptyque approached us looking for a revisioning of how the brand translated to a digital experience. Our response was to reposition the brand as a scent company rather than a candle company, to inject the experience of their physical stores into the visual design and experience, and to focus on the rich storytelling and inspiration that goes into their scents.  

AGENCY   Rokkan         ROLE   Concept, Art Direction, Visual Design, UX        YEAR   2015

007_Diptyque007_Diptyque

THE STOREFRONT

We took inspiration from Diptyque’s custom, eclectic and foliage-filled physical storefronts and injected that approach to our homepage. Floating objects, ferns and florals are paired with products from iconic scent lines. The homepage focuses on scent families instead of being too product specific, and showcases some of the brand’s unique visual style and history.

010_Diptyque010_Diptyque

SCENT FAMILIES

Product category pages are separated by scent family of scent to place more focus on the scents themselves. Each page is saturated with visuals representative of the family.

012_Diptyque012_Diptyque

VISUALIZING SCENT

To translate the physical act of product testing to a to a digital experience, product pages open as an overlay and allow navigation between related products. Each scent has a unique story, as well as makeup of fragrances which we visualized through diagrams. Imagery and media are used to communicate the location and story behind the scent. 

006_Diptyque006_Diptyque

CREATIVE DIRECTION   Brian Barenio

[unex_ce_button id="content_exq3kobmh" button_text_color="#000000" button_font="light" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#ffffff" button_padding="25px 80px 25px 80px" button_border_width="1px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://saulfougnier.com/work/samsung/" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]NEXT PROJECT[/ce_button]