Vivian's Design Project
Pet Adoption Website
Full Case Study
UX/UI design
Pet Industry
My Role
Product Designer
Duration
1 month (Nov 2024)
Tools
Figma
Why am I doing this project?
Adopting a pet brought me joy, but I saw how overcrowded shelters struggle to connect animals with adopters. This inspired me to design a platform that streamlines adoption, helping shelters manage pets efficiently while making it easier for adopters to find their perfect match. 🐾
Table of Content
Introduction
In this project, I was the Product Designer, building a platform that serves as a bridge between pet adopters and shelters. I designed the user experience to save adopters time in finding their best match while also helping understaffed shelters increase pet visibility.
HomeMyPet is a website that collects all locally listed pets for adoption together to help future pet owners find their dream pet all at ease. This design project was completed in Jul 2023 initially, and redesigned in Nov 2024.
The Problem πŸ›‘
Pet adopters find it hard to adopt well-matched pets due to a unclear + complicated adoption process, and a poorly-supported post-adoption pet care.
My Solution βœ…
Design a platform that serves as a bridge between adopters and shelters, providing clear understanding of pet profiles and potential match, also easy adoption process and post adoption support.
Empathizing
My Design Process

‍

‍

1.1 Understand - User Research

I wanted to understand the hardship experienced by pet owners, potential pet owners and shelters to create a meaningful solution for them.

πŸ₯ Therefore, I conducted a secondary Research on existing user research of pet adoption in the United States, and here are what I found.

‍

Pet adopters

‍

Shelters

‍

🐀 Wrapping up these findings and organizing them into challenges following an adoption timeline:

‍

Timeline of Adoption

‍

‍

1.2 Understand - Identify Problems + Goals

‍The Problem:

Pet adopters find it hard to adopt well-matched pets due to a unclear + complicated adoption process, and a poorly-supported post-adoption pet care.

The goal:

Design a platform that serves as a bridge between adopters and shelters, providing clear understanding of pet profiles and potential match, also easy adoption process and post adoption support.

‍

Yay! Let's build the bridge

‍

‍

2.1 Analyze - Competitor Analysis

To design an intuitive pet adoption platform, I analyzed key competitors to identify strengths, gaps, and opportunities for improvement.

‍

Competitor Analysis

‍‍

Key Takeaways from Competitor Analysis:

1. Ensure real-time updates to prevent outdated listings.
2. Enhance pet profiles with detailed info, photos, and videos.
3. Integrate educational resources on pet care and post-adoption support.
4. Strengthen partnerships with shelters for a wider adoption network.

By addressing these gaps, my platform should create a more transparent, user-friendly adoption experience that increases successful pet placements.

‍

‍

2.2 Analyze - Pain Points

Uncovering the biggest challenges adopters face at different stages of the process from the previous findings.

‍Finding:

βœ” Pre-Adoption:

  • Lack of pet adoption education
  • Fear of financial & emotional commitment
  • Difficulty connecting with shelters

βœ” Adoption Process:

  • Limited understanding of pet needs
  • Uncertainty in finding a good match
  • Strict and lengthy adoption procedures

βœ” Post-Adoption:

  • Lack of financial & behavioral support

‍

Pain Points

‍

Turning Pain Points into Opportunities

After identifying key pain points in the pet adoption journey, I focused on transforming these challenges into meaningful solutions that enhance user experience and adoption success.

‍

Opportunities

‍

Here is the summary of transformation:

‍Pre-Adoption:

- Pain Point: Lack of education, fear of commitment, and difficulty connecting with shelters.
πŸ’‘ Opportunity: Provide educational resources on pet adoption and care, and partner with multiple shelters to create a unified, accessible database.

‍

‍Adoption Process:

- Pain Point: Users struggle with pet compatibility, unclear profiles, and lengthy processes.
πŸ’‘ Opportunity: Introduce a match test for better pet compatibility, intuitive pet profiles, and a comparison feature to help adopters make informed decisions faster.

‍

‍Post-Adoption:

- Pain Point: Lack of financial and behavioral support after adoption.
πŸ’‘ Opportunity: Build community support for pet care, compile guides and resources to save adopters research time, and foster an engaging space for adopters to share experiences.

‍

By tackling these pain points with educational tools, streamlined adoption workflows, and post-adoption support, the platform ensures a smoother, more confident adoption journey for every pet and adopter.

‍

2.3 Analyze - Simple Persona + Journey Mapping

