UI /UX Case study proving my experience, tasks, problems, and solutions for Mia's Pizza.

1. Mia’s Pizza Mobile Application
Case Study
By Jonathan Fernandes

2. The product:
Mia’s pizza is a local pizzeria which has
hundreds of orders each day. The application
will have the ability to
View the menu, place an order, and check out.
Project Overview
Project duration:
08/21 - 11/21
Preview of selected
polished designs.

3. The problem:
Customers didn’t feel comfortable
providing card credentials over the
phone and wanted a more secure and
efficient method of purchase.
Project Overview
The goal:
Create an application that can place and
manage orders for Mia’s Pizza.

4. My role:
Generalist / UI UX Designer
Project Overview
Responsibilities:
● Conduct UX research
● Develop wireframes
● Develop low fidelity and high
fidelity prototypes

5. Description of steps taken to understand users needs
Step One: Conduct usability testing
Step Two: Take notes throughout testing
Step Three: Analysis of all notes
Step Four: Separate into categories
Step Five: Highlight positive and negative feedback
Step Six: Highlight struggled areas
Step Seven: Plan and Ideate solutions
Step Eight: Implement solutions
Step Nine: Repeat

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

7. Digital wireframes
Using the digital wireframe
analyze what is the best
layout. Switching the icons
to see which icons displays
the most symbolism and
increases usability.
Description of
the element
and its benefit
to the user

8. Mockups
Main
mockup
screen for
display
Main
mockup
screen for
display
Main
mockup
screen for
display
Main
mockup
screen for
display

9. Design Choices
There are many reasons why we choose the designs as so. For example colors orange are
often associated with hunger If our users feel hungry while using our application they would be
more likely to purchase food. We created the layout to be larger than our previous study and this
was to make the application more accessible to those with large fingers and make it easier for
them to click items or make items easier to see for those with bad eyesight. Another design
reasoning was revising the menu Icon. I had revised the menu Icon because after the study due
to certain users unable to identify which icon symbolized the menu. I had also revised the design
to make the overall application more simplistic this will help users feel less confused and more
confident when using the application.

10. Understanding
the user
● User Research
● Personas
● Problem Statements
● User Journey Maps

11. User research: summary
Prior to conducting research I gathered users from each age group in order to
gather a broad range of results. I established a group of 5 testers and asked them to
perform a series of tasks to lead the user across the application. After the test was
complete the results led into increasing the size of the layout so users can have
better experience. Another observation led to revision of the menu icon. This would
help user locate the menu with ease.

12. User research: pain points
Pain point
They images were
too small to get a
clear image of the
pizza
3
Pain point
Then menu icon was
to hard to locate
2
Pain point
The size of the icons
were too small for
certain users
1

13. Michael Ferlosta
Problem statement:
Michael Ferlosta -
Micheal typically eats
takeout due to getting
out of work late; he loves
pizza but doesn’t trust
giving out his card
information over the
phone.
Goals:
● Order pizza after
work
● Have the food
delivered without
risking stolen
information
Frustrations:
● Loves his local
pizzeria but doesn’t
trust giving out his
information over
the phone.
● Doesn’t have
enough time to
drive to the
pizzeria.

14. User journey map (⅕)
Image of user
journey map

15. Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.
Round 1 findings
The menu icons were to small for
certain users
1
Home page needs to be more
attractive
2
Round 2 findings
Better images to display the pizza
3
The color scheme needed to be more
Appealing to the user
1
The menu icon was hard to
determine
2
The layout was not easy to navigate
3

16. ● Mockups
● High-fidelity prototype
● Accessibility
Refining
the design

17. Accessibility considerations
Increase size of the
menu icon to allow
users with larger
fingers to have the
ability of navigating
through the
application
Revised the menu
icon to a more
common and
understandable view.
Assist users in locating
the menu.
Allow multiple
methods and
locations to allow
users to select an
item.
1 2 3

18. High-fidelity
prototype
Link
Screenshot of
prototype with
connections or
prototype GIF
Enjoy the amazing design
fully interactive design for
yourself!

19. ● Takeaways
● Next steps
Going forward

20. Takeaways
Impact:
Users will be able to order from their favorite
local pizzeria with ease. Customers who don’t
feel comfortable giving out personal
information over a phone call can now make
purchases more securely.
What I learned:
Small details are crucial in user design. What is
easy for me to locate may be difficult for other
users.

21. Next steps
Revising the design to
using what I have learned.
Creating a working
prototype.
Prepare and published
the finalized application.
1 2 3

22. Let’s connect!
Thank you for viewing my work. The rest of my portfolio can viewed at jxvny.com

23. Thank you!