7UP Digital Bartender

We got 7UP to turn your smartphone into an easy measuring tool for mixing drinks.


UX/UI, PRODUCT, BRANDING

15 second ad

About the Project

7UP is excellent on its own, but not many people know that it’s also a versatile mixer. To help demystify cocktail-making, we developed a web app that makes mixing drinks foolproof. Using the 7UP Digital Bartender, anyone can make over 30 unique 7UP cocktails and mocktails.

Instructional video

UX Problem

Recipes for mixed drinks are a Google search away, but a big hurdle that prevents people from creating mixed drinks is simply not having the bar tools. We needed to make the most streamlined experience possible to get people to enjoy a 7UP cocktail.

Initial Concepting Sketches

UX Solutions

Many ideas were concepted and iterated upon - like physical cocktail kits to pop-up cocktail vending machines. We needed to find a design solution that was the strongest but that could be done within a month timeline with limited production and developer resources.

Ingredient Proportion slider

To solve the bar tool problem, we turned to the tool most people have in their pockets – the smartphone. We worked closely with a UX researcher and a developer to create a simple measuring tool. With a slider, all the user needs to do is adjust the proportions based on their glass size, then pour accordingly.

Recipes

Because there are so many ingredient combos in the 30+ unique recipes we created, we needed a design system to define each of them. The end product was an array of colors and textures for the ingredients to help visualize the recipe proportions.

Ingredient category designs

Team

Creative Director
Brian Linder

Associate Creative Directors
Madison Miller
Lynn Bossange

Designer
Andrew Bui

UX Architect
Brian Edgin

Development
Riley Adair

Strategist
Corey Austin

Recognition

︎ 2019 People’s Choice Webby Winner “Best User Experience”
︎ 2019 Gold Dallas Addy
︎ 2019 National Addy

Say hello ︎︎︎ rewbui@gmail.com