Rescue Cats
Savannah Esch, Mark Harker, Matthew Newman, Tina Ng, Timothy Wilburn
Non-profit Responsive Web Design
The Team
Savannah
Mark
Tim
Matthew
Tina
Meet the Cool Cats
Figma
Google Suite
Miro
Adobe Illustrator
Timothy
UX/UI Design Process
Iterate
Test
Prototype
Definition
Empathize
Research
Original Rescue Cats Website
User-Focused Motivation
With over 8,000 cats saved in the last 20 years, Rescue Cats has the potential to save even more with a revamped website that helps streamline the adoption process and prioritizes information on pet care, hopefully garnering more site traffic and donations.
Usability Heuristics
Research
User Definition & Initial Usability Testing
Proto-Problem & Proto-Insight
Users want to adopt a pet but struggle because of jumbled information and dated navigation features.
Problem
Susan needs to adopt a new family pet so her two children can have another playmate and so Susan can feel fulfilled in saving a rescue animal.
Insight
Initial Usability Testing Results
“It was kinda confusing with the way it was laid out. It was very old-school looking.”
“There was too much scrolling, and I could not find sponsorship.”
“The menu didn’t work well or hide when I was browsing."
—Nate
—David
—Amanda
Testing Results | Testing Recordings
Survey Results
68%
Visit shelters
Adoption Website
Cat Livestream
37%
62%
55%
Like to visit shelters to adopt
Users would be more likely to adopt with livestream to see the cats
Over breeders
Prefer to use adoption websites
Prefer to adopt
-Survey Quote
“The hardest part about adopting was feeling anxious about making the right decision with limited information about the animal.”
Definition & Ideation
Problem Statement, Insight, Persona, Scenario
Problem Statement/Insight
Jason wants to adopt a new pet so he can have a friend around to keep him company. Adopting a new pet will make him feel less lonely.
We have observed that Rescue Cats does not provide a coherent navigation system, this can result in users seeking other non-profit organizations to adopt and support.
User Persona
Feature Discovery
Three Main Features
Wireframing
Sketches & Low-Fidelity Prototyping
Wireframe Sketches
Lofi Prototyping
Webpage & Mobile Mid-Fidelity and High-Fidelity Testing and Prototypes
RWD Iterations
Filtering
Navigation
Page Indicator
Testing Results & Iterations
Added instructions to help users with filtering through available cats
Adjusted size of menu bar to not take up entirety of the page
Adjusted page titles/headers to clarify intended user flow
Questions?
Thank you!