Foodfly
Food ordering / delivery app with drones.
UX Case Study
Project overview
The product:
Foodfly is food delivery app but instead of car or motorcycle, food will be delivered with drones. Fast & precisely on time.
Project duration:
February 2022 to Juny 2022
The problem:
Many people nowadays don’t have time to cook and like to order food online. But food delivery can sometimes be slow and the food comes cold. Especially if you live somewhere in the suburbs. That’s why we’re developing food delivery by drone
The goal:
Build the app for food ordering with precise on time delivery with drones
My Role:
UX Generalist
Responsibilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on design, determining information architecture, and responsive design.
Understanding the user
User Research
Personas
Problem Statements
User journey maps
User research: Summary
We conduct market research on whether there is a need for additional applications for food delivery and we came to the conclusion that people like to order food online, but the waiting time for delivery is relatively long. That’s why we decided on the concept of food delivery with drones.
User research: pain points
Travel to the restaurant and back, every day from the suburbs to the city center is very time-consuming.
Finding a free table and waiting for the meal to be prepared.
When using online food delivery, deliveries can be delayed by traffic jams and the meal comes cold.
Personas
User journey map
Goal: Fast and hustle free way to order food while working from home, with reliable delivery times.
Starting the design
Information architecture
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
IA – Information Architecture
Wireframes
Paper Wireframe
First ideas drawn on the paper with thoughts about some basic functionality
Digital wireframes
Clear and immediate familiar design, clean and simple, with lots of inviting pictures of freshly cooked meals.
Digital wireframes
Drones have no obstacles in delivery like traffic jams, or traffic lights so order tracking can be very precise.
Usability study: findings
We want to understand the user journey for picking up food and the whole ordering process, order tracking, and completing orders on this app. Also, we want to develop a deeper understanding of how customers/users are currently using the product and identify potential pain points they may experience as they interact with the product.
Round 1 findings
- Participants found the process of ordering food simple and straightforward.
- Participants were familiar with the checkout process from similar food delivery apps and seemed pleased with how intuitive it was
- The top and bottom menus with icons bar are a little bit confusing and not clearly marked.
Round 2 findings
- Fixed top and bottom menus with a complete revamp. Icons now have their labeling and fixed position on every screen.
- The participant was happy to know every step where the order, in which preparation/delivery process it is.
- Participants looking forward to using the app as a finished product.
Refining the design
Mockups
High-fidelity prototype
Accessibility
Mockups
We cleared confusion with top and bottom menu and icons. Icons have much larger space between them for better accessibility and are clearly labeled for better understandings of they functionality. Added scrollable category buttons bar for even more choices straight from homescreen.
The add to cart button was in the way of the new bottom menu so it was pushed up to the meal description and the result of this was more cleaner look.
The notification icon is moved from the top to the bottom menu. The hamburger menu took place on the top menu.
The add to Favorites icon is more easy to understand with the added plus (+) symbol to the heart icon.
High-fidelity Foodfly app mockups after usability study
High-fidelity prototype
Accessibility considerations
The design is clean and easy to use. The space between the elements is sufficient so that the users do not struggle with buttons.
Choosing meal and whole order process is straightforward and easy to understand. All screens inform you which step coming next so users is not surprised with unusual app behavior.
Contrast on all elements is high enough for customers with visual impairment.
Going forward
Takeaways
Next steps
Takeaways
Impact:
“Really looking forward to drone delivery”.
“Can’t wait for my food being delivered by drone”.
“This app makes me hungry.”
What I learned:
This project taught me a lot. From, I didn’t know what to expect, to be able to empathize with users, get inside from research, creating visual design for the whole app based on user needs and feedback. Complete the ux/ui process from start to finish. It was quite a journey. Thank you.
Next steps
Creating a complimentary website for this app.
Add a feature, for more restaurants’ food menu offers with this app not just one.
Fixing pain points from user feedback when app go live.
Let’s connect!
Thank you for your time reviewing my work on the Foodfly – Food delivery app with drones. If you like to see more or would like to get in touch, don’t hesitate to contact me.