Responsive website for an animal shelter
T.L.C. has served the community as a private, non-profit, humane society, dedicated to the prevention of abuse, neglect, and cruelty to animals. Raising awareness, fostering discoverability of pets and raising money are the primary things T.L.C wants to address. They are in need of a new responsive website design to cover this purpose.
The underlying problem is that people still buy from shops, rather than adopt from shelters. This is problematic because there are more animals going into shelters than the system can support, and as a results almost 3 million animals get euthanized every year.
Research, persona, wireframes, prototyping, user testing, visual design
Understand what elements are prioritized, get information about features, advantages, and disadvantages, look for ideas and inspiration.
I did research about what the usual pet adoption process looks like and what shelters and animal organizations recommend to take into account when choosing a pet. I also gathered some statistics about pet adoptions, issues and common misconceptions people have about adopting rescue animals. To list some of the opinions people hold when it comes to shelters:
“I don’t know what I’m getting”
“I can’t find what I want at a shelter”
“Pets are in shelters because they didn’t make good pets”
“Shelter pets have too much baggage”
“Animals for adoption are old and/or sick”
“Animal shelters are sad and gloomy places”
“Adopting is too difficult”
To represent a user type that might use the website, to identify with the user and understand her needs, behaviors and goals.
Keeping research findings in mind I decided on the following goals:
Show the relationship between the content of the site, based on the Card Sorting findings.
Identify the different paths that a user would take to purchase an Insurance Plan.
The process began with brainstorming and sketching ideas on paper.
Next, taking into consideration user research, navigation and user flows I created responsive wireframses for a Homepage, pets list page, pet profile page, donation page, about page and schedule a visit overlay.
Created a logo that sends a message about the brand. After determining key words for the brand (happy, playful, positive, friendly) I created a style guide.
After making branding decisions and conducting usability testing with low fidelity prototypes I developed the first version of high fidelity mockups. The functionality is limited to three major task flows:
Next, I created an interactive prototype using Invision and used it to validate my design solutions.
I conducted the usability testing of the high fidelity prototypes with 6 people an created an affinity map Sort user testing feedback synthesizing sucesses and weaknesses and identify possible solutions.
Based on the testing results I made changes to the prototypes.
For next steps, I would test the updated version of the website and iteratively improve the design.