BRIEF
Create a restaurant app where customers can browse the menu and place orders easily, with a focus on accessible and clean UI. The diversity of Brooklyn neighborhoods makes for a wide range of user backgrounds (see personas below), meaning that the app will need to be simple and streamlined.
MY ROLE
I completed all parts of this project, from ideating, to research, to design and prototyping. I was the lead/sole designer. Everything you see I created myself.
TOOLS
Procreate, Pen and Paper, Microsoft Powerpoint, Microsoft Excel, Figma
RESEARCH: CREATING USER PERSONAS
It was important to create diverse user persona's for this app, as it will be used by many customers from diverse neighborhoods in Brooklyn, NY.
As illustrated through the persona information, every person has a different background as well as goals and frustrations.
A quick round-up of user traits can be seen at right, while more fleshed out and detailed personas can be seen below. It is important in this case to get a good sense of what the target users are looking for in a restaurant app, as well as what usually frustrates them about similar/competitor apps.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/ad29fa1b-1098-4ac5-8290-79765cafc69c_rw_1920.png?h=14ba2f6fe248abd4f9ca735e242f1911)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/0520b39b-b6c6-47ab-b0f5-8ff96bda36cf_rw_1920.png?h=6d0382065d0797ed1bf5203c17386e7d)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/974f3d0b-4621-4822-8b58-ee4830b10acd_rw_1920.png?h=74c31626d8c4fb02d53e2996cd4d621b)
COMPETITIVE AUDIT
For the competitive audit, I researched aspects of different restaurants and their interfaces (for the purpose of this demonstration, some are made-up restaurants). It was very important for me to research and record the features and layouts of apps or websites that I found very easy to use- this is the main goal of PoodleMan's app.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/3d50d4c7-c80d-45c0-a24f-3a21d74c91a6_rw_1920.png?h=b0635d4bd4c75fe7a65abfc0996b1e76)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/a686961e-a379-4af4-b52f-8cbb478abbfb_rw_1920.png?h=23de7a645b879b088cec31c46ffd39b1)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/1e2c26d9-f0fa-46b6-8903-c2c39f810b2a_rw_1920.png?h=9e207cd381f96cce0008e52e41cfb2c7)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/2de2cc1b-e671-463a-bf8f-94c4991d4a07_rw_1920.png?h=9b7be679bb21b609eb0b97dbc3f0db92)
STORYBOARDS
I felt this was a good opportunity to map a user's journey through the product, how they might be driven to seek out an easy ordering experience and once they find a suitable app, how they might feel at various points during his experience.
It's very important to me to identify pain points that may drive a user to seek out certain products or experiences. From here, I like to imagine and brainstorm ways that I can improve the user's experience, and greatly diminish or eliminate the pain points they previously experienced.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/b498eaa2-2824-4681-b383-ddf50102e1ca_rw_1920.jpg?h=fa01cc7b4fce35a70db55a8bb4a85be8)
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/a3819620-6da0-4036-8d25-49da3a4c3aeb_rw_1920.jpg?h=4064bffac738f06ded206c2d54e408d5)
WIREFRAMING
I defined the flow and what screens were needed, then proceeded with creating the wireframes to explore the experience in more detail on a screen-by-screen level. The main focus was a quick ordering experience, which I tried to emulate through making the menu and past orders/favorites easily accessible, and streamlining the payment process.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/11c5a662-a8d4-4c4f-ac4c-f4f5c1a3669d_rw_1920.jpg?h=85579ad3925a0809e3e6a8931353e6d3)
HIGH FIDELITY MOCKUP
For this stage of the app design, I leaned into a simple, easy to use approach. I changed the details on some of the pages compared to the wire-frame once I realized more fleshed-out features that would benefit the users.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/387e0c20-59ff-4254-8e37-a2a3a4186778_rw_1920.png?h=8572800e168200fc55e0f5ed79ce8d8f)
HIGH-FIDELITY USER FLOW
For the flow-through aspect of the app, I made sure to first and foremost create a home button, in a traditional location that would be easily accessible on any device. This app is not supposed to be complicated- the main goal is to take the (probably very hungry user) from point A to point B, i.e. quickly and efficiently find a meal that fits their craving and have it ordered ASAP.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/3b2d3b60-0f9f-4c12-bbf6-5def420bb964_rw_1200.png?h=b527b69147e4a198c4ca8b32edf395e5)
CONCLUDING THOUGHTS
Overall, the goal for this design was to create a simple and fast way for people of the community to order food from a locally-owned restaurant. I believe that through market research and comparison with other restaurant apps, PoodleMan's mobile app allows for the intended use to show through and be successful.
CHALLENGES
Some challenges for this design were finding apps within this niche (neighborhood restaurants in the specific target area) to compare my design to. because of this, I really leaned into bigger restaurant chains (as seen in the comparison table above). as with many other apps, the process of fitting all of the desired features without making the app seem too overwhelming required a lot of brainstorming and re-working.
![](https://cdn.myportfolio.com/3bb3f47e-18db-483a-aa86-916581899f1d/88705668-a176-48d6-9aed-7599a4c66e52_rw_1920.gif?h=d522e2fc0afd2af76d464eaaf7027755)
PoodleMan's splash page loading screen, created and animated by me