The Project
Also part of the UI design Course Programm at CareerFoundry, this app focusses on finding restaurants which offer special dietary needs options.
Different people have different dietary needs. Eating out became common in times of demanding work hours. Many people travel for work and depend on restaurants and delivery services while being away from home.
trEats is an app that makes it easier than ever to find restaurants and stores serving special dietary needs. Tired of clicking through endless menu options to find a suitable place to eat? trEats is offering a clever filter system of dietary needs, including filters such as "no dairy". trEats features a responsive design and can be used on mobile,tablet, and desktop.
Finding a suitable restaurant has never been easier!
![Cover Image Treats](images/treats/compressed/desktop/d-tr-project-all-devices@933.png)
![5 Iphones Mockup](images/treats/compressed/desktop/d-tr-project-5phones-@1356.png)
![2 Iphones Mockup](images/treats/compressed/desktop/d-tr-project-2phones@510.png)
Design Process
Personas
![Persona Phil](images/treats/compressed/desktop/d-tr-project-phil@792.png)
"As a user who travels much by airplane, I want to know which airlines cater to my restrictive diet and where I can find suitable restaurants in airports."
![Persona Vincent](images/treats/compressed/desktop/d-tr-project-vincent@792@.png)
"As someone who travles much for work, I want to find restaurants that offer dishes according to my food allergies easily and quick."
![Persona Susan](images/treats/compressed/desktop/d-tr-project-susan@792@.png)
"As a user with a busy and sometimes unpredictable schedule, I want to find suitable restaurants for a plant-based diet spontaneously, so that I don't have to plan much ahead."
Flow Diagram
![Flow Diagram](images/treats/compressed/desktop/d-treats-project-flow@790.png)
Low - Fidelity Wireframes
![Low-Fidelity Wireframes](images/treats/compressed/desktop/d-treats-project-lowfid@800.png)
Mid - Fidelity Wireframes
![Wireframe Home Screen](images/treats/compressed/mobile/m-tr-project-home@400.png)
![Wireframe Read Review](images/treats/compressed/mobile/m-tr-project-reviews@400.png)
![Wireframe Write Review](images/treats/compressed/mobile/m-tr-project-write@400.png)
![Wireframe Search Results](images/treats/compressed/mobile/m-tr-project-results@400.png)
![Wireframe Filters](images/treats/compressed/mobile/m-tr-project-filters@400.png)
![Wireframe Restaurant Detail](images/treats/compressed/mobile/m-tr-project-restaurant@400.png)
![Wireframe Home Screen](images/treats/compressed/desktop/d-tr-project-home@750.png)
![Wireframe Read Review](images/treats/compressed/desktop/d-tr-project-reviews@750.png)
![Wireframe Write Review](images/treats/compressed/desktop/d-tr-project-write@750.png)
![Wireframe Search Results](images/treats/compressed/desktop/d-tr-project-results@750.png)
![Wireframe Filters](images/treats/compressed/desktop/d-tr-project-filters@750.png)
![Wireframe Restaurant Detail](images/treats/compressed/desktop/d-tr-project-restaurant@750.png)
Final Design
![final Design Home Screen](images/treats/compressed/mobile/m-tr-project-final-home@400.png)
![Final Design Restaurant Results](images/treats/compressed/mobile/m-tr-project-final-results@400.png)
![Final Design Restaurant Detail](images/treats/compressed/mobile/m-tr-project-final-restaurant@400.png)
![Final Design Reviews](images/treats/compressed/mobile/m-tr-project-final-reviews@400.png)
![Final Design Write Review](images/treats/compressed/mobile/m-tr-project-final-write.png)
![Final Design Filters](images/treats/compressed/mobile/m-tr-project-final-filters@400.png)
![final Design Home Screen](images/treats/compressed/desktop/d-tr-project-final-home@750.png)
![Final Design Restaurant Results](images/treats/compressed/desktop/d-tr-project-final-result@750.png)
![Final Design Write Review](images/treats/compressed/desktop/d-tr-project-final-write@750.png)
![Final Design Reviews](images/treats/compressed/desktop/d-tr-project-final-reviews@750.png)
![Final Design Restaurant Results](images/treats/compressed/desktop/d-tr-project-final-restaurant@750.png)
![Final Design Filters](images/treats/compressed/desktop/d-tr-project-final-filters@750.png)
Color Palette
Primary
Neutral
Primary
#F79119
#FE8C3B
Neutral
#1C0E0E
#F7F5F2
Typography
![Typography Example Font Motiva-Sans](images/treats/compressed/desktop/d-tr-project-typo@1364.png)
![Typography Example Font Motiva-Sans](images/treats/compressed/mobile/m-tr-project-typo@800.png)
![Thank You!](images/treats/compressed/desktop/d-tr-project-thankyou@1920.png)