Project overview Petfood Delivery is an app that strives to deliver healthy pet food to users doorstep in a safe, reliable and fast delivery service. Petfood provides ingredients preview system of pet food to ensure users easy to understand, an
The problem: Busy workers and commuters(pet owners) lack of time or ability to meal prep for their pets. The goal: Design an app for Petfood Delivery that allows users to easily order healthy pet food and have the order to their doorstep.
My role: UX designer designing an app for Petfood Delivery from conception to delivery. Responsibilities: Interviews & questionnaires, user research, competitive audits, paper and digital wireframing, low and high-fidelity prototyping,
User research Personas Probem statements User journey maps
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 working adults don’t have time to meal prep for their pets. Th
User research: pain points Product: Pet food industry is too diverse that sometimes it’s overwhelming to choose what pet food is the best for pets. Time: After a long day from work, pet owners sometimes don’t want to spend the time to prepar
Persona: Joseph Problem statement : Joseph is a very busy software developer who needs an easy and reliable access to order healthy pet food and delivery service because they are too busy to prepare meal for their pets.
User journey map Mapping Joseph’s user journey revealed how helpful it would be for users to have access to find/get a healthy pet food delivery service app.
Starting the design Paper wireframes Digital wireframes Low-fidelity prototype Usability studies
Paper wireframes Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to tackle users pain points. For examples, on the home page, I prioritized t
Digital wireframes As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Low-fidelity prototype The low-fidelity prototype connected the primary user flow of ordering and delivering pet food. View Petfood Delivery low-fidelity prototype, click here
Usability study: findings - Round 1 Based on my first usability study, some key findings are presented on the round 1: Users want to order pet food effectively Users want more customization/selection on the petfood content Users want t
Mockups In the early designs, it allowed users to browse some basic category and icon functions, but after the usability study, I added more visual content to emphasize the layout and made it more appealing. I also activated all buttons and s
Usability study: findings - Round 2 Based on my second usability study, some key findings are presented on the round 2: The pet food product page seems a bit crowded Home-page top bar is not fixed while scrolling, it’s bugging me. Ther
Screen Shot 2022-09-04 at 11.32.13 PM.png
Screen Shot 2022-09-04 at 11.32.21 PM.png
Screen Shot 2022-09-04 at 11.32.35 PM.png
(Images above are key mockups of the final product.)
High-fidelity prototype The final high-fidelity prototype presented cleaner user flows with extended contents for users to better experience the app functions. It also met user needs for order or delivery option as well as more customization. Vi
prev / next