Introduction
Sweetie Cup Tea House is a beloved local bubble tea shop in San Luis Obispo, catering primarily to Cal Poly college students and tourists. To enhance customer engagement and streamline the ordering experience, I designed a mobile app with a fresh and vibrant UI that aligns with the youthful energy of its target audience.
Problem
Currently, Sweetie Cup Tea House does not have a dedicated mobile application. Their existing third-party ordering website is functional but lacks key features such as new product displays, an interactive rewards system, and a visually appealing interface that resonates with their young customer base. The business owners wanted an app that would not only facilitate online orders but also enhance brand engagement through a modern and inviting user experience.
User Persona
Name: Emily Chen
Age: 20
Occupation: College Student at Cal Poly
Pain Points:
- Wants a quick and seamless way to order her favorite drinks.
- Prefers an app that offers rewards and promotions.
- Likes discovering new flavors but finds the current website too limited.
- Prefers a visually engaging and intuitive interface.
Wireframe
To lay the foundation for the app’s structure, I created a wireframe that outlines the essential user flow. The design includes:
- A homepage with quick access to ordering and scanning QR codes for in-store rewards.
- A seamless sign-up and login process with guest checkout options.
- A structured menu layout with category-based browsing.
- A cart and payment system that supports multiple payment methods.
- A rewards system where users can track and redeem points.
Mockup
The final UI design integrates Sweetie Cup Tea House’s branding with a youthful and vibrant color palette, primarily featuring #FFD700 (golden yellow) to attract the college demographic. Key design highlights include:
- A modern, clean, and engaging interface that enhances usability.
- A rewards page that motivates repeat purchases.
- A menu color scheme that changes based on drink categories for a more immersive experience.
