Espresso Rootz Cafe
Mobile App Design
OBJECTIVE:
• Business development opportunity
• UX/UI design for app development
PROJECT DISCRIPTION:
Café mobile app is designed not only to make ordering drinks convenient, it brings communities and like-minded people together to share their experience over a cup of drink.
PROJECT OVERVIEW
Business Case + Project Brief
• Mobile sale up 40% and growing
• Social media platform brings
communities closer
• Builds brand loyalty through
programs & personalized content
Screen Flow + Wireframe
• Information architecture org
• User flow
• Low fidelity wireframe
Prototype + Testing
• Mockup prototype
• High fidelity wireframe
• User test (Adobe XD mockup)
Test Run + Recommendation
• Various actiivities
• Reflection overview
• Update recommendation
SCREEN FLOW
Mapped out overall content structure and organization to define the screen flow.
WIREFRAMES
Wireframes are organized with various elements and callouts to indicate how the app could be navigated to access information or complete the tasks.
WIREFRAMES
The prototype was used to test and to understand usability, user interaction, perceived value for improvement opportunities.
• Tools used: Adobe, Ai, Ps, XD
PROTOTYPE
A working prototype below was used for testing.
Test it out on this web page or on your mobile device.
EXPLORE THE PROTOTYPE:
• Formatted for iPhone 11 or 12
• Scan the code using camera
TASKS:
• Log in / sign in
• Weekly promo
• Weekly special events
• Community activities
• Ordering Warm Coffee Drink
• Payment (Card)
• Gifting
• Location
• User Profile
• Cart
Design across Brand, Digital, and Product.
Quick Links
Creative Services
Contact Us
© 2025 Northern Sky Design Studio. LLC All rights reserved.