Bubbl mobile app
Role
Teammates
UX Designer
Solo
UI Designer
Duration
Tools
2 Months
Figma
Adobe Photoshop
Overview
The Problem
In today’s fast paced and convenience-driven world, some boba tea lovers face frustration when purchasing their favorite drink orders due to long lines, crowded stores, and inefficient ordering systems. When rush hour hits and a sudden surge of customers come rushing in, wait times can increase, which can make customers nervous. Additionally the increase pressure to decrease line sizes may cause for confusion when checking for identification when selling alcoholic beverages.
The Challenge
How might we develop Bubbl Bar’s mobile application to save customers time and convenience when ordering their favorite boba drinks - just the way they like them - while also handling ID checks smoothly when needed?
Deliverables
Research: Competitive Analysis, Initial Research | Define: Empathy Map, User Journey Map | Ideate: Information Architecture, User Flow Charts, Sketches, Site Map | Design: Wireframing, Prototyping, UI Style Guide
Research
Interviews
To get started, I conducted interviews to understand the target users and their needs. A primary user group identified was that of individuals who were did not want to wait in line, due to either being busy. Bubbl Bar’s target customers are meant to be young adults and older who enjoy both boba and drinking alcohol. When conducting interviews, these were the primary pain points found:
Wasted Time
Uncertainty and
Lack of Updates
Lack of
Transparency
Feeling Rushed or
Pressured to Decide
No Options to Save
Favorites
Fear of Missing Out
(FOMO)
Insights
Frustrations surrounding wasted time, especially during busy hours or short breaks.
“I don’t mind paying what I do for boba, but I hate waiting 15 minutes in line during my break.”
Troubles surrounding social discomfort, due to a dislike of large crowds or social anxiety.
“I feel so awkward with people breathing down my neck just for a drink. It was even worse because of Covid.”
Lack of customization options when ordering a drink or meal.
“I onced asked a cashier if I could get half sugar and almond milk, and they said ‘no changes allowed’ It didn’t say that on the menu so I wasted my time standind there.”
Personas
Based on information obtained from user research, I came up with two user personas whose demographics and goals represent the vast majority of the startup’s target users.
Anthony
Age: 30
Profession: Streamer
Frustrations:
Lactose Intolerant
Having to wait in long lines
Not having full control over
drinks
Goals:
Spending time with friends with good drinks
Being able to find time to relax
to be able to try new drinks that other shops don’t have
Monica
Age: 23
Profession: Graphic Designer
Frustrations:
Feeling overstimulated
Finding cafes spaces that aren’t too crowded
Not knowing how many calories are in the menu items
Goals:
Staying within macros while eating out
Finding spaces to work away from home
Competitive Analysis
After conducting the interviews, I decided to do a competitive analysis by looking at some existing boba ordering platforms or sites, and navigated through them. I also read the customer reviews to help me identify some drawbacks of the existing resources and what could be improved on.
Design
Brainstorming
After conducting user interviews and analyzing my research, I focused on ideas that solved the primary pain points I came across and met user desires for convenience, speed, and control. Something I also had to remember was that Bubbl Bar is intended to be a boba tea shop that also serves alcoholic beverages, so a seamless ID verification that did not hinder the user flow needed to also be considered.
Key Solutions from User Needs
Pre-ordering capabilities with live wait time tracking and real-time pickup schedule
An intuitive customization interface and ID verification
Saved favorite orders for quick reordering and rewards system
Features to address these needs
Quick Order and Pick-Up Scheduling
Pre-order drinks in advance
Choose pickup time window
Real-time queue updates
Full Customizable Drink Builder
Adjust sweetness level, ice level, etc.
Save favorite combos for one-tap reordering
“Create Your Own” option to build from scratch
Secure ID Verification
Built-In age verification for drinks
with alcohol
Digital ID scan (e.g., upload government issued ID once)
In-app age confirmation for
recurring verified users
System Map
Low-Fidelity Wireframes
Splash Screen • Menu • Order • Order Confirmation
Onboarding
Landing Screen
Onboarding #1
Onboarding #2
Onboarding #3
Menu
Home Screen
Homescreen #2
Non-Alcoholic
Alcoholic
Order
Home Screen
Homescreen #2
Non-Alcoholic
Alcoholic