Foodways Hut

Online food ordering app (Figma)

Find Out More

Project overview


The product:
The Foodways hut is an online food ordering app for the people who want to get food delivered at home and can order it from the comfort of their home. The audience is wide. It is for everyone who want to order food online.
Project duration:
Jan 2022 - March 2022

The problem:
People don't find any option to book food online nearby and get it delivered to them.
The goal:
Design an Online food ordering app with delivery options.

My role:
UX designer designing an app for ordering food online from conception to delivery.
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User Research

Summary:
I conducted interviews and created empathy maps to understand the users I'm designing for and their needs. The user group identified through research were working adults who don't have time to cook meals and locals.
These user groups confirmed initial assumptions about Foodways Hut customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in-person.


Accessibility
There was no availability of any online food ordering shop or app.
Time
Sometimes people don't get sufficient time to cook meal and are tired to do so or go out to get it.
Ease of access
There is no easy access to restaurants and food shops from the comfort of home

Persona and User Journey Map


Persona: Anna
Problem statement:
Anna is a Makeup artist who needs online food ordering options because there no option
available

User Journey Map:
Mapping Anna's user journey revealed how helpful it would be for users to have access to a dedicated Foodways hut, an online food ordering app.

Wireframes

Paper wireframes:
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.

Lo-Fi Prototype

Low-fidelity prototype:
Using the completed set of digital
wireframes, I created a low-fidelity prototype. The primary user flow I connected was ordering food online, so the prototype could be used in a usability study.
View the Foodways Hut

Usability study: findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Round 1 findings
1. Easy Navigation
2. Provide easy checkout
Round 2 findings
1. Users want to order food online
2. Users need delivery options
3. Want variety food item options

Hi-Fi Prototype

High fidelity prototype
Can visit the link to view the

Takeaways

Impact:
The app makes users feel like Foodways Hut really thinks about how to meet their needs.
One quote from peer feedback:
“The app is easy to navigate and is well featured for ordering food online.”
What I learned:
While designing the Foodways Hut app, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app's designs.