The Food Truck Finder Application will allow customers to order with ease. Using the customers location, the app will find the nearest food truck in the area. This will allow the customer to pick from the variety of options available. The expected result is a seamless response time between the customer ordering the food and receiving it for pick up.
This project has been updated to transition from older phones to newer technology. The update only provides a refreshed UI as well as a few changes to the user journey path. Overall the project remains as an update and not a new design. Please keep this in mind while viewing the current design. The previous version of this design will be linked in the High-Fidelity Prototype section of the case study.
Project Duration
Original Project Duration: August 2022-December 2022
Roles and Responsibilities
I, Tereza Garcia took the role of UX designer to complete the creation of this app. My roles include:
Lead Researcher
Lead Designer
Lead Tester
Problem Statement
Customers have difficulty in finding a food truck they can order from online and pick up. The goal for this application is to locate the nearest food trucks in the area. This will help with finding what is nearby to order and pick up from with ease.
Research
User Research Summary
Initial research was done with a user persona. During this phase I constructed a persona of someone who is looking to find dinner for his family. Usability testing was done to insure the user journey path was complete and no issues came up during the process.
Personas
Felipe is a persona who falls in line with the demographic the Food Truck Finder App is targeting. He is a husband and father of two children. Has a busy life and wants to make sure his family can still find a good spot to eat at.
User Journey Map
Design Process
To start the designing phase I drew out some wireframes on paper. This was the results of the sketching process.
Sketch of paper wireframe: Home Page
Sketch of paper wireframe: Sign up page
Once the sketches were finalized, the digital wireframes were then produced.
Digital Wireframes of Food Truck Finder App
Usability Testing
For the test, I did an A/B test as well as a user journey test. The A/B testing was done to see what color scheme was a better fit for the design. The first image was the original color design but after testing
Home page First DesignHome page Final Design
For the usability testing I had the tester go through a low-fidelity prototype. They were asked to go through the app and place an order through any of the vendors available. Some issues noted through the testing were:
Adding more transitional pages to make the user experiences smoother.
Make sure all buttons had labels because a few tester ran into buttons that had no label.
Add a back button for the user to go back to the previous page.
Original Screenshot of Food Truck Finder App
The results led to new changes that are now implemented in the High-fidelity prototype.
High-fidelity Prototype
The first link to the left is the older version of the app. The updated version of the app is on the right.
Takeaways
This app design was one of my first designs that I ever created. I was new to UX designing and I believe I put out what I thought worked best for the Food Truck Finder app. From the researching, designing, testing to producing a High-Fidelity prototype, I created a design no one had seen yet. This was how I felt years ago but, now after the reworking the design I feel like more can be done with this journey. I would like to look back at this design and do other flows and create more options. This app to me feels like a playground because I still want to add more see what else can work. I am currently okay with how it came to be but I would like to rework this again sometime in the future.
