CLIENT

Nestlé 

ROLE

Sr. Product Designer

RESPONSIBILITES

Wireframes, Product Design, Prototypes, Design System, Asset Creation, Brand Guidance

TOOLS

Photoshop, Illustrator, InDesign,
InVision

Macbook

Coffeemate.com

Coffeemate

SUMMARY

In 2016, Coffeemate went through a major brand refresh in order to reach younger consumers– specifically, on-the-go parents and college students. To meet the needs of such a tech-driven audience, we created a responsive website built on systematic design thinking that could host a wide array of products and recipes. The design, taxonomies, and research conducted for the website ended up informing a large part of the new Coffeemate brand.

desktopmobile2

Discovery & Definition

process-comp

Design Process

screenshot1
sketches-comp
screenshot2
wireframe-comp
screenshot3
illo-comp

Design Principles




TRANSFORMATIVE
From the motion of page elements, to subtle animated buttons and copy, we continuously reinforce the theme of transformation to our end user.



AUTHENTIC
Using inspiration from both the brand and the packaging, the natural elements that surround everyday coffee-making create a feeling that is equal parts authentic and organic.


INTENTIONAL
The imagery contains the "perfectly imperfect" moments that occur while making our coffee, capturing the personality that each of us bring to our perfect cup.



FLUID
By simulating the "Bloom" of Coffeemate pouring into coffee, we capture the excitement that occurs during morning coffee preparation.

Design System

designsystem

Product-Inspired UI

CTA3

The Bloom represents creamer pouring into coffee, and inspired many of the animations on the site.

FeaturedProducts
ProductCategories

Photography

photo-comp

Typography

Group 8@2x

UI Design

ui-comp-tall2
Screen Shot 2017-09-12 at 3.25.46 PM

Case Study

ABOUT

I'm a Brooklyn-based product designer and illustrator. I specialize in experience design (UX/UI) as well as digital illustration.

ABOUT

I'm a Brooklyn-based product designer and illustrator. I specialize in experience design (UX/UI) as well as digital illustration.

CONTACT

For inquiries or questions, you can email me at hello [at] carinatous.com. I'm currently available for fulltime and freelance work.

SOCIAL

Interested in seeing me elsewhere? Follow me:
WNW  | Etsy |  Twitter |  Instagram  |  INPRNT

OTHER

Hey, thanks for looking at my work. And for reading everything in the footer, too. You've got an eye for detail.

All work © Carina Tous 2020.

All work © Carina Tous 2018.