Purfect - A Pet Food App

UX/UI

ROLE:

Research, Concept, Experience and Interface Design, Motion Design

TIMELINE:

June 2022 (3 weeks)

CLIENT:

PROJECT OVERVIEW

As a long-time pet owner, I find that there are many online and offline materials about what is good for a pet, and pet owners might be overwhelmed with the amount of information. Purfect is a pet food app that aims to help pet owners minimize time and effort in choosing a pet food product by providing an all-in-one place where they can learn, choose, and purchase their pet food.

GOALS AND MEASURE OF SUCCESS

The Purfect app enables users to access healthcare tips for pets, examine product ingredients and reviews, and compare different pet foods. By consolidating all informative content within a single app, Purfect caters to users who prefer not to invest extensive time in research but still want to select healthy food for their pets.

The effectiveness of the app will be assessed by calculating the task completion rate and measuring customer satisfaction through anonymous user testing with the final prototype.

Design process includes Research phase (empathize, define, ideate) and Design phase (prototype, test)).

UNDERSTANDING THE USER

As a cat owner, I consistently faced challenges in finding the best pet food for my feline friend. To address this issue, I began with certain assumptions related to what people consider when choosing pet food. Subsequently, I raised key initial questions:

  • What is the product, and who is it for?
  • What do our primary users need the most?
  • What kind of goals and challenges do they encounter while using similar applications?

To gain insights, I conducted a small survey within Dubai and Abu Dhabi pet owners' Facebook groups. This helped me collect answers, understand user pain points, and establish archetypes for later use.


USER PAIN POINTS

After organizing the survey responses into an empathy map, I identified three main user pain points:

Group 1: Pet owners with pets under 1 year

  1. They struggle to decide which pet food to buy and often opt for the most advertised one.
  2. They aspire to select a reliable pet food brand but face uncertainty about trustworthy sources.

Group 2: Pet owners with pets over 1 year

  1. They observe a lack of transparency in pet food marketing.

MEET THE USERS

Based on the identified user groups, I created two personas to gain a deeper understanding of the target audience and to develop features that would satisfy their needs.

USER JOURNEY MAP

I created a user journey map to visualize how individuals navigate the process of selecting pet food. This approach allows me to perceive the app I'm developing from the user's perspective.

PROBLEM STATEMENTS

The insights I gathered from empathizing with the users helped me refine the problem statements and answer the 5Ws and H questions: Who, What, When, Where, Why, and How:

  • Long Vu is a busy software engineer who needs an app where he can find the right information for pet food because he does not have time to do extensive research online or read reviews.
  • Nada Hassan is a considerate single mom and a long-time pet owner who needs an easy app to compare different pet food because she cares about her pet’s health and is overwhelmed with multiple tabs to compare the best food.

HYPOTHESIS

  • Purfect with educational content such as a blog or tips will allow pet owners to learn how to choose pet food faster.
  • Purfect with product comparison table will allow pet owners to easily compare the brands they want.
  • Purfect with a rating and review system will allow pet owners to be more trustful in the pet food they have chosen.

STARTING THE DESIGN

In order to generate ideas for the app’s construction, I evaluated more aspects and see what was working and what was not from the users’ point of view.

COMPETITIVE AUDIT

The objective of the Competitive Audit was to compare the process of selecting and purchasing a product on each competitor’s mobile app.

I assessed three direct competitors, Dubai Pet Food, Chewy, and Pets Delight, to understand the existing practices of other pet food apps and identify any unmet user goals.

Additionally, I examined indirect competitors, Think Dirty and Healthy Living, to explore their features related to educational content and the ability to preview ingredients and reviews of a product.

USER FLOW

The User Flow enabled me to follow the user’s actions from the entry point to the final step of choosing and purchasing pet food online. This identification process helped me determine which features were essential or could be enhanced.

LOW-FIDELITY WIREFRAME

I user-tested the lo-fi prototype by using Maze.co. I prepared 5 main tasks for the testers to complete and asked them the problems and suggestions they have for each task.

USABILITY STUDY FINDINGS 1

By using Affinity Map to gather answers from the first test, I identified four patterns and insights to improve on:

  1. Create better cues for what steps are required for the users to read the tips.
  2. Create a more intuitive way for the users to see the product’s information tab.
  3. Create more actions in the “compare items” prototype in order for the users to understand the use of the comparison feature.
  4. Create better cues for what steps are required for the users to check out after adding a product to the cart.

HIGH-FIDELITY WIREFRAME

I user-tested the hi-fi prototype using the same methodology as the first test in order to see if I had addressed all the challenges users faced in my lo-fi prototype.

USABILITY STUDY FINDINGS 2

There was one main problem the user faced in the second test: not knowing how to use the features on the Compare Page. Thus, the main insight I would improve was:

  • Create instructions for the users on how to use the Compare Page.

REFINING THE DESIGN

1. SEARCH FOR A PRODUCT

FAST, EASY, ACCESSIBLE

The Search feature includes three aspects designed with accessibility in mind. These aspects help users find a product quickly.

  • Voice search.
  • Action chips to select recently search items.
  • Action chips to select popular search items.

2. VIEW HEALTHCARE TIPS

EDUCATIONAL, EASY-TO-READ

The Healthcare Tips feature is designed as swipe-to-read cards so that the user can skim through the information quickly and still understand the points of the articles.

  • Exit button on the top right for the user to exit the Tip Card anytime.
  • Process bar indicates how much information is left to read.
  • Button options to read more or exit the page on the last card of each tip.

3. VIEW PRODUCT INFORMATION

INFORMATIVE, FAMILIAR EXPERIENCE

The Product Page includes the details, ingredients, reviews, and Q&A related to the product. The information is designed as a tab on top. However, since most users look under the product’s image to find more information, I also designed another set of tabs under the image to guide the user.

  • Two ways to access the information tab.
  • Write, like, and report a review.
  • Rating a product based on user reviews and in-app expert.

4. COMPARE PRODUCTS

FOCUSED, SIMPLE

The Compare Page helps users compare a maximum of 5 products.

  • Instruction pop-up with animation to guide the users on the page.
  • Pin a product to make it sticky for easily comparing with other items.
  • Swipe-to-compare, add a new item, and edit an existing product.

5. CHECK OUT

QUICK, SIMPLE

The design creates a quick and simple process of checking out. Since the check-out process was not defined as a problem in this project, I only designed the main action to check out.

  • Pop-up to confirm adding a product to cart and asking the user if they want to proceed or back to shop.

TAKEAWAY


WHAT I LEARNED

As an artist and a graphic designer, I always thought designing was making things pretty. However, after this process, I understand that designing isn’t only making pretty things, but also solving a problem. I need to understand what the product is, who the users are, and what their problems are. Answering these questions and conducting user research help me design a product that people want to use, and minimizes my time and effort in thinking and deciding what I need to design.

IMPACT

After the user testing, I received many positive feedbacks as users want to use the product for choosing their pet food. I would love to expand the project to include more products besides pet food.