Reinventing the coffee creamer web experience.

CLIENT: Coffeemate
ROLE: Lead Product Designer; Digital Art Director
DATE: August 2016


In 2016, Coffeemate went through a major brand refresh in order to reach younger consumers—specifically, on-the-go parents and college students. With such a tech-driven audience in sight, their website would be one of the most crucial parts of this new brand introduction.

Coffeemate Website DesignCoffeemate Website Design

A User-Centric Experience

We created a mobile-first, responsive website inspired by 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 huge part of the new Coffeemate brand.

Coffeemate Website Design ImageCoffeemate Website Design Image

Product-Inspired UI

“The Blom” represents creamer as it mixes with coffee—this natural interaction became the animation principle for interactions throughout the website. The color palette was inspired by Coffeemate’s packaging. Each color was carefully selected to compliment the products.