ZOMBIE MATCHA
Zombie Matcha is your go-to app for all things matcha! Offering a diverse menu of matcha-based smoothies, bowls, and lattes, Zombie Matcha lets you customize your orders with various fruits and flavors. Available 24/7, our app ensures you can enjoy your favorite matcha treats anytime, with direct delivery to your door for ultimate convenience. Discover the vibrant, refreshing world of matcha with Zombie Matcha today!

MY ROLE
UI Visual Designer
INDUSTRY
Online Store & Delivery
TEAM
UX Ana Beltran
UI Ana Beltran
Idea by Ana Beltran
DURATION
1 week
OVERVIEW

This fictional app store showcases my skills in Figma, highlighting my creativity and design capabilities.
Objective
​
The Zombie Matcha app aims to revolutionize the way customers order and enjoy matcha-based products. By offering a seamless and engaging user experience, the app will allow users to explore a diverse range of matcha-infused items, customize their orders, and receive fast, reliable delivery without the need for third-party services. Operating 24/7, Zombie Matcha ensures that users can satisfy their matcha cravings at any time of day or night.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Key Features
​
-
Comprehensive Product Menu:
-
A diverse range of matcha-based smoothies, bowls, and lattes, with options to combine matcha with various fruits and flavors.
-
Detailed product descriptions, including ingredients and nutritional information.
-
-
Customization Options:
-
Allow users to personalize their orders with additional fruits, flavors, and toppings.
-
Visual previews of customized products to enhance the user experience.
-
-
User-Friendly Ordering Process:
-
Intuitive navigation and streamlined checkout process to make ordering quick and easy.
-
Secure payment options with the ability to save payment information for future orders.
-
-
Real-Time Order Tracking:
-
Provide users with real-time updates on their order status and estimated delivery time.
-
GPS tracking to monitor the delivery route and ensure timely arrivals.
-
-
24/7 Operation:
-
Ensure that users can place orders and receive deliveries at any time, day or night, to meet their needs and schedules.
-
-
User Profiles and Preferences:
-
Allow users to create profiles, manage personal preferences, save favorite products, and view order history.
-
Personalized recommendations based on past orders and user preferences.
-
​
-
​
Conclusion
​
The UX/UI design of the Zombie Matcha app aims to create a delightful and efficient user experience that highlights the unique offerings of matcha products. By focusing on intuitive navigation, engaging visuals, and seamless functionality, the app will ensure that users can easily discover, customize, and enjoy their favorite matcha-based items, with the convenience of direct delivery at any time. This will position Zombie Matcha as the leading platform for matcha enthusiasts and health-conscious consumers alike.
Target Audience
-
Matcha Enthusiasts: Individuals who regularly consume matcha and are always on the lookout for new and exciting matcha-based products.
-
Health-Conscious Consumers: People who prioritize healthy eating and are interested in nutritious options like smoothies, bowls, and lattes made with natural ingredients.
-
Busy Professionals: Users who need quick, reliable food and drink options that can be delivered directly to their home or office.
-
Customization Lovers: Customers who enjoy personalizing their food and drink orders to suit their unique tastes and dietary preferences.
Vision
To create a vibrant, user-friendly app that showcases the health benefits and delicious flavors of matcha, while providing a convenient and enjoyable ordering experience. Zombie Matcha aims to become the go-to platform for matcha enthusiasts and health-conscious individuals seeking high-quality, customizable matcha products.
DESIGN PHASE

Landing Page
Annotations
1. Logo
2. Logo #2 Name


3. Landing page App
Color Styles
Primary Colors
Secondary Colors

Login Page
1. "Login Button"
2. Keyboard
3. Log in input


Home Menu Page
Customization Page
4. Flavors menu
5. profile
6. Home
7. Shopping cart
1. Hamburger
Menu
2. Light mode/
Dark mode
3. Slide picture
display
1. Drop Down Menu
2. Size Options
3. "Add Button"

Credit card Page
1. Delivery address info
2. Name and card info
3. "Pay Button"
4. "Cancel Button"

Live delivery page
1. Delivery pickup point
2. delivery address
3. arrival time display
4. "Cancel order link"
FIGMA PROTOTYPE
1. Click anywhere on the landing page
2. Select your Zombie Matcha flavor
3. Add topping "Chia Seeds"
4. Select size "Large" of your smoothie
5. Click on your shopping cart
6. Next Add personal info
7. payment and "Voila"
​
your delivery is in process.




