UX Design Case Study for Ntachi-Osa Restaurant Order App. Paper Wireframes. Digital Wireframe. Low fidelity Prototype Mockups High fidelity prototype

1. Ntachi-Osa Order App Design
Obianuju Rosejoy Eze

2. The product:
Ntachi-Osa Restaurant is a State Restaurant located in
the suburbs of a metropolitan area. Ntachi-Osa strives to
deliver healthy, specialty dishes and beverages. They
offer a wide spectrum of competitive pricing. Ntachi-Osa
targets customers like commuters and workers who lack
the time or ability to prepare their meals at home.
Project overview
Project duration:
December 2022 to March 2023.

3. The problem:
Busy workers including single mothers lack the
time necessary to prepare a meal.
Project overview
The goal:
Design an app for Ntachi-Osa that allows
users to easily order for pick-up or delivery,
fresh and healthy dishes.

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

5. Understanding
the user
User research
Personas
Problem statements
User journey maps

6. User research: summary
I conducted interviews and created empathy maps to understand the users I’m
designing for, and their needs. A primary user group identified through research
was a working single mother who don’t have time to cook meals.
This user group confirmed initial assumptions about Ntachi-Osa 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.

7. User research: pain points
Time
Working adults are
too busy to spend
time on meal prep
Accessibility
Platforms for ordering food
are not equipped with
assistive technologies
IA
Text-heavy menus in
apps are often difficult
to read and order from
1 2 3

8. Persona:
Problem statement:
Loveth is a busy working
single mother who needs
easy access to healthy food
ordering options because
she has no time to cook
dinner for her family.
Loveth

9. User journey map
Mapping Loveth’s user
journey revealed how
helpful it would be for
users to have access to a
dedicated Ntachi-Osa order
app.

10. Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
Starting
the design

11. Paper wireframes
Taking the time to draft
iterations of the 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.
Stars were used to mark the elements of each sketch that would be
used in the initial digital wireframes.

12. Digital wireframes
As the initial design phase
continued, I made sure to
base screen designs on
feedback and findings from
the user research.
This button
makes it fast and
easy for users to
browse food
that is available
at the time.
This button
provides an easy
option for users
to place their
order.

13. Digital wireframes
Easy navigation was a key
user need to address in the
designs in addition to
equipping the app to work
with assistive technologies.
Easy access to
navigation that’s
screen reader
friendly.

14. Low-fidelity prototype
Using the completed set of digital
wireframes, I created a low-fidelity
prototype. The primary user flow I
connected was ordering a dish, so
the prototype could be used in a
usability study.
View the Ntachi-Osa's prototype
https://www.figma.com/pr
oto/1VtcODUMfYR8Yd8Jo
mUXZ0?node-id=0%3A1

15. 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.
Users want to order food quickly
1
Users want a more functional app to
help them complete task wit ease.
2
Users want a delivery or pick-up option
to be clearly stated
3
Round 1 findings
The sizing of the Icons and logos are
large and the fonts are too common.
1
The “Summary of the Pickup option ”
has the "delivery fee" in it.
2
Round 2 findings

16. Mockups
High-fidelity prototype
Accessibility
Refining
the design

17. Mockups
Early designs allowed for
some options,
but after the usability
studies, I added additional
options like Cart Button
and some other options. I
also revised the design like
Shapes, Fonts, Sizes to
make it more accessible as
it's the first thing users see
when they first land on the
screen.
Before usability studies After usability studies

18. Mockups
The second usability study
revealed concerns on how
the Icons were sized and
how the Logo isn't
accessible. To make this
more pleasing and
accessible, I reduced the
icon sizing and designed
another logo. to eyeflow, I
also added “Texts" to Icons
on the screen.
Before usability study 2 After usability study 2

19. Key mockups

20. High-fidelity prototype
The final high-fidelity prototype
presented cleaner user flows for
browsing the available food and placing
orders successfully. Either for pickup or
delivery, the user's needs were met.
View the Ntachi-Osa App.
https://www.figma.com/proto/a1Dtr7he082
Cl2jieKZFx6?node-id=0%3A1
https://www.figma.com/proto/a1Dtr7he082
Cl2jieKZFx6?node-id=0%3A1

21. Accessibility considerations
Provided access
to users who are vision
impaired through
adding alt text to
images for screen
readers.
Used icons to
help make
navigation easier.
Used detailed
imagery for the dishes
to help all users
better understand
the designs.
1 2 3

22. Takeaways
Next steps
Going forward

23. Takeaways
Impact:
The app makes users feel like Ntachi-Osa really
thinks about how to meet their needs.
One quote from peer feedback:
“The app was easy to navigate and I liked that I can
choose whether I want it delivered or pick it up! And the
colours are enticing and they made me very hungry. I
definitely would use this app as a go-to for a delicious,
fast, and even healthy meals.”
What I learned:
While designing the Ntachi-Osa order 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.
Because I made a lot of changes to the app as I
get feedback and I will continue to make
changes as I get more feedback.

24. Next steps
Conduct another round of
usability studies to validate
whether the pain points
users experienced have
been effectively addressed.
Conduct more user
research to determine any
new areas of need.
1 2

25. Let’s connect!
Thank you for your time reviewing my work on the Ntachi-Osa order app!
If you’d like to see more or get in touch, my contact information is provided below.
Email: ezerosejoy@gmail.com
Linked: https://www.linkedin.com/in/obianuju-rosejoy-b1988024a

26. Thank you!