Pesto's Food Truck Menu App
![karen-zeng-wIPKnB58QMw-unsplash-blog.jpg](https://static.wixstatic.com/media/a4b903_4d546384b57d476fa94022946853be52~mv2.jpg/v1/fill/w_784,h_523,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/karen-zeng-wIPKnB58QMw-unsplash-blog.jpg)
Role: UX designer, UX researcher
​
Tools: Figma & plugins
​
Duration: 3 weeks
This design is a part of my Coursera UX certificate program offered by Google and it gave me an opportunity to design a menu app for a food truck called Pesto's.
​
It was a solo project, I conducted the user research, developed high fidelity wireframes and clickable prototypes to enhance the experience of users.
![yellow.png](https://static.wixstatic.com/media/a4b903_88e6bdbe986148a6a0af2589d01a32a5~mv2.png/v1/fill/w_600,h_489,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/yellow.png)
Pesto's Food Truck menu app
Pain points of users
-
Unavailability of language friendly and disability friendly food menu apps
-
Better categorisation of food to meet the dietary needs of people
Goal
To make an equitable food truck menu app which is language friendly, disability friendly and serves healthy food.
Process
I started my research by interviewing people and asking them about the problems that they faced when using menu apps. After that I made user stories and user personas to better understand the problems of users and empathize with them. After that I came up with user journey maps for my user personas to understand their pain points and to look at the problems from the perspective of the users and at last I conducted a competitive audit to research my competitors and to make my app stand apart from them. Then I started ideating and used methods like crazy eights and storyboarding to come up with solutions for user's problems.
​
Then we created wireframes, lo-fi prototypes and conducted usability studies with 5 participants. After that I used an affinity diagram and spreadsheet to synthesize root problems and potential solutions.
User persona
​
After interviewing a few people, I created user personas and it helped me paint a realistic and clear picture of user's needs, goals and behaviours.
​
After interviewing a few people, I created user personas and it helped me paint a realistic and clear picture of user's needs, goals and behaviours.
![Screenshot 2022-07-27 034854.png](https://static.wixstatic.com/media/a4b903_4320bb24864f4c41b18671841d160666~mv2.png/v1/fill/w_592,h_328,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-27%20034854.png)
User journey
This is the user journey of Amobi and it gave me a lot ideas which I wouldn't have had otherwise.
![journey map.png](https://static.wixstatic.com/media/a4b903_ad0c383b8a3a4e44b301f41d4c1accbb~mv2.png/v1/fill/w_600,h_361,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/journey%20map.png)
Close-up storyboard
![Screenshot 2022-07-27 042606.png](https://static.wixstatic.com/media/a4b903_1ebfd007880b414f945a6f3a6457668b~mv2.png/v1/fill/w_596,h_336,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-27%20042606.png)
Usability study
After coming with the lo-fi prototype I conducted a usability study with 5 participants to see if people are having a smooth experience with our prototype and to gather insights for improving the prototype. The main goal behind it was to check the usability and equity of the prototype.
Affinity diagram
![Screenshot 2022-07-27 041806.png](https://static.wixstatic.com/media/a4b903_ed5f45a1cee64cc2957c9c29f99ec1e3~mv2.png/v1/fill/w_600,h_561,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-27%20041806.png)
Usability insights
![Screenshot 2022-07-27 042038.png](https://static.wixstatic.com/media/a4b903_b76799c6d9114536a358af5b2daa3dc6~mv2.png/v1/fill/w_595,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-27%20042038.png)
Wireframes and prototypes
Paper wireframes
Here we have the first five unpolished versions of the and the polished wireframe of the home screen of the pesto’s menu app
![paper wireframes (1-4) 1.png](https://static.wixstatic.com/media/a4b903_650323eb8be84b88969e877bd579c10c~mv2.png/v1/fill/w_344,h_507,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/paper%20wireframes%20(1-4)%201.png)
![paper wireframe 5 1.png](https://static.wixstatic.com/media/a4b903_fd69e405fe84409aa19bb370361e09dc~mv2.png/v1/fill/w_147,h_256,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/paper%20wireframe%205%201.png)
Polished version:
![Screenshot 2022-07-27 044815.png](https://static.wixstatic.com/media/a4b903_efb09412a5264b13b8eb457274097241~mv2.png/v1/fill/w_237,h_438,al_c,q_85,enc_avif,quality_auto/Screenshot%202022-07-27%20044815.png)
Digital Wireframes
![Screenshot 2022-07-27 045835.png](https://static.wixstatic.com/media/a4b903_a5be62ee879642b1ba2d23562cfbf5e3~mv2.png/v1/fill/w_600,h_456,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202022-07-27%20045835.png)
Final Designs
![App intro page.png](https://static.wixstatic.com/media/a4b903_8fec7c9947c9460b9a2104ddf9094dfb~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/App%20intro%20page.png)
![pickup.png](https://static.wixstatic.com/media/a4b903_94f8eb81e07d4d588426e48991551c29~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/pickup.png)
![Delivery.png](https://static.wixstatic.com/media/a4b903_ced38c83605f44a796f3949c45937ef7~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Delivery.png)
![Home.png](https://static.wixstatic.com/media/a4b903_9a0f67a34d084ffca75d0dc9383f44c6~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Home.png)
![home settings.png](https://static.wixstatic.com/media/a4b903_5f74f6bfccca42dbb3d00d956a561995~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/home%20settings.png)
![menu.png](https://static.wixstatic.com/media/a4b903_b68c8ba119d74a9ab3976acd6a4034fb~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/menu.png)
![Order summary.png](https://static.wixstatic.com/media/a4b903_6a09aeda225440e28dbc35b6a739bb0b~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Order%20summary.png)
![Checkout.png](https://static.wixstatic.com/media/a4b903_b3f5acb6e7d042a8970f16af4ce99d05~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Checkout.png)
![order completed (delivery).png](https://static.wixstatic.com/media/a4b903_beccfd4848f241fd8708d5ab8199153a~mv2.png/v1/fill/w_220,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/order%20completed%20(delivery).png)
Takeaways
Impact: Since this is a course project so I didn’t get the opportunity to work with real data but I would just say that there is a shortage of equitable food apps in the market and my app propounds the pain points of the people who are often neglected because of their disabilities or medical challenges.
What I learned: This was my first UX project and it was like a roller coaster journey. Through this project I learned the importance of equity and how as a UX designer its our job to become the voice of these people who are often underrepresented and neglected in the society.
Next steps
-
I am going to keep improving this project and learning about equity based designs in depth.
-
I really want to work on the bot feature of the app because it could be a game changer in the industry and can help people with disabilities to feel included.