Screenshot (12)_edited.jpg
 

Hungry Sandwiches'

Food Ordering and Pick up App

Hungry Sandwiches’ is a Sandwich shop which serves multiple types of sandwiches and sides. It is based on Urban-Suburban based store. Hungry Sandwiches' target audience is majorly individuals with less time for cooking. Their secondary target market is people who like to try different flavors and are interested in quality over quantity.


Project duration:

December 2021 to March 2022

2Xcg.gif
 

The Problem:

Busy restaurant have lack of time management to prepare food for customers. Customers have to wait long time for getting their food. Customer were frustrating as they have to wait in long line.

The Goal:

To Create an app that allows users to see how much is the wait time and user can pick up their food without waiting in line.

My Role

UX designer designing an app for Hungry Sandwiches from Fast order to Fast pick up.

Responsibilities:

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

 

Understanding the user

 

User research: Summary

To get a better understanding of the consumers I'm creating for and their requirements, I conducted interviews and built empathy maps. Working adults who don't have time to wait in line were identified as a main user category through research.


The user group stated that they were having difficulty waiting in line, but they also mentioned that they were all dealing with additional concerns, such as how long it takes to place an order and so on. They also said that with their busy schedules, going to the restaurant and placing an order was difficult, and it was disrupting their timetable.

 

User research: Pain Points

Time

User feels lengthy and time consuming process for ordering their food.

time-management-720.jpg

User Flow

User flow of an application is very complicated and confusing.

depositphotos_85865812-stock-illustration-confused.jpg

Personalized Experience

Other food ordering application have lack of personalized experience.

The-Importance-of-Personalized-Customer-Service-IMAGE.png
 

Persona: Laila Anderson

Laila is working mother of 2 children and do not have time to wait in long lines. She needs an option to get her food without waiting in line.

Picture1.png
 

User Journey Map

Mapping Laila’s user journey revealed how helpful it would be for
users to have access to a dedicated Hungry Sandwiches app.

Picture2.png
 

Starting The Design

 

Paper wireframes

Taking the time to sketch out iterations of each app screen on paper guaranteed that the parts that made it to the digital wireframes were well-suited to addressing customer pain points. To assist consumers save time on the home screen, I focused a quick, smooth ordering process and pick up.

Picture1.png
 

Digital wireframes

As the first design phase progressed, I made it a point to base screen designs on user feedback and discoveries.

Picture3.png
 
Picture4.png

In addition to equipping the app to interact with assistive technologies, easy navigation was a crucial user need to meet in the designs.

 

Usability study: Parameters

Study type:

Unmoderated usability study

Location:

Hamilton, ON Canada

Participants:

8 participants

Length:

7-10 minutes

 

Usability study: Findings

I carried out two rounds of usability testing. The results of the initial study were used to steer the design process from wireframes to mockups. A high-fidelity prototype was employed in the second research to indicate which areas of the mockups needed to be improved.

Round 1

Finding

User wants to see Deals page more attractive.

Finding

User wants to save payment option

Finding

User wants to see how much is waiting time at front page.

 

Round 2

Finding

They did not seem to see waiting time at front page properly. 

Finding

User find tracking their order page confusing.

 

Mockups

Based on the insights from the usability study, I made changes to improve the site’s Navigation. I changed Some text buttons to Icons, I changed “copy” and “print” with new icons.

Picture5.png
 

Mockups: Original screen size

 
Picture6.png
 

High-Fidelity Prototype

The final high-fidelity prototype had smoother user flows for ordering sandwich and for faster pick up. This design also includes option for sandwiches and other deals for the week.


View Hungry Sandwiches

High Fidelity Prototype

Screenshot (14).png
 

Accessibility Considerations

Users with vision impairments were given access by adding alt text to photos for screen readers.

Used icons to help make
navigation easier.

Used voice command
For the search option for someone who is not able to type.

 

Going Forward

 

Takeaways

Impact:

This app makes user feels like Hungry Sandwiches are considering user’s needs..


One quote from peer feedback:

“ This app is considering real life issues and solving it. This app will save a lot of time and energy of the users.

What I Learned:

During the development of the Hungry Sandwiches app, I discovered that the first concepts are merely the beginning of the process. Each iteration of the app's designs was informed by usability research and peer feedback.

 

Next Steps

Conduct another round of usability tests to confirm that the users' pain concerns have been appropriately handled.

More user research is needed to identify any new areas of need.

Identifying any

upgrade on design of any page.

 
istockphoto-1273372094-612x612.jpg

Let’s Connect!

Thank you for reviewing my work on the Hungry Sandwiches' App.


if you’d like to see more or would like to get in touch, my contact information is provided below: