top of page

Pet Warmth

petwarmth_cover_portfolio-01.png

Millions of animals are currently in shelters and foster homes awaiting adoption. People are also looking for a new pet but they are having trouble finding a pet that matches their lifestyle which becomes a reason for less pet adoption.

Project duration: 2 months

Project Type: Group

My Role: (UX Designer &

                 Visual Designer)

                User Research

                Ideation

                Visual Design

                Wireframing

                Prototyping

   

          

Team: Shreya Mhatre, UX Designer

           Jing Wang, Graphic Designer

Petwarmth is a design solution that will allow people to find a pet that matches their lifestyle, considering factors including breed, gender, age, temperament, and health status to encourage pet adoption. 

Research Question

How might we encourage people for Pet Adoption by helping them finding a pet according to their lifestyle?

image 2 (2).png

Hello, lovelies!  We are excited to come with you. To be our friend, adopt us.

Research Question

User Profile

Who

  • The target audience is the people who want to adopt pets but they are hesitant to adopt one.

  • The people who have not adopted pets before.

  • The people who are interested in pet adoption but they don't know how to proceed for it.

What

www.

  • Pet warmth is a website that encourages people to adopt pets from shelters and help them to find suitable pets according to their lifestyle.

When & Where

  • Anytime can be accessed with the internet on any smart devices using search criteria such as pet adoption websites, pets, adoptions, shelter homes, or pet organizations.

Why

  • The audience is curious about the requirements or costs for the pet adoption according to their routine and lifestyle. The audience might not have enough knowledge about pets or shelter homes. 

Design Criteria

Design Criteria

The main design principles that we wanted to focus on, are making it meaningful, informative, and appealing.​

  • Design a website that uses natural colors to tell the story of what we are trying to communicate to users who are specifically related to pets. Pets are living beings and the audience should feel sensitivity, care, and affection towards pets while going through the website. 

 

  • Create an appeal through design where images, text, and features are placed next to corresponding information.  The audience should feel encouraged and excited to see the details of the pets and pet adoption. 

  • Inform the audience about necessary details for pets and pet adoption. Not only pre-adoption details but also provide information about the post pet adoption to continue their usage of the website after adoption. 

Make it meaningful

Create appeal

Make it informative

Success Metrics

Increase:

  • Traffic: The focus is to increase the number of people that visit the website and get knowledge about pet adoption. Not only visit the website but also get encouraged to adopt a pet from shelters.

  • Consistent Usage: The users stick to the website even after adopting the pet as the website will provide support for pets and users will not have to find other sources to get help after the adoption.

www.

Deliverables

Objective: To encourage people to adopt pets from the shelters using the website. 

KPI: Pet adoption Growth KPI

Definition of the KPI:

The desired outcome: To encourage users to visit the website and adopt pets 

  • Motivating the users to adopt pets will help shelters to manage pets who are looking for a home.

  • Progress will be measured as an increase in the number of pet adoptions from the shelter home.

  • By providing engaging content with pictures, the outcome will be influenced. 

  • A shelter home person is responsible for this metric

  • Pet adoption will be increased by 20%

  • Progress Will be reviewed on a monthly  basis

Process

Iteration Process

Discover

Define

Design

Prototype

Research

 

User Interviews

User Personas

Empathy Map

User Journey Map

Problem Findings

Success Goals

Paper wireframe

Low-fidelity wireframe

 

Graphics

High-fidelity

prototype

Discover

Research

researchinsights_petwarmth-01.png

User Interviews

We interviewed one of the managers of a Hayward Animal Shelter. 

I took interviews with a person who recently adopted a rescue cat and also with a person who got a pet from a pet store. My other teammates took interviews with people who have adopted pets for a long time. 

We asked general questions in interviews about pet adoption such as,

  • How did they adopt the pet?

  • Why did they choose this pet?

  • Form where did they get the information about pets?

  • What would they prefer for the future adoption animal shelter home or pet stores? Why? 

Define

We created User Personas, Empathy map, User Journey map to summarize the feedback and pain points of pet adoption from the user interviews.

User Personas

Screen Shot 2019-07-27 at 3.30.59 AM.png
Screen Shot 2019-07-27 at 3.30.00 AM.png

(User Personas)

Empathy Map

Empathy map-final (2).png

(Empathy map for the user who has adopted rescued cat)

User Journey Map

Screen Shot 2019-07-27 at 3.39.08 AM.png

(User Journey map for the user who has adopted a cat recently)

Problem findings

  • Applications are too long and wordy for adoption

  • There are no follow-ups of adopted animals

  • People want to adopt but can’t adopt because of their lifestyle

After finding the pain points we set our goals to achieve. To decide the goals we went through the whole process of brainstorming.

