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