OnPoint responsive website - Case study
The product
OnPoint Meals is a family restaurant, with international specific, localized in the South suburbs of LA. Their main purpose is to prepare healthy snacks suitable for any tastes, including non-allergens, vegan, vegetarian, and non-dairy foods. OnPoint Meals values the constant quality of their products, that’s why collaborate with few but trusty ingredient providers. Their most usual products costs between $8 for a simple one-portion menu, and $60 for a family or group menu.
Project duration
from May 2022 to June 2022
The problem
Users that have busy schedule on their work, and don’t have the necessary time for preparing food their own
The goal
Design an app for OnPoint Meals, providing to users easily ordering and tracking services
My role
UX researcher and UX/UI designer for OnPoint Meals Mobile App
Responsabilities
Make the user researches by interviewing them, design wireframes, make Low-Fidelity prototypes, conduct usability studies
Pain points
Pain point 1
It’s not easy to find an app that allows you to configure your meal in an interactive way
Pain point 2
The checkout process can be confusing on some apps, and not so straight to the point
Persona:
Yan Kohler
Problem statement
Age: 25
Education: Economics
Hometown: San Francisco CA
Family: fiancee
Occupation: junior economist
“I try to keep my focus on career combined with activities I have in my free time”
Goals
– Become not only a senior economist, but open his own company in this domain
– Organize his time and combine work with hobbies in an efficient way
Frustrations
– “I would like an optimized filter to choose the most fitting meal for me at the given time”
– “All the ordering process must be as much straight to the point”
Yan moved from San Francisco to LA 7 years ago when he begin studies in Economics School. He embraced from the start the LA lifestyle that motivated him to hire in a multinational company and to have the desire to succeed in his career. Although he likes what he’s doing, there is a lot of time-pressure for task-fulfilling. In his free time, Yan practice airsoft, an activity which helps him to focus and to make new friends with different backgrounds. He also enjoys going to films and stand-up comedy with his fiancee and their group of friends.
User journey map
Yan’s user journey, from where some improvement opportunities are identified, and can be applied
User flow - order a pizza
Digital wireframes
Low-fidelity prototype
Low-fidelity prototyping of user flow on search, add to cart and submit order for delivery. The prototype could be used in usability studies with users.
Usability study findings
There are two usability studies: The first one was conducted on wireframes prototyping, and helped find value insights from user flow on how easy is ordering, checkout and track their orders. The second Usability study was conducted on high-fidelity mockups prototyping, and its purpose was to gather insights from user on how to refine the user flow process, and also the UI.
Round 1 findings
– Users want to preview their order details before submit the order
– Users want a multilingual app
– Users want a detailed order status after that has been placed
Round 2 findings
– Little confusing on how to reach Menu Screen from Home Screen
– A more prominent “Track my order” button is needed
Key mockups
High-fidelity prototype
There were made some consistent layouts customizations. The final prototyping shows the user flow on how to filter a product, add it to cart, proceed to checkout and track order.
Accessibility considerations
1
Voice command for search field
2
Iconography for facilitating an easy experience with navigation
3
A suitable color palette with prominent colors
Takeaways
Impact
During the last usability study, I noticed that the users navigates through the app pretty confident, comparing to the first usability study
What I learned
Definitely the usability studies are crucial, because other users may see the experience different than I see it