Hamburger Icon

trEats

Go Cruelty Free Cover Image

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
5 Iphones Mockup
2 Iphones Mockup

Design Process

Personas

Persona Phil

"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

"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

"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

Low - Fidelity Wireframes

Low-Fidelity Wireframes

Mid - Fidelity Wireframes

Wireframe Home Screen Wireframe Read Review Wireframe Write Review Wireframe Search Results Wireframe Filters Wireframe Restaurant Detail
Wireframe Home Screen Wireframe Read Review Wireframe Write Review Wireframe Search Results Wireframe Filters Wireframe Restaurant Detail

Final Design

final Design Home Screen Final Design Restaurant Results Final Design Restaurant Detail Final Design Reviews Final Design Write Review Final Design Filters
final Design Home Screen Final Design Restaurant Results Final Design Write Review Final Design Reviews Final Design Restaurant Results Final Design Filters

Color Palette

Primary

Neutral

Primary

Orange
#F79119
Dark Orange
#FE8C3B

Neutral

Dark Neutral
#1C0E0E
Light Neutral
#F7F5F2

Typography

Typography Example Font Motiva-Sans Typography Example Font Motiva-Sans
Thank You!