Foodiespot App Design

Oluwatumininu Adesanya
Project overview

The product:
Foodiespot is designed to enable users make purchases
from several restaurants in the same order,schedule
and track order.

Project duration:
February 2022 to July 2022
Project overview

The problem: The goal:

People often struggle to place order from To allow users pick menu from number of
different restaurants at a time and also restaurants at the same time and also
schedule the order schedule order according to their timeline.
Project overview

My role: Responsibilities:
UX designer Conducting interviews, personas,ideating,
wireframing, low and high fidelity prototyping,
conducting usability studies & visual design
 ● User research
Understanding ● Personas

the user ● Problem statements

● User journey maps
User research: summary

To understand the users I’m creating for and their requirements for maximum experience,I
interviewed several participants getting to kmow about their real experiences and expectations of a
food app.I developed an Empathy map, personas and user journey maps to capture crucial pain
points and challenges users may encounter that can cause frustrations.
User research: pain points

1 2 3
Time Multiple purchases Mode of payment

Users want to be able to Users want to choose Users wants a flexible

pre-schedule order and from range of items mode of payment either
also get to see the from several restaurant COD or bank method
estimated time for in the same order.
delivery.
Persona: Adetomiwa

Problem statement:
[Adetomiwa is a busy
Software Engineer who
wishes to place orders
from several restaurants
at once because he
doesn’t have enough
time.
User journey map

Mapping Adetomiwa’s user

journey revealed how
helpful it would be for users
to schedule order,track
order and order from
several restaurants in the
Foodiespot app.
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes

Created time to draft five

different version of the
same screen on a paper
before creating a digital
wireframe
Digital wireframes

This help
users to
This is the initial design know the
information
phase of the app which about the
restaurants
prioritized a quick and easy
selection of meals from
restaurants

Easy
Navigation
through the
app
Digital wireframes

Based on feedbacks and

findings from the user
This allow
research,users want to be users to
schedule order
able to schedule.

This allow
users to Select
their mode of
payment
Low-fidelity prototype

This is the link to the low-fi

prototype:
https://www.figma.com/prot
o/fR7DjeFoJzGrqGzJVclgAw/F
ood-menu-and-ordering-app
?node-id=33%3A85&scaling=
scale-down&page-id=0%3A1
&starting-point-node-id=33%
3A85
Usability study: findings
I conducted two rounds of usability studies.Findings from the first study helped guide the
designs from wireframes to mockup while the second study helped refined the mockups.

Round 1 findings Round 2 findings

1 Users want to order from a nearby 1 Users want to be able like and unlike
restaurant a menu

2 Users want a delivery option 2 Users want to be able to reorder fro

existing ones

3 Users want to order quickly

 Mockups
Refining
●
● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability study After usability study

An additional screen was

created which enable users
to like and unlike menu.
Mockups Before usability study After usability study

The second usability study

revealed that users would
love to re-order from
existing ones.An additional
screen was created with the
feature included.
Mockups
High-fidelity
prototype
Find the link to my
prototype:
https://www.figma.com/p
roto/fR7DjeFoJzGrqGzJVcl
gAw/Food-menu-and-ord
ering-app?node-id=232%
3A1617&scaling=scale-do
wn&page-id=152%3A2&st
arting-point-node-id=232
%3A1284
Accessibility considerations

1 2 3
Used icons to help make Focus on contrast and Used clear images to
navigation easier. colors to ensure text is describe meals and
readable for all users restaurants.
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:

The app made users to easily schedule their While designing the Foodiespot app,I learned
order according to their timeline and also pick that there is no final design and research
menu from several restaurants at the same
order.
Next steps

1 2

Conduct another round of Conduct more research to

usability studies after determine any new ares
launch to see if the users of need
pain points were
addressed
Let’s connect!

I really appreciate you taking the time to review my work on the Foodiespot app!If you would like to
give a feedback or get in touch.

Email:oluwatuminuadesanya181@gmail.com
Behance: https://www.behance.net/oluwatumin7b25
Thank you!