Food & community / UI/UX design study
SipStruck
Make every drink choice easy to follow.
Design exploration · No production launch or measured business outcome reported.
EXPLORE THE CASE STUDY ↓01 / PROJECT COVER
Reimagining the bubble tea experience.
SipStruck introduces a bubble tea concept that connects drink customization, subscriptions, sustainability information, and community experiences.
02 / PROJECT OVERVIEW
One place to discover and personalize a drink.
The overview presents the eight-week project scope and concepts for a drink builder, subscriptions, sustainability, and community participation.
03 / PROBLEM STATEMENT
Connecting the parts of the bubble tea journey.
The problem board explores fragmented ordering, limited customization, weak repeat-visit incentives, store discovery, sustainability awareness, and community access.
04 / USER RESEARCH & INSIGHTS
Understanding what makes a drink experience useful.
The research board brings together customer personas and themes around convenience, customization, sustainability, subscriptions, rewards, and social connection.
05 / WIREFRAMES & INFORMATION ARCHITECTURE
A clear path from discovery to checkout.
The sitemap and wireframes organize the menu, Boba Lab, subscriptions, stores, sustainability, gallery, and contact pages, alongside a discover-to-customize ordering flow.
06 / DESIGN SYSTEM & VISUAL DIRECTION
A playful and consistent visual language.
The design board defines bright pink, orange, purple, and green colors with supporting pastels, Poppins and Inter typography, drink imagery, icons, cards, and controls.
07 / HIGH-FIDELITY UI SCREENS
The bubble tea experience across every touchpoint.
The interface showcase presents the home, menu, Boba Lab, subscription, sustainability, stores, gallery, and contact screens.
08 / KEY IMPROVEMENTS & FINAL SOLUTION
Customization within a connected drink experience.
The solution board brings together a drink builder, subscriptions, store discovery, sustainability content, community, and catering. The portfolio demo lets visitors choose a tea, sweetness level, and topping for a sample drink.
09 / OUTCOME & CONCLUSION
The complete SipStruck concept.
The closing board brings the final screens together with design takeaways around personalization, subscriptions, community, sustainability communication, and clear navigation.
NEXT CASE STUDY
MasalaCrust ↗
