evelyn law

Banner for Snuggle project

Snuggle

Overview

Graduate program team capstone project aiming to help animal shelters connect with potential adopters

Snuggle is a smart pet-adoption matching platform that helps both ends of the leash find the perfect, long-lasting companion with ease

Role

Lead Designer

(Ideation, User Research, Design, User Testing, Prototyping)

Project Time

4 months (Jan 2025 - Apr 2025)

Prototype Link
Sample screens for Snuggle project

the problem

As a group of animal-loving students, we wanted to improve pet adoption rates to allow rescue animals to find their forever homes. Given that many people are open to adopting, why do such few actually convert into adoption? To better understand the reasons behind the gap, we interviewed both shelters and pet owners. Through our conversations, we were able to pinpoint the following user pain points in the current adoption experience:

shelter pain points

Clock icon
Spread Too Thin

With a lack of resources and an abundance of tasks, shelters are short in the amount of time they have to interact with applicants and assist them with their needs

Warning icon
Prehistoric Processes

Manually managing postings for rescues and processing/screening applications and scheduling calls/meet-and-greets with adopters using outdated technology is time-consuming and inefficient

adopter pain points

Form icon
Tedious Applications

Filling out lengthy forms (which are sometimes in-person only) is not fun

Ghost icon
Being Ghosted

Adopters are rarely updated, uncertain whether or not they have been rejected (and, if so, for what reason)

Eye icon
Non-transparent & Confusing

Adopters struggle to get answers to questions, making fully-informed decisions impossible. Without adequate preparation, new owners encounter unforeseen expenses and underestimate commitment and responsibilities of a new pet

Flag icon
Forced to Jump the Gun

Photos and short bios (paired with a lack of time to meet/bond with the pet) is not enough to make a decision

Example shelter pet listing
The listing is cute, but offers very little information about Serena
Example application form
Example application form that illustrates the tedious process (imagine having to fill out one of these for each shelter you’re applying to)

the vision

Two key improvements we wanted to make:

  1. Improving efficiency to allow shelters to save time for their other tasks; and
  2. Creating a seamless user flow that allows adopters to effortlessly glide through the application process

We focused on the adopter side of things and based our solution on three guiding principles:

Human Touch

Involving potential adopters throughout the process and making them feel part of the discussion

Transparency

Powering users to effortlessly access whatever information they need whenever they want. Communicating needs, expectations, and reasons for matching decision to both parties

Companionship

Helping make meaningful connections between pets and adopters, not just processing transactions. Allowing our furry friends’ personalities to shine

We decided to go for an approach inspired by dating apps, featuring AI-powered, personified chatbots of each rescue (PetBots). The idea was to offer a simplified, fun and interactive alternative to traditional, resource-consuming applications, which we later named Snuggle.

Current Shelter Process

Post Listing
  • Manually input details about pet
Review
  • Manually screen applications
  • Schedule interviews with applicants of interest
Interview
  • Ask applicant questions
Meet & Greet
  • Arrange meetup
  • Ensure compatibility
Decision
  • Process contract & transaction
  • Manually remove listing
  • No follow-up for unsuccessful applicants

Snuggle's Shelter Process

Post Listing
  • System generates pet profile
  • Set threshold for applicant consideration
Familiarize
  • PetBot asks necessary questions to applicants
  • Arrange virtual/in-person meetups
  • System rejects unsuccessful applicants w/ reason
Decision
  • Arrange handover
  • Process contract & transaction
  • Mark pet as matched on platform
  • System updates currently interested adopters

Current Adopter Process

Browse
  • Look at pet listings on website
  • No real-time support
Apply
  • Fill out application
  • Submit to shelter
  • Repeat for different shelters
  • No follow-up if unsuccessful
Interview
  • Answer shelter questions
Final Decision
  • Schedule handover
  • Meet pet for first time
  • Sign contract & pay in person
  • No post-adoption support for first-time owners

Snuggle's Adopter Process

Onboard
  • Create user profile
  • Reuse profile for all applications
Explore
  • Browse pet profiles
Familiarize
  • Chat with PetBots & ask necessary questions
  • Meet pet virtually/in person
Final Decision
  • Schedule handover
  • Sign contract & pay online/in person
Support
  • AI generated advice (based on pet profile) for first-time owners

the design

As the lead designer of the team, I crafted the design system, design tokens, and screens from scratch. Colours and typography were chosen to emanate a playful and warm feeling. The use of colours was minimal and deliberate so the user’s attention would be on the profiles.

Design system for Snuggle
The entire design system was built from scratch to ensure consistency between elements. I made sure to use good naming practices & design tokens for maintainability
Screens showing the onboarding flow for Snuggle
New onboarding flow to replace original application forms. Short and sweet
Sample alert screens
You receive encouragement as you proceed each stage. Yay dopamine!
Sample Snuggle screens
From getting answers to your questions to scheduling meetings, everything is self served. The actual message content was done by another team member

user testing

following instructions is difficult

Users did not recognize the tutorial being a tutorial and simply spammed skip. Upon this feedback, I created an interim screen after the onboarding and before the tutorial to clearly indicate that a tutorial will follow.

Screen welcoming users to the Snuggle tutorial and sample tutorial step
The tutorial introduction you would see after onboarding

However, the interim screen did not completely eliminate user confusion during the second round of testing, due to the animation on the tutorial not completely representative of the actual interaction. To solve this, I replaced the sliding animation with animated cards to better represent the profile cards on their feed. Each step of the tutorial now also repeat itself in case users missed it the first time (which many did during this round of testing).

Improved tutorial has mechanics replicating those of the actual profile cards

The new tutorial seemed to be well received during the third round of testing, with users now intuitively swiping left/right on the cards after completing the tutorial.

we don’t speak dawg

Testers were split on the use of doggolingo and lolspeak; some understood the messages clearly, but others were caught by surprise. For future iterations, I will include an option next to the messages to translate the language into normal English.

overall impressions

When asked about how they felt about the app, users generally responded positively and praised Snuggle on our creative approach to solve the shelter animal under-adoption issue. Some found talking to an animal a bit eccentric, but most didn’t mind the app’s resemblance to a dating app.