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.

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.

PROTOTYPE + TESTING

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 phone camera

TASKS:
• Log in / sign in
• Weekly promo
• Weekly special events
• Community activities
• Ordering Warm Coffee Drink
• Payment (Card)
• Gifting
• Location
• User Profile
• Cart

y. Bayi Smith © 2024. All rights reserved.