This app is designed to allow users to order from the local restaurants in their area, while comparing the the items against each other.
I started off by creating a few personas based on user research I conducted on current users of existing apps in the market to discover problems users were having that have not yet been addressed.
From these Personas, a User Journey Map was developpped
![03. Restaurant App Personas (V2)- Hiroshi.jpg](https://static.wixstatic.com/media/0b3795_3c72a12bb41b4314aedb2781ad34c8e2~mv2.jpg/v1/fill/w_359,h_202,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/03_%20Restaurant%20App%20Personas%20(V2)-%20Hiroshi.jpg)
![03. Restaurant App Personas [Leticia] (V2).jpg](https://static.wixstatic.com/media/0b3795_2fa87ca3f1f94d67965923aabf19fb73~mv2.jpg/v1/fill/w_359,h_203,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/03_%20Restaurant%20App%20Personas%20%5BLeticia%5D%20(V2).jpg)
![05. User Journey Map Leticia(V1).jpg](https://static.wixstatic.com/media/0b3795_976f2ef7a54b40a5bae2b28b1c2ea099~mv2.jpg/v1/fill/w_417,h_202,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/05_%20User%20Journey%20Map%20Leticia(V1).jpg)
![](https://static.wixstatic.com/media/0b3795_9c9ed5d8c2be45358c9d68b3ad737e59~mv2.jpg/v1/fill/w_348,h_453,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/0b3795_9c9ed5d8c2be45358c9d68b3ad737e59~mv2.jpg)
![](https://static.wixstatic.com/media/0b3795_e919cea0c2794ebcb3cf4c1b97e214a4~mv2.png/v1/fill/w_53,h_15,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_e919cea0c2794ebcb3cf4c1b97e214a4~mv2.png)
A competitive audit was conducted to discover what strategies and designs the lead competitors were achieving with, and which were failing.
With the data collected, I created a User Flow Chart to show the narrative that the ideal user would follow for the upcoming project.
with that created, I started working on paper wireframes of the pages for the design.
![](https://static.wixstatic.com/media/0b3795_e45d69aa5f5d4c5ab80bcf21a39a73bc~mv2.jpg/v1/fill/w_108,h_61,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_e45d69aa5f5d4c5ab80bcf21a39a73bc~mv2.jpg)
![](https://static.wixstatic.com/media/0b3795_c05ce756e8d74f77af027a52e5772fb1~mv2.jpeg/v1/fill/w_108,h_51,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_c05ce756e8d74f77af027a52e5772fb1~mv2.jpeg)
![](https://static.wixstatic.com/media/0b3795_25e569d9e5714a0c9040ca16ee93383f~mv2.png/v1/fill/w_173,h_287,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0b3795_25e569d9e5714a0c9040ca16ee93383f~mv2.png)
![](https://static.wixstatic.com/media/0b3795_2f8495eb1ef64cb7b572f043cb2a969f~mv2.png/v1/fill/w_176,h_287,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0b3795_2f8495eb1ef64cb7b572f043cb2a969f~mv2.png)
![](https://static.wixstatic.com/media/0b3795_3b9feb7c508c4976a9d92e6c26c51156~mv2.png/v1/fill/w_167,h_281,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0b3795_3b9feb7c508c4976a9d92e6c26c51156~mv2.png)
![](https://static.wixstatic.com/media/0b3795_2a562264f64d45b4a37d7b59b95f5cd1~mv2.png/v1/fill/w_167,h_282,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0b3795_2a562264f64d45b4a37d7b59b95f5cd1~mv2.png)
![](https://static.wixstatic.com/media/0b3795_fcf837f3ff374ea2b830813fdc0ea517~mv2.png/v1/fill/w_175,h_287,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0b3795_fcf837f3ff374ea2b830813fdc0ea517~mv2.png)
![](https://static.wixstatic.com/media/0b3795_b6c9868d31a54e16a77bfd112e9fa0da~mv2.png/v1/crop/x_150,y_0,w_739,h_910/fill/w_58,h_72,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_b6c9868d31a54e16a77bfd112e9fa0da~mv2.png)
With the paper wireframes drawn out, chose elements from various designs of each page and created the digital wireframes and built a lo-fi prototype of the core user journey, along with other possible future features.
The lo-fi prototype underwent 2 rounds of user testing. The data was gathered, grouped and sorted into an affinity map to discover what the fatal flaws of the product were.
![](https://static.wixstatic.com/media/0b3795_1a4cfa2dae8042aaa92affe5fb250e09~mv2.jpeg/v1/crop/x_553,y_0,w_2780,h_1868/fill/w_104,h_70,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_1a4cfa2dae8042aaa92affe5fb250e09~mv2.jpeg)
![](https://static.wixstatic.com/media/0b3795_fa833842782a4de8ba897550de0cf3fc~mv2.jpeg/v1/crop/x_0,y_567,w_1868,h_2640/fill/w_70,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_fa833842782a4de8ba897550de0cf3fc~mv2.jpeg)
![](https://static.wixstatic.com/media/0b3795_da4f183829f3497bbe87b087eb2bed1c~mv2.png/v1/fill/w_60,h_39,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/0b3795_da4f183829f3497bbe87b087eb2bed1c~mv2.png)
After updates to the design were finalized, mockups were made, and converted into hi-fi prototypes for final testing and development.
The final design can be interacted with here
@naraka91
@dev.in.the.world
https://www.behance.net/naraka91