Mục lục bài viết

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.