Espresso Rootz Cafe

Mobile App Design

ER Cafe Thumb

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.

ER-Report-Cover-small4

PROJECT OVERVIEW

ER-ProjectBrief2

Business Case + Project Brief
• Mobile sale up 40% and growing
• Social media platform brings
  communities closer
• Builds brand loyalty through
  programs & personalized content

ER-Wireframe

Screen Flow +  Wireframe
• Information architecture org
• User flow
• Low fidelity wireframe

ER-Prototype

Prototype + Testing
• Mockup prototype
• High fidelity wireframe
• User test (Adobe XD mockup)

ER-4-column-Test-Run

Test Run + Recommendation
• Various actiivities
• Reflection overview
• Update recommendation

SCREEN FLOW

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

ER_ScreenFlow-white

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-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
LOADING PAGE – 1
SIGN UP
HOME PAGE
PROMOTION PAGE – 1
COMMUNITIES-PAGE-Communities
PROFILE-PAGE-1
GIFT PAGE
ORDER PAGE – my favorites
CARD – HOME
ORDER – CHECKED OUT – 1
LOCATION33
Friend-Add-Search

PROTOTYPE

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


D6D6D6-QR


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


ER-4-column-Test-Run3

About

+ Bio
+ Experience
+ Education
+ Skills

Work

+ UXD
+ ID/PD
+ VCD

Social

Let's Connect!

I'd love to connect. Please send me an email. I will respond as soon as possible. Looking forward to hearing from you.

y. Bayi Smith © 2021. All rights reserved.