Website Design
CoffeeMate.com
A digital system designed to demonstrate how coffee creamer can transform your day.
We all know of an elderly family member who more than likely has bottle of Coffee-Mate in their cupboard. For Coffee-Mate, that's great. But, they needed help reaching out to today's on-the-go parents and college students.
To help them achieve this we established a new design system inspired by the transformation that happens when Coffee-Mate is added your coffee. Everything from the color pallet, to the product photography, to the UI itself was injected with new life and vibrancy on every page load and user interaction. Thereby, bringing the product benefit of Coffee-Mate itself to life through the digital experience.
The bloom, was a concept injected into each user interaction. Similar to the bloom that happens when Coffee-Mate creamer is added to your coffee, each button click/ tap/ swipe initiated within a Coffee-Mate experience would result in a color change and a bloom of added vibrancy.
My role & contribution
I was fortunate enough to be a part of a truly strong UX/ UI team on this project. My role was to lead the design vision along with the UX director and help guide the team through defining how the new Coffe-Mate digital experience should act and feel.
Direction
Cory Galster - DD
Frank Lockwood - UXD
Neal Gibeau - Strategy
User Experience
Lenton Alston
Product Design
Aldo De La Paz
Carina Tous