Hi, I'm Nina. I'm a designer focused
on UX based in Los Angeles, CA.
Hi, I'm Nina. I'm a designer focused
on UX based in Los Angeles, CA.
Hi, I'm Nina, a UX Designer
based in Los Angeles.
The Jane Foundation
Responsive Web Design
Product Overview
Approximately 6.3 million companion animals enter U.S. animal shelters nationwide every year. Of those, approximately 3.1 million are dogs.
This project features The Jane Foundation, an animal shelter specializing in the adoption of dogs. The goal, through use of the website, is to make adopting a dog straightforward, and to provide the information users might anticipate needing to research on their own wether it be through articles, specific application questions, breed information, and more. This is done in a way that matches the excitement of adopting a dog while emphasizing that adopting a dog entails a lot of work.
My Contributions
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, and responsive design
The Problem
Animal shelter websites often are difficult to use, with little consideration for the user experience. These sites don’t typically deliver the best information, make trying to contact the shelter or foster family very difficult, and users often feel left in the dark regarding their standing in the adoption process.
The Goal
Create a user focused, engaging, and educative adoption experience by providing detailed and complete information on a step-by-step basis. Offer the user useful and important information as well as adoption applications tailored specifically to the scenario of the dog, adoption conditions, as well as the user and their needs. In addition, impressing upon the prospective adopting family that the decision to adopt a dog is an important one.
User Research
Pain Points
Support
Users felt that they had struggled to find the correct contact information for a shelter as it is not frequently on display requiring the user to do external research.
Financial
Users shared concerns about not feeling there was full transparency about any additional or special medical needs of a dog adopted from a shelter that they will have and that add significantly to the already high price of caring for a dog.
Process
Users had a difficult time identifying the location of key points of information such as finding the formal adoption application, understanding where the dog is located, and how to contact the person or shelter.
Experience
Adoption websites sometimes don’t include information that is engaging and informative. Rather, the presentation is “cut and dry”, doing little to mirror the excitement that a prospective adopting family usually feels.
Storyboard
Starting the Design
Sitemap
Paper and Digital Wireframes
Screen Size Variations
Usability Studies
Study Type
Moderated Usability Study
Location
United States, remote
Participants
5 participants
Length
25-35 minutes
Though users found displaying the adoption process right away, users wanted a clearer indication of where they would be in the adoption process after submitting the application for a dog.
Users did not know there was more information to be seen below the CTA button for the adoption application on the dog’s profile page.
Users did not always get a good understanding of where they were in the flow, needing more indication on each page from the start.
Mockups
To offer a clear indicator of where the user would be in the application process, iconography was added and emphasized using color. There was also more detail offered in terms of a typical timeframe.
Before Usability Study 1
After Usability Study 1
Based on the insights from the usability study, I made changes to improve the websites navigational issues.
I made sure to add clearer typographical hierarchy as well as highlighting important information in a larger text size.
Before Usability Study 1
After Usability Study 1
Key Mockups
