Frida's Food Truck - App
Context
Completing the Google User Experience (UX) Design certificate, I created a case study for a fictional food truck, Frida's Food Truck from June - August 2023.
The Challenge
Frida's Food Truck is a fictional food truck that primarily serves working adults with busy schedules.
Project Goal
To create a prototype of an app to allow for food delivery from a food truck.
Scope
End-to-end
Tools
Figma
Role
UX Designer
Team
I worked individually on this project from ideation to delivery.
Responsibilities
My role in this project was to ensure the completion of this app design from ideation to interactive prototype.
In order to design the app, I:
-
Ideated designs for the app
-
Benchmarked and audited similar food service apps and websites
-
Created two personas for users of this app
-
Designed wireframes for the app
-
Performed user testing
-
Designed mockups for the app
-
Designed interactive prototypes for the app
The process was a very fun and enlightening experience. I gained experience using Figma.
Research Study Details
Key Steps
-
Benchmarking
-
Creating personas
-
Performing user testing
-
Creating wireframes using Figma
-
Creating mockups using Figma
-
Creating interactive prototypes using Figma
Target Audience
The target audience of this app was working adults with busy schedules who needed flexible ways to order food ahead of time.
Benchmarking
In order to generate ideas for the site's new design, I looked at other websites of other food trucks, like Kogi BBQ Taco Truck and Catering, Whadda Jerk, and Chill Latte.
I chose businesses that were similar in food service but also varied in audience to in an effort to understand the large variety of users better,
User Goal
I designed the app around a user's goal of getting a confirmation for an order that was scheduled ahead of time.
Personas
The personas I focused on were working adults with busy schedules. This primary user group need to order food for themselves or others.
Their pain points include:
-
Time - Working adults have busy schedules that require them to order food quickly
-
Flexibility - Due to the need to order food quickly, sometimes users make mistakes that need to be corrected, so they need the ability to edit their order
-
Accessibility - Other apps to order food do not always come with assistive technologies, such as translation features or screen-reader functions
Ideation
I considered different formats for the website, especially since the overall content was relatively minimal for a homepage. I made sure to include call-to-action buttons and visual elements on all versions.
Formatting the mobile version of the website took a few iterations to make sure that all the features were accessible.
Digital Wireframes
When drafting the low fidelity digital wireframes, I focused on a very step-by-step process to match the needs of users. For instance, I have a cart icon for easy access to edit an order.
User Testing
I performed a user test with friends and family members.
Findings
-
Check out button - Users wanted a more visible and separate check-out button
-
E-payment option - Users wanted an e-pay option in the payment stage
-
Back button - Users wanted an icons for the back button instead of a button that used words
User Test Summary
The results showed that there needed to be more explicit buttons to implement actions in the food-ordering process, as well as more payment options for flexibility.
Mockups
For the mockups, I implemented the findings from the user testing. I made sure the checkout was always an option and made a more visible back button so users could change their order easily.
Cart option
Back buttons
Back buttons
E-payment option
Conclusion
The process of ideating and developing this app was very engaging. Before this project, I focused on websites, because that was were I saw a lot of need, so designing an app challenged my way of thinking about design. The most challenging part was the limiting space that an app provided while also making sure the text and content was accessible.
Next Steps
My next steps would be to conduct another round of usability studies to confirm if users’ needs are being met and to conduct more user research to determine any new areas of need.