PUG-1.jpg
Screen Shot 2019-07-27 at 3.59.15 AM.png
Screen Shot 2019-07-27 at 3.59.06 AM.png

(Brainstorming for defining the goals)

Success Goals

Success Goals

  • Provide a better solution to choose the pet according to the different constraints of the pet and the adopter.

  • Include features to encourage people to adopt pets.

  • Create a feature that can help those who can not adopt pets but help pets.

  • Provide support to pet owners to find their lost pets.

Design

Paper Wireframe

We sketched the paper wireframes first using our brainstorming and keeping the success goals into consideration.

Screen Shot 2019-07-27 at 8.43.02 PM.png

(paper wireframes)

Low Fidelity Wireframe

We sketched the paper wireframes first using our brainstorming and keeping the success goals into consideration.

Screen Shot 2019-07-27 at 8.44.38 PM.png

(low-fidelity wireframes)

We wanted to keep the name of the website which can give the feeling of a companion or a partner. So we came up with the name of Pet Warmth. We collaboratively decided on the color scheme, layout design of the website.

We wanted to use the colors of animals on our website to give it a natural look. 

Colour scheme:

Screen Shot 2019-05-06 at 2.47.png

Graphics

Our focus was not only dogs or cats but also other animals so we included different paws of different animals in our logo

Screen Shot 2019-07-27 at 8.22.59 PM.png

(Logo creation process)

We also created our own graphics in the prototype to indicate the different types of donations such as food, toys, vaccine, medicines, blankets, transport, and bowls. 

Screen Shot 2019-07-27 at 4.05.12 AM.png

(Graphics for prototype)

Prototype

High-fidelity Prototype

We created a high-fidelity prototype with images, graphics, and colors. 

To achieve the goal of providing a better solution to help adopters find their pets with different constraints, we made an application process simpler with pictures.

(High-fidelity Prototype made in Figma)

Design Decisions

Design Decisions for

Success Goals

To achieve our success goals, we took a few design decisions which help in solving the problems related to pet adoption.

Goal 1:

Provide a better solution to choose the pet according to the different constraints of the pet and the adopter.

To achieve the goal of helping people find a suitable pet, we designed a homepage with different features. The first feature was to redirect users to find the right pet for them using the "Find a companion" button as a pet is going to be an awesome companion in their life if they adopt.

Screen Shot 2020-06-07 at 3.14.19 PM.png

Homepage

"Find a companion" button redirects the user to fill up the questioner. Each question required to be answered to find the pet so we have put the related image of that question on the top to make people aware of what they are going to answer for.

Find the right pet 2.png
Find the right pet.png
Find the right pet 2.2.png

Questions for finding a suitable pet

There is a separate page to see the details and images of pets with their characteristics. The previous pet owners can comment on the pet too about their experiences. So, the new adopter can have a better idea about the behavior of the pet.

Filter.png
Comments_aboutPet.png

 Pages to see the details and images of pets with their characteristics

Goal 2:

Include features to encourage people to adopt pets.

To encourage people for pet adoption, we put the question "Why pet adoption?" on the homepage. So that the new pet adopters can get the idea about why do they need to adopt pets?

One more section on the homepage is designed to encourage pet adopters. The section starts with "You are missing this" with a meme. "Explore more" button redirects the users to a page where they can see more memes of pets.

Screen Shot 2020-06-07 at 3.14.19 PM.png
Explore more.png

A page full of pet memes

Goal 3:

Create a feature that can help those who can not adopt pets but help pets.

"Help Us" button on the homepage helps users to land on a page where they can donate various things for pets as well as money.

This page also has a feature to connect the users to volunteer opportunities where they don't have to adopt pets but they can spend time with them. This way, the user can spend some time with pets and help the shelter homes without adopting the pets.

Screen Shot 2020-06-07 at 3.14.19 PM.png
Help your pets.png

A page for donation

Goal 4:

Provide support to pet owners to find their lost pets.

To increase the number of follow-ups and contact the shelter we designed a separate section “Contact Us“ where people can post their queries. And there is a section for putting a post for lost pets too so that the shelter will get the notification of lost pets and help the owner to find his pet. 

Contact us.png

Contact Us Page

Lessons Learned

Lessons Learned

  • With time, people are moving to online solutions and new trends of information to find the solutions. That is why we used "Memes" in our solution to attract users.

  • It is always about how the user is motivated to use something. Encouragement is necessary otherwise users don't feel like using the product or service.

  • When it comes to animals, sensitivity needs to be considered in products or services. 

Image Credits(pets): Directpackages.com, Pinterest.com, Cutepuppydog.net, picsart.com

Pet Warmth

bottom of page