Zane's Sandwich Shop

Zane’s sandwich shop is located in Denver. Zane’s strives to create healthy sandwiches with quick and easy service. They target customers like busy professionals and families who lack the time to prepare a meal.


My Role

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and design iteration.

The Problem

Busy professionals and families lack the time necessary to prepare a meal.

The Goal

Design an app for Zane's Sandwich Shop that allows users to quickly and easily order food.

User Research Summary

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was young professionals who don’t have time to cook meals. 


This user group confirmed initial assumptions about Zane’s customers, but research also revealed that time was not the only factor limiting users from cooking at home.

Other user problems included obligations, interests, and challenges that make it difficult to prepare meals.

RESEARCH

User Pain Points

Time

Working adults are too busy to spend time on meal prep

Accessibility

Platforms for ordering food are not equipped with assistive technologies or language options

Information Architecture

Text-heavy menus in apps can be difficult to read and order from.

Persona

Rania is a Trust Assistant who needs a quick and convenient way to order food for delivery because she works a full-time job while taking classes to advance her career and has limited time to cook.

Journey Map

​Mapping Rania’s user journey revealed how helpful it would be for users to have a quick and easy way to order their favorite sandwiches through an app.

Paper Wireframes

​For the home screen, I prioritized a quick and easy ordering process to help users save time.

WIREFRAMING

Digital Wireframes

​In the initial phase, I included user-centered findings from the research.

Low Fidelity Prototype


I created a low-fidelity prototype. The primary user flow was to connect all of the basic functions like ordering and paying for the order, so the prototype could be used in a usability study.

TESTING

Usability Study Findings

5 usability studies were completed. Here are the main findings.

Round 1 Findings
Users felt the food ordering process took too long
Users wanted to change the order of the checkout page
Users were confused on where to start an order
Round 2 Findings
Users may not use all of the functions in the menu options
Users want more food menu items
Users do not understand the re-order function

Mockups

​After the usability studies, I incorporated user feedback including to switch the order of the total and food items. 

Key Mockups

Accessibility Considerations

01
WCAG Guidlines

Used designs that meet the web accessibility guidelines.

02
Images with text

Images with text for all of the menu items.

03
Icons

Used icons to make navigation easier.

Takeaways

No matter how long you have been designing, there are always things you learn for every project. Here are a few of my takeaways.

Impact
“I could be on a zoom call and multitask with the ease of this food ordering app.”

-Sandwich Lover

What I learned
I learned not to be too attached to your initial designs because with each round of iterations it will change. The improvments are user based and really enhance the product for the users.

© All 2022 All rights reserved. Design by Katrina