Cocktail Subscription Box App

UX/UI Case Study

Master The Art Of Mixology Anytime, Anywhere.

Problem Statement

Those who enjoy cocktails and want to learn how to make them at home are often confronted by a variety of problems. They can be intimidated by the recipes, unsure of how to mix cocktails properly, or they don’t have the necessary ingredients/tools on hand, and if they do, what they have on hand is not very helpful in making other drinks.

Possible Solution

Create a cocktail mixing app that allows users to make a variety of drinks at home. Ingredients and extra tools can be shipped to a user’s home through the app. Users can then follow detailed instructions on the app to successfully mix their chosen cocktail.

Target Audience

Young men and women in their 20’s and 30’s who enjoy cocktails and like trying new things

The Approach

1. Competitive Analysis: What’s currently out there?


2. User Research: What do users really want/need?


3. User Personas: Who are we designing for?

4. User Flow Diagram: How will the users achieve goals?

5. Rapid prototyping for mobile: What does it look like?

6. Usability testing: Are we achieving our goals?

7. Typography and Colors: Does text style fit?

8. Visual Design: Are design elements working together?

Design Thinking Process

Using the Design Thinking Process, solutions are explored and extracted from defined problems shared by users early on. In the case for MixDrop, a clear solution for for the problem of missing ingredients was to include a way for ingredients to be delivered to a user’s home through the app.

Understand

User Research
User Interview
Competitor Analysis

Define

User Persona
Goal Statement
MVP Objective

Ideate

Brainstorming
User Flows
Sketching

Design

Paper Wireframes
Visual Design
Prototype

Test

CheckUsability
Survey Insight
Improvements

Project Timeline

UX Design

6th Week

Competitive Analysis &
User Research

1st Week

User Research & Interviews

2nd Week

Usability Testing

3rd Week

Problem Statement & User Goals

4th Week

User Flows & Prototyping

5th Week

UI Design

Inspiration & Mood Boards

7th Week

Primary & Secondary Actions

8th Week

A/B & Preference Testing

9th Week

Responsive Design Patterns & Grids

10th Week

Style Guide & Mockups

11th Week

12th Week

Understand Phase

Competitive Analysis - SWOT

Strengths

Extensive recipe database,
detailed information, and
professional guidance.

Weaknesses

Limited accessibility due to a complex interface.

Opportunities

Enhance the user interface, creating a more simple and inviting look to appeal to a broader audience.

Threats

Competitors with more user-friendly interfaces and features. Changing market trends affect user preferences.

User Research

To gather qualitative research, interviews were conducted on a variety of participants that fit within the range of the determined target audience.

Interview Questions

  • When was the last time you made a cocktail and how did you search for the recipe?

  • What is your process in deciding what drink you want? Do you struggle to choose?

  • What features/filtering would be most relevant to you when searching for cocktails?

  • Do you know what flavors you like to have in your drinks?

  • What are the biggest challenges to overcome for someone making drinks at home?

Key Insights Derived

  • Difficulty in having the right ingredients available may be number one obstacle.

  • Quote: “So many recipes require some obscure liquor that I can’t use in other recipes.”

  • Ingredient/Liquor compatibility is an obstacle.

  • Quote: “I know what flavors I like but I don’t know what cocktails have those flavors.”

  • Intimidation in mixing techniques and a general lack of knowledge.

Define Phase

User Personas

User personas were created with a variety of goals, tasks, needs, and challenges.

Jonathan

Age: 35

Education: No Degree

Status: Single/Divorced

Occupation: Investment Officer

Location: Denver, CO

Personality

Extrovert

Competitive

Goals

  • Wants to learn more about various drinks and expand collection of premium liquors.

Frustrations and Needs

  • Wants to find recipes quickly and efficiently.

  • Wants liquors and ingredients that are compatible with a variety of recipes.

Daniel

Age: 31

Education: BA

Status: Single

Occupation: Regional Sales

Location: Los Angeles, CA

Personality

Task Oriented

Extroverted

Goals

  • Wants to discover drinks based on his favorite flavors.

  • Watches videos on various mixing techniques.

Frustrations and Needs

  • Quote: “I know what flavors I like but I don’t know the names of the drinks that have those flavors.”

  • The financial investment of having liquors and ingredients on hand.

Audrey

Age: 28

Education: MA

Status: Married

Occupation: Therapist

Location: Austin, TX

Personality

Extroverted

Empathetic

Goals

  • Wants to host parties with friends and serve drinks at her home.

Frustrations and Needs

  • Wants access to multiple serving sizes.

  • Not knowing the correct ratios, missing ingredients.

Task Flow

User Flow - Signing Up

Subscription option #1 details

Subscription option #2 details

Enter personal information

Get Started

Subscription overview

Subscription Confirmation

Home Screen

Users can see a general overview of the two subscription options.

Users gain access to additional features and information after initial sign up.

Mid-Fidelity Wireframes

Typography and Colors

Font used:

Poppins font exudes a modern and versatile aesthetic, making it suitable for a wide range of design applications, from digital interfaces to print media.

Colors used:

Primary Color Hex#F35A2B

Secondary Color Hex#FEFCE5

Secondary Color Hex#CB7092

Text Color Hex#808080

Highlight Color Hex#FFDEDD

Visual Design

Selecting Drinks

Progression Bar and Cart

User can monitor progress of subscription sign up process.

Filters

Various filters can be applied to help users search for a variety of cocktail
packages.

Product Information

User can see all mixable cocktails they are able to make in each package.

Cocktail Packages

User will see a list of cocktail packages displayed beneath filters.

Cocktail Profile

Menu

User will see all navigation options and other services from menu.

Flavor Profile

Users can see a breakdown of the flavor profile for a wide range of cocktails.

Ingredients List

A clear recipe list is displayed including mixing instructions.

Final Mockups

Thank you for your time.