casestudy-hero-caribou

Clean Label

Caribou Coffee has set a Clean Label standard for making them the first national coffeehouse chain to offer beverages made with no added artificial ingredients. VITRO agency was to build a brand around Clean Label by engaging and educating them on what Clean Label means. Our digital department was tasked particularly to come up with design and strategy for the HTML static landing page which was an online destination for this entire campaign.

-ROLE
Design
UX
Content Strategy
Front-end Direction

-YEAR
2017

Visit Website

-ROLE
Design
UX
Content Strategy
Front-end Direction

-YEAR
2017

Visit Website

responsive-caribou

Landing Page Objectives

  1. Engage with the content of Caribou’s commitment to Clean Label
    + Our success was measured with time spent on site and bounce rate


  2. Educate on Clean Label at a product-level
    + Our success was measured with click behavior and user interaction on page

  3. Incentivize drinks trial and push through to local store
    + Our success measured with goal conversion (how many users triggered the coupon) and click through rate (if they visited location page or main Caribou site)

Landing Page Objectives

  1. Engage with the content of Caribou’s commitment to Clean Label
    + Our success was measured with time spent on site and bounce rate

  2. Educate on Clean Label at a product-level
    + Our success was measured with click behavior and user interaction on page

  3. Incentivize drinks trial and push through to local store
    + Our success measured with goal conversion (how many users triggered the coupon) and click through rate (if they visited location page or main Caribou site)
wireframe-caribou-1
wireframe-caribou-2

DESIGN

caribou-full-design

During the discovery, we found out that Cariou’s Clean Label movement had quite a history. They revisited their ingredients from coffee bean sourcing to caramel sauce. They truely care about the quality of products, and we wanted to make sure that site visitors get exposed to these untold stories.

desktop-browser-caribou-journey

Our biggest challenge was how to keep visitors engaged with the contents. We have great stories but who really reads nowadays? So we came up the unique scroll jacking experience which let users interact with the list of artificial ingredients. This long list stays next to other company’s coffee and visually communicates that such large amount of bad ingredients could be used in non-Caribou coffee.

The fun dialogue is incorporated in both list and bouncy scroll mouse icon to keep this experience more interesting. Users will be rewarded by drink coupon upon a completion.

Design Approach

Our core audiences are 18-24 female so we took more warm, playful and personable design and copy approach.

caribou-branding-1
caribou-branding-4
caribou-screen-1
caribou-screen-3
caribou-screen-2
caribou-screen-5

Results and Key Metrics

Clients loved how the landing page design came out, so they decided to redirect people who connected to Caribou’s in-store wifi.

30 DAYS METRICS

stats-caribou-time-3

was spent on page in average

stats-caribou-coupon

drink coupons received

stats-caribou-events-2

 unique events occurred in total

View More

ICE MobileMobile UI/UX Design

Employee Training PortalUI/UX, Educational Tool

adidas.com MigrationUI/UX, Website Migration

I thrive with fun brands and people.
Let's build some awesomeness together. 

lisa_icon_red_small-1

© lisa inoue 2022. All rights reserved. 

© lisa inoue 2019. All rights reserved. 

LinkedIn     Dribble    VSCO

LinkedIn     Dribble    VSCO