Espresso Rootz Cafe

App Design

ER Cafe Thumb

Key take away:
• 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.

01

Business Case

02

Project Brief

03

Screen Flow

04

Wireframe

05

Prototype + Testing

06

Recommendation

SCREEN FLOW

Mapped out overall content structure and organization to define the screen flow. 

ER_ScreenFlow-white

WIREFRAME

Wireframes are organized with various elements and callouts to indicate how the app could be navigated to access information or complete the tasks.

WireFrames-03
WireFrames-04
WireFrames-05
WireFrames-06
WireFrames-07
WireFrames-08

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

LOADING PAGE – 1
Screenshot
SIGN UP
HOME PAGE
PROMOTION PAGE – 1
GIFT PAGE
ORDER PAGE – my favorites
CARD – HOME
ORDER – CHECKED OUT – 1
LOCATION33

PROTOTYPE

A working prototype below was used for testing. Test it out on this website or on your mobile device

• Prototype: Adobe XD, version 3.5
• Format: iPhone model 7

TASKS:
• Log in / sign in
• Weekly promo
• Weekly special events
• Community activities
• Ordering drinks/pastries
• Payment
• Gifting
• Location

Lastpage_Page_2
Lastpage_Page_2 copy

y. Bayi Smith © 2020. All rights reserved.