Sandwich ordering and delivery app concept

splash screen
onboarding screen 1
onboarding screen 2
onboarding screen 3

20+
Screens

40+
Hours

Role : UI UX Designer

Date : 5 Jan 2021

Why SANDWICH?

Sandwich is a concept which is started by choosing a random prompt in sharpen. I have refered feedbacks and research from a few competiting apps. Followed a UCD design process (User Centered Design). Sandwich will make the user order sandwiches through the app without spending much time to wait in a lines and pay to get the sandwich. Sandwich Has an easy payment methods and it makes users to track the order which are placed for delivery.

Info: This case study doesn’t include all the works done for the app, though it is an overview of the entire journey of sandwich app.

Target Audience

The targeted users are busy professionals, home makers, grand parents, students, etc,. People who has no time in their busy schedule will have benefits using sandwich, and the people who loves to hangout with friends or family might be needed an app like this.

Many people are having frustrations while waiting in the line at shops and ordering. When something is getting so long, people will usually get frustrated. The challenge is to make them order easily without spending much time in lines, to deliver food to their current locations.

Challenges

My design process

Empathize

Scenario: Clarke is an accountant in a professional firm. She used to get lunch out in the break time. She went to sandwich shop and noticing that ordering will be done as one by one by waiting in line. She really frustrated that she has no big time wait in the line. She is not in the will to go other shops because she thinks that it may take more time than this. She stays in the line and waited for 20 mins for her turn to come. when her order came she only had few mins left in break. She is upset and decided to take parcel and go. She left the shop without eating any.

Empathy map

empathy map image

Define

Personas are really helping when finding a problem of user groups. User groups are set of similiar users. By doing persona it’s easy to identify the problems users face. And it led me towards thinking the solution for a specific group of users which makes the over all users experience good.

Persona

persona image

Problem statement

problem statement image

Ideate

I used many tools to ideate a solution for the users problem, the tools are crazy 8s, both big-picture and close-up storyboards, sketching wireframes, paper prototypes, user flow. User flow helped me to look at the user journey through app and the screens, like decisions users take, screens users face, and the actions users does. Following i provided my user flow for the sandwich application.

User flow

user flow image
Want to look at the work i did? Click the below images
storyboard imageswireframe sketches link

Information Architecture(IA)

Information Architecture image

Wireframes

Prototype

Mockups created with consistency and made the screen's over all flow smooth and simple. Below are the sections of the app which are briefly explained.

Want to look at the interactive prototype? Click  Here

Getting started

splash screenonboarding screen 1
onboarding screen 2onboarding screen 3
login screensignup screenselect address screenhome 1.1 screen

Placing orders

my cart screenpromocode screenpaying order screenorder confirmation screen

My cart is created with a clean details of the items which are added. Added a promo card section before proceed to the payment. Also included wide variety of payment methods. There is a confirmation dialog after the payment is done.

Payment methods

payment methods screencard payment screennet banking payment screen

I decide to go with the present trends while doing the payments screens. Included Card payments, Netbanking payments, E-wallets, and a cash payment. This screens are familiar to nearly many apps in the market so the user might be aware of this. I’m not assuming the user i’m just saying that this screen are tested by the competitor’s and came with good user experience.

Tracking order

home 1.2 screentracking order screen

Last thing in the story is waiting for the order to come, by this time providing a tracking feature will be more effective to keep the users tension free. Map navigation of the delivering person is feels and make the app more real.

login screenforgot password screencreate password screenmenu floating action button screenempty cart screensettings screensaved locations screenoffers screenadding card screen

Testing

During this phase I needed to do some design critiques, usability study of the sandwich app. Unmoderated usabilty study will be the good fit for the test.

Research questions

Style Guide

style guide image

Thanks For Watching!

Please give some feedbacks on this UX design case study. Your feedback will be more valuable to me.

Year: 2021 Creative field: UX Design, Interaction:2020

my profile picture

Vijay Kumar

UI/UX designer

personal link direction board