Foodies App
An app designed for street food vendors and the foodies who love them by providing a digital space that is affordable, convenient and time saving.
Roles
Deliverables
Project Specifications
This is a concept project where I assumed the following roles:
• UR Designer
• UI Designer
• UX Designer
Interaction Design: Low and high-fidelity interactive prototypes for key tasks on desktop, mobile, and tablets.
UX/UI Design:
• Competitive analysis
• User surveys
• Site map
• Personas
• Low-fidelity wireframes
• High-fidelity mockups and prototypes
• Usability tests and findings
Duration: 14 weeks
Tools:
• Figma
• Photoshop
• Illustrator
• Miro
Overview
The street food vendor app is an app designed to help consumers locate street foods around their current location while also providing vendors accessibility to credit card payments and online ordering options.
Problem
In this case study, I had two problems I needed to solve. The first problem is the vendor side where street food vendors rely heavily on foot traffic and may not have accessibility to food delivery services like traditional brick and mortar stores. The second problem is the client side. In a society where financial transactions are becoming digital and less physical currency, there needed to be another option that is easily accessible.
Recommended Approach
Create an app that will allow consumers to easily locate street food vendors and provide vendors a digital space to accept online orders and payment.
Research
I started my research with competitive analysis to determine what options were made available to users and the type of information that was provided. User surveys were then developed to help understand user journeys and their pain points. The results were surprising as we are becoming a cashless society and users prefer to pay by credit cards as it's more convenient.
User Pain Points
The following pain points were commonly noted:
• Cash only - Consumers avoided or seldomly ate at these type of eateries and prefer to pay by credit card.
• Inconvenience - Consumers were required to make an extra trip to ATM or banks in order to pull out money.
• No online orders / Long waits - Users who had to wait long periods of time typically didn't return again or came back during off peak hours.
• Expensive Overhead - Vendors found it expensive using electronic payments such as Square, Mastercard, or Visa due to fees for using their service and bulky devices.
User journey map
Here is the user journey that Jessica and other young professionals working in Los Angeles portrayed.
Paper wireframes
The goal was to create an app that helped identified local street food vendors nearby and allow users to place online order with the idea to make payment through the app without having to find an ATM or bank to draw out cash. In addition, create a digital space for street vendors to sell their products.
Low-fidelity
Here is the low-fidelity design with user flow.
Low-fidelity Prototype
This prototype was created in Figma and shows the basic user flow of the app.
Usability study: Findings
The usability study that was conducted was to determine the ease of use and whether or not the users were able to complete the task needed to place an order using the app.
Mockups
Prior to the usability study, payments were straight to credit card input. After the usability study, a pickup option became available.
High-fidelity
Sticker Sheet / Design System
Accessibility
To ensure accessibility for all users, the following were taken into consideration:
Takeaway
• Accessibility should be the top priority to allow inclusion for all users.
• Functionality plays an important role and needs to be considered when designing other channels of the app.
• Security and history needs to be accounted for to ensure stability and safety.