RANZHENG
DELIVERABLES
UX Strategy Development
User Journey Mapping
YoPizza is a mobile ordering app that allows its customers to customize their pizza.
Wireframe Creation
Competitive Matrix Analysis
TOOLS
Figma
Diagrams
Project Overview:
YoPizza is a pioneering mobile application that revolutionizes the way users order customized pizzas. This app aims to streamline the pizza customization and ordering process, allowing users to place orders in less than three minutes.
DURATION
Jan 2021 - March 2022
Role:
Handled all UX/UI design solo
COMPETITIVE ANALYSIS
01
I started a research project to discover useful insights that could help improve the feature set of YoPizza. To do this, I downloaded and analyzed the four most popular pizza-ordering apps, paying attention to their features, user experience and feedback. After analyzing the data, I created a matrix which identified the most important features that could enhance the overall user experience.
USER JOURNEY MAP
02
Based on the insights gathered, I designed a user flow that envisioned the optimal app experience. This evolved into a comprehensive experience map, detailing each interaction point within the app and the emotional response elicited from the user.
USER INTERVIEWS
03
Key Insights
of users will quit the app if there have too many options
55%
of users will choose a previous order for fast check-out
75%
Target users
YoPizza is intended for people who are very short on time
-
such as a parent who is pacifying a hungry child
-
a businessperson ordering food for an upcoming meeting
-
someone who got home from work late and wants a quick bite to eat, etc.
UNSERSTANDING USER NEEDS
04
Solution: Simplifying the Ordering Process
To address user needs, three streamlined ordering methods were introduced:
-
Best Deal: Offers an immediate, value-oriented selection.
-
Quick Add: Enables rapid addition of favorite items.
-
Pizza Club: A loyalty feature for frequent users.
USER FLOW
05
The user flow laid the foundation for the app's design, focusing on:
-
Highlighting the "Best Value" deals.
-
Efficient categorization for easy navigation (e.g., veggie, meat lover, kid-friendly).
-
The importance of comparison in decision-making.
-
Enhancing visual appeal to stimulate user engagement.
LOW-FIDELITY WIREFRAMES
06
Key features introduced:
-
Best Deal Quick Add: Facilitates swift decision-making.
-
Quick Filter: Streamlines app navigation.
-
Progress Tracker: Offers users a visual cue of their selections.
-
Order History: Offers users a visual cue of their selections.
Features:
Point out the “Best Value”
Categorization:
veggie / meat lover / kids-friendly
Compressions are everything
Users are choosing things based on comparing their options
Visual engagement:
Adding juicy visuals to engage different senses
DESIGN DETAILS
07
Best Deal Quick Add:
allows people have a default choice when they want a quick decision
A quick filter:
to facilitate navigation
Left off :
to track the status of what the user has chosen and let the user get the sense of what had been done
History:
simple add or modify the previous order
Personalization = Reduced Churn
Using previous experiences and data to craft a better experience is key to user retention.
Allow the app to leverage past behaviours to remove repetitive and unnecessary steps.
Thank you for watching!
