PetPal

Fostering a one-stop resource
platform for pet owners 🐈 🐶

Timeline
Feb - Apr 2023
Tool
Figma
Miro
Illustrator
My Role
User Research
User Interview
UI/UX Design
Sketching & Prototyping
Usability Testing

Project Timeline

User Research
Secondary Research
Interview
User Persona
User Journey Map
Mind Map
Flow Chart
Low-fi Wireframe
Testing Iterations
Test, Iterate, Validate
Usability Testing
High-fi Prototype
Test, Iterate, Validate

1. Project overview

Why this project?

Every year, 6.3 million companion animals are abandoned in the U.S.. The root cause of the increasing rate of pet abandonment is the lack of pet-related knowledge. Prior to bringing a pet home, owners may not know how to integrate a pet into their life. When pets display certain behaviors or require special care, unprepared owners may struggle to fulfill their pets' needs.

pets abandoned annually

are human factors

are lack of preparation
before getting pets

Problem

Pet owners often face challenges in adapting their lifestyles to accommodate their pets. However, the existing pet market is fragmented, necessitating owners to browse multiple sources for information. Pet owners want a more convenient way to access comprehensive resources that help them care for their pets and understand their pets' behaviors.

Final Solution

Feature #1

Foster a Pet Community

To help users find an easier way to seek help, PetPal provides a platform where members can share their experiences, seek advice, and offer support. Whether it's discussing behavioral issues, health concerns, training tips, or simply sharing heartwarming stories, being part of a community allows individuals to connect with others who understand their challenges and can offer valuable insights.

Feature #2

Provide a smooth service-booking process

PetPal provides a streamlined booking process that makes it convenient for pet owners to schedule services for their pets. It helps busy pet owners who may have limited time to make phone calls or visit service providers in person.

Feature #3

Build trust through transparency and communication

PetPal understands how pet owners worry about if the service providers are trustworthy to take care of their pets. Through detailed information about the service provider's background, specialties, and past customer reviews, PetPal wants make the selection process smoother by building trust.

2. Research

User Group

an afternoon of field observation & jotting down notes

Primary Users

Pets owners who:

- mainly lives in large cities want to understand their pets’ behaviors
- have many questions about owning pets
- need inspiration for pet-related events

Secondary Users

Pets owners who:

- soon to be a pet owner
- wants to learn more about certain breed before making decisions

Stakeholder Interview

  • From the user group, I’ve reached out to 4 interviewees through the help of Best Friends Animal Society

  • By having interviews, I got to know the overall experience,  pain points, and their current resources.
  • I drafted an interview question list for a 10 - 15 minutes session. Link to interview document
Interview sessions with pet owners from Best Friends Animal Society

Interview Findings

Jiani J. (She/her)
22, Chicago, Il
🐈
Hard to find helpers to look after my pet
Lack of knowledge in the prep process
Marissa (She/her)
24, Hongkong
🐕‍🦺
Leon C. (He/him)
20, New York, NY
🐈
Hard to schedule vet for quick emergency
Hard to find effective pet-related products
Demi C. (She/her)
27, Ithaca, NY
🐈🐈

Based on stakeholder interviews, my takeaway was that many pet owners faced challenges in understanding their pets' behaviors at some point. These challenges were particularly prevalent when their pets first arrived, and they tried to find answers/help on various platforms.

3. Synthesis

In order to further analyze user pain points and design opportunities, I synthesize the interview findings into one persona, and map out the user journey.

Persona

User Journey Map

How might we...

provide more accessible resources for owners to take care of their pets?

4. Brainstorm

Mind Map

  • Along with 4 people in the pet community, we created a mind map trying to organize ideas to approach “how might we” questions.
  • From the brainstorm session , I finalized the product into 4 main ideas.

Synthesized Ideas

Community

Cultivate a community that support one another

Guidance

Provide guidance on challenging pet-related problems

Find Helpers

Develop a platform that enables owners to easily book pet-sitters.
Medical Consultation
Build the efficient communication between vets and pet owners

Sitemap

  • I designed this sitemap to arrange and display the location of the main features.

Flow Chart

By mapping out the flow chart, I visualize the user’s journey in two of the main tasks “Service Booking” and “Vet Schedule”. It helps me find potential logic errors, and opportunities to simplify and optimize the user journey.

5. Prototype

  • By constantly iterating on sketches , I created low-fidelity wireframes on paper, outlining the three key features and illustrating the user flow.
  • The low-fidelity wireframe allows me to quickly visualize the interface and test out different layout and functionality ideas.

Some key screens for user testing

6. User Testing and Iteration

I invited two of the interviewees back for a user testing session to try the low-fidelity prototype, and my main goal is to find if there’s any logical errors. For this section, I used the semi-constructed interview with an assigned task. I requested the user to look for “Drop-in” visit and order a session. I observed the users’ behavior, and asked a few questions afterwards.

Here are some of the major feedbacks:

1. Unable to select the time

Only date is available to select, but user needs a more specific option to drop off the pet. For example, 9:30 am in the morning or 8:00 pm at night on a same date is completely different. To reduce error,  the user wants to a have a more precise choice of the service.

Before
After
The confirmation page

2. No User Feedback Once Select Service

One user was unsure if he enter the correct date, but there’s no way to check after placing the order. There needs to be a confirmation page where users make sure the information is correct before placing the order.

3. Unclear of the process

There are four steps and multiple pages to book a service, and the user pointed out she was unsure when it ends. If there can be a process status bar to indicate which step one’s on and how many steps left, the user could feel a sense of control while booking the service.

The component set of status bar

UI Style Guide

7. Key Takeaways

Involving humans throughout the design process

In the self-initiated project like this, I want myself to constantly thinking about users in the inquiry, ideation, iteration, and implementation process. Without business and tech constraints, I wanted to place people at the center of the product development process. Through two rounds of interviews with potential users, I got to know their pain points and later reiterate the design based on the feedbacks from usability testing. If I could have more time, I want to gather more user feedback and start another round of user testing with the high fidelity design.

Don’t hesitate to show your work

I used to be shy to show other people my work because it’s not good enough. However, knowing that no design is 100% perfect and the major way to improve is to learn more critique. I urged myself to explain the research process and design rationale to friends and mentors, and they all provided awesome feedbacks that I could never think of by myself. Later on, when I got the chance I would present my work to solicit feedback.