WEBSITE

Vita Coco

Transforming VitaCoco.com into an engaging educational hub for consumers.


VIEW WEBSITE

mj_casestudy_hero11mj_casestudy_hero11

Already operating as the world’s largest coconut water brand, Vita Coco knew that expanding their line of natural coconut products into coconut milk and coconut oil would likely result in wider distribution and more opportunities as a brand. They tasked HYFN with developing a web experience that would support their efforts to drive trial and adoption of their full range of products. Tangible goals included increasing page views per session as well as overall time spent on site. With the need to adapt to 18 different global markets, the site also required a custom, responsive content management system.

To encourage adoption of these new product categories, we first needed to educate consumers—both on the benefits of coconut products in general, as well as their broad range of uses. Everything we created needed to inspire trial and drive purchase consideration in a snackable, while still helpful, way.

We approached the site experience as a consumer-centered resource, including content such as inspirational recipes and suggested uses via a blog section—all with the intention of highlighting the numerous ways Vita Coco fits into any lifestyle.


CLIENT
Vita Coco

AGENCY
HYFN


DATE
June, 2017

ROLE
Creative Direction, Design

01_Design_Fullscreen01_Design_Fullscreen
UX_comp_01UX_comp_01

PARALAX ANIMATION PREVIEW

CATEGORY SELECTION MODULE

02_Design_Inline_CategorySelection02_Design_Inline_CategorySelection

PRODUCT SELECTION MODULE

03_Design_Inline_VarientSelection03_Design_Inline_VarientSelection

PRODUCT DETAIL MODULE

04_Design_Inline_DetailModule04_Design_Inline_DetailModule
06_Design_Divider_Mobilecomps06_Design_Divider_Mobilecomps
designs02designs02
designs04designs04


CLIENT SERVICES
Scott Mallone, Kevin Selhi

CREATIVE DIRECTION
Scott Mallone, Nick Boes

ART DIRECTION
Nick Boes, Geoff Roseborough

UX DESIGN
Jasmine Pae


DESIGN
Nick Boes, Geoff Roseborough

PROJECT MANAGEMENT
Susan Kirksey, Brie Aseltine 

DEVELOPMENT
Daniel Leavitt, Tom Krenzke, Melanie Windh

PREV PROJECT

NEXT PROJECT