To better understand the adopter experience, I created two simple personas representing different types of users: Steve and Kim. After defining these personas, I developed a journey map outlining their adoption process online. This helped highlight key friction points, such as lack of education, difficulty finding a good match, and missing post-adoption support.

‍

Steve

‍

Kim

‍

By mapping these pain points, I was able to design solutions that simplify adoption, improve pet-matching accuracy, and provide long-term support for adopters.

Ideating

Brainstorm Solutions

I reviewed the opportunities found from my analyze phase and brainstormed about how to integrate them into the website based on what the original design already had. The freshen up site should bring adopters a smoother user experience.

‍

Pre-Adoption

Provide educational resources on pet adoption, pet care and related info

Partner with as many shelters as possible to give users a unified database

‍

Brainstorm1: Before Adoption

The Adoption

Match test helping searching for better match

Easy and intuitive pet profiles

Comparison between pets to help with a more informed decision

Simplified adoption process to save time

‍

‍

Brainstorm2: The adoption

Post-Adoption

Community support for pet care

Gathered resources to save adopter’s time on research

Provide an engaging vibe for adopters to also share their experience

‍

Brainstorm: After Adoption

‍

Add-ons for Homepage + Pet Profile

While doing secondary research, I found the heartbreaking facts about how many animals getting euthanized because of overcrowded shelters. Meanwhile, there’re still lots of pets being returned to shelters after adoption. I wanted to bring more attention to those strayed (and not so pretty), abandoned and surrendered animals. They deserve a warm home just like any other animals who are younger and more popular.

‍

Brainstorm: Home page

‍

‍

‍

Iterations

Old Design Review

‍As part of my design refinement process, I conducted a review of my original mockups (July 2023) to identify areas for improvement in features, UI, and UX.

‍

Old design

‍

Key Findings & Changes

‍Features

πŸ”Ή Old Design: Included essential features like Match Test, Pet Comparison, and Multi-Pet Inquiry.
πŸ”Ή New Design: Kept and refined these features while adding a Resource & Community section to better support adopters.

‍UI Improvements

πŸ”Ή Old Design: Used a dark background with small font sizes, which impacted readability.
πŸ”Ή New Design: Redesigned the UI with a cleaner, friendlier aesthetic and refined branding for better accessibility.

‍UX Enhancements

πŸ”Ή Old Design: Lacked key information on the home page and had suboptimal information architecture (IA).
πŸ”Ή New Design: Redesigned IA for each page and restructured the homepage to present information more effectively.

‍

By iterating on feature usability, UI aesthetics, and information flow, I ensured the new design enhances adoption experiences through clarity, accessibility, and engagement!

‍

‍

User Flow, Site Map

As part of the design iteration, I revisited both the user flow and site map to improve navigation, clarity, and overall usability.

‍‍

Old user flow

Users followed a linear process with limited flexibility in browsing pets, comparing options, and completing adoption steps.

‍

Old flow

‍

Key updates on user flow

‍Highlighted different routes towards the same goal:sending inquiry to shelters/source of adoption.

Added actions leading to each page.

‍

New flow

‍

Old site map

The navigation structure was cluttered, and key adoption steps were not easily accessible.

‍

Old site map

‍

Key updates on site map

Removed some features that don’t play significant roles in solving the mentioned problem in this current project.

Cut some information to keep the map clean and easy to understand.

Only keep the most important feature pages.

‍

New site map
Delivery
The Delivery
Explore the key design highlights from this project, where each feature showcases the thoughtful decisions and creative solutions that shaped the final outcome. Dive in to see how the design evolved and brought the vision to life.
No items found.
No items found.
Result &Β Impact
Result πŸ‹
The pet adoption platform enhanced the adoption process by reducing decision fatigue through intuitive navigation and smart filters. User engagement increased as they found it easier to discover and connect with adoptable pets.
Impact 🌍
The biggest impact was creating a balance between information and emotional connection. By integrating match test and comparison feature, the platform helped users feel more confident in their adoption decisions.
Takeaways
Learnings πŸŽ“
A key takeaway was that integrating creative design to help users to comprehend information in a more organized way, helping them to fully understand their decisions during the adoption process.
Influence on My Future Design πŸš€
This experience reinforced the importance of empathy-driven design approach. By observing small challenges and integrate them into systemic themes, a thoughtful design will support the decision-making process to happen more spontaneously and without extra friction.
❋
"Finding my new best friend was a breezeβ€”everything I needed in one place."

More to read