Eat up

Food delivery mobile app.

Project overview

Design a food application that the user will be able to browse in a number of restaurants and order food from a variety of cuisines.

The product
The goal

The goal of this project is to design a user-friendly food delivery app that simplifies the food ordering process for customers. The app will allow users to browse menus, select dishes, make payments, and check for available stores and prices.

The problem
  • Busy users do not have time to cook food

  • People need variety of cuisines

  • People like to have access to food any time of the day

  • People need to have the ability to check stores’ offers and compare prices

The goal of this project is to design a user-friendly food delivery app that simplifies the food ordering process for customers. The app will allow users to browse menus, select different dishes and cuisines, make easy payments, and check for available stores and prices.

Responsibilities

User research

To begin the design process, I conducted user interviews and surveys to understand user preferences and pain points related to food ordering. I also analyzed the competition and identified areas for improvement in their apps.

A primary user group identified through research was people who would like to donate or participate as volunteers.

Research also revealed that action was not the only factor. Other user problems included lack of digital applications.

Summary
Primary research

I recruited participants who agreed to provide me their time and feedback during the project. I interviewed them about their life, general behaviour and more. I learned a lot from first-hand user interaction and observation.

Secondary research

I analysed industry reports and other public information (software). I also made a competitors analysis based on competitors digital products and apps.

Personas

I created four different personas, where each one represents a distinguished group of users.

Busy people
Remote workers
Students

User journey map

Paper wireframes

Based on my research findings, I created low-fidelity wireframes to map out the user flow and information architecture of the app. I focused on creating a simple and intuitive interface that would make it easy for users to find what they need quickly.

Usually, I work on paper wireframes in order to design some versions for each page. Then I collect the pieces that will be used for the digital wireframes and low fidelity prototype, where a usability test will be applied with the users to discover possible changes on structure or content. In addition, this method helps to reduce the production time of the final structure of each page.

Digital wireframes

After the paper wireframes I created the digital wireframes. Digital wireframes help to focus on usability rather than visuals. Creating wireframes is a good way to illustrate screen layouts and functional elements on them. Wireframes let me objectively evaluate a product's usability, layouts, and functionality

Iterative design and testing

Throughout the design process, I conducted iterative testing and incorporated user feedback. Usability tests helped identify pain points, navigation issues, and areas for improvement. The feedback loop ensured that the final UI design was intuitive, user-friendly, and aligned with user expectations.

Mockups

Mockups includes all the screens that were designed for the purpose of this project.