top of page
Closeup of a Black Dog

New Friend Shelter

Reducing the stigma of shelter pets through design


Shelter pets have a stigma that something is wrong with them that landed them in the shelter. People don't want the animals to be destroyed but they also don't want to take the risk of adopting an unsuitable pet.

New Friend is a shelter that rescues cats and dogs so they can have a second chance. New Friend believes that when a pet and a person are well matched, it creates a long-lasting bond that enriches both of their lives.  

Uncertainty about the pet and how to reduce it in the shelter pet adoption process was the focus of this project 

The Problem


Design services that New Friend Shelter can implement to fulfill its mission to match a pet and person for long-term enjoyment

The Solution


Create events for prospective adopters to meet their new friends to reduce uncertainty in possible pet matches. Design a pet profile page with additional information about the pet.

An example of an event is the Lease and Harness Party.  The client fills out a survey to get matched to a dog and they spend the afternoon getting to know each other in a local park.  Through this interaction, the client can feel more confident if the dog would or would not make a good addition to their life.  

Service Blueprint
Leash and Harness Event

Service Blueprint for Lease and Harness Event  New Friend


Service Designer which included research, ideation, paper and digital wireframing, low and high-fidelity prototyping, conducting usability tests, accounting for accessibility, and iterating on designs.



The research highlighted that uncertainty of prospective pets’ behavior (38%), compatibility & personality (30%), and health (21%) are the top concerns in pet adoption. People had different expectations for their prospective pet with the majority theme providing companionship in varying ways.

Over 60% of the respondents said they have an interest in hiking and/or walking.

A remote web survey was conducted with 24 participants ages 18 to 64 to determine what they want out of a pet relationship, their lifestyle activities, and their concerns with shelter pet adoption.




The respondents' concerns were reviewed and sorted by “Can be an icon” and “Must be determined by user”. Ideation focused on how to create interactions and activities that the user and prospective pets can engage in together to resolve the compatibility pain point.

The items that “Can be an icon” were matched to icons and shown on the pet's profile page.  The research help guide what additional icons to include in the design

New Friend Shelter Ideation

Ideation Affinity Diagram

The affinity diagram was created from a brainstorming session to come up with possible ways to solve the user pain points of personality and behavior, discovered during the research phase.



The desktop site was designed first. Paper and digital wireframes were created. 

Users' observations and comments from the wireframe useability study were incorporated into the high-fidelity prototype.

The designed flow of the desktop website made creating the mobile site easier because it was the same flow of information just narrower.

Findings from low fidelity usability study

Designed an overlay verifying that the user wants to book the visit before the confirmation.

60% of the participants wanted verification of the visit date and time before booking.

Wireframe showing added overlay verifying the user want to book the visit
Style Guide

Wireframe Flow (mobile)

Wireframe mobile flow of New Friend shelter to find and schedule a pet to visit

Style Guide

New Friend Shelter's mission is to reduce the stigma of shelter pets and the brand colors were chosen to avoid the sad dog in the rain connotation.

The bright blue was chosen to simulate a blue sky day in the park.  The complementary color continues to brighten the site. 

New Friend Style Guide
High Fidelity

Findings from high-fidelity usability study

Labels were added to each of the icons and an overlay was created to provide more detail.

100% of participants liked the idea of showing the pets' ratings with icons.

50% of participants were confused by what each icon was supposed to convey.

Overlay showing labeled icons classifying pets

Web event sign up in action

Website in Action
App in Action

Mobile pet scheduling in action

Key Take Aways


Uncertainty about prospective pets was an obstacle to people adopting pets. This project created direct unique ways for users to interact with the pet to determine personality matches and created indirect methods by creating rating icons that were posted on the pet's profile page.

Want to see more?
Let's chat.

bottom of page