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.