Case Study
Nature’s Finest
App Design
Project Overview
The Problem
Residents in the Brooklyn area do not have access to a healthy food option with an app for ease and convenience to order.
Goals
Design an app for Nature’s Finest for easy ordering of healthy food for pickup.
The Product
Nature’s Finest is a local healthy food restaurant in Brooklyn, NY. Nature’s Finest strives to bring healthy food options to residents in the neighborhood. We offer several options of salads and customers can customize their salads.
My Role
UX designer leading the app and responsive website design fro conception to delivery
Responsibilities
Conducting interviews, paper and digital wire framing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
Project Duration
April 2021 to August 2021
Understanding the user
I conducted interviews and then created empathy maps to help clarify the needs of customers that I am designing for. One of the main groups of people had the same problem, ordering healthy food with convenience as many of the interviewees come home late for work and have no time to cook. Collecting the data from all of the interviewees confirmed a need for an app for Nature’s Finest, but conducting the interviews also brought up additional frustrations from the customers such as busy schedules, limited options and access to fresh produce.
Personas & problem statements
Fred is a busy New Yorker that would like to order healthy food on his way home from an app.
User pain points
Lack of time
Adults who are working late don’t have time to cook
2. Easy to use app
Hard to understand apps with complex flows with deter customers elsewhere to eat healthy food
3. Accessibility
Having some assistive functions on the app with help many people
User journey map
After reviewing the journey map it showed how important it is to have a mobile app the offers healthy food options and delivers.
Starting the desisgn
Paper wireframes
These wireframes shows the steps taken to reach the checkout page and complete order.
Digital wireframes
After I did some ideating and designing some paper wireframes I designed my first screens which focus on locating locally sourced produce.
Usability study findings
I was able to conduct two usability studies. The first set of feedback helped me design the first set of wireframes and low-fidelity frames. The second study that was done I used the high-fidelity prototype and with that feedback was able to update the high-fidelity frames.
Round 1
User wants an easy to use app
Users want customizable food options
Users want a delivery option
Round 2
Users would like to see what they are ordering before confirming order
The user would like a way to track the delivery
Refining the design
Low-fidelity mockup
Accessibility considerations
Added icons for those who are visually impaired, such as text read audio and alt text to images for screen readers
2. Large icons to help navigate through the app easier
3. Used images to help all users easily order what they want regardless of language barriers.
High-fidelity prototype
My high-fidelity prototype followed the same user flow as my low-fidelity prototype and include the design changes recommended on the usability study.
view the high-fidelity prototype Nature’s Finest
Responsive designs
Going forward
Takeaways
Impact:
The app helps users order healthy food options on the go and makes the users feel valued by meeting their needs a busy working adults.
What I learned:
While working on the design of the app I realized after doing several usability studies that the first versions of your app is not the final version and with feedback will influence on the apps future designs.
Next steps
I will conduct another usability studies round to help reaffirm the design route I have taken for the app.
2. I will add more accessibility functions to all my designs.