Project Overview
The product:
A responsive website that provides prospective adopters with a unique adoption user flow for an animal shelter
The problem:
Users feel that pet profiles provided on animal shelter websites provide a limited amount of information and photos of the animals
The goal:
Provide users with detailed animal profiles that included videos of the adoptable animals
Understanding the user
User research: summary
User research included competitive audits, user interviews,
User research: pain points
1. Overwhelmed with the number of adoptable animals available
Users felt overwhelmed with the number of animals listed on the animal shelter websites.
2. Conflicted with who to apply for
Users felt they couldn’t get a full sense of the animals listed on shelter websites
3. A large number of pages to navigate through
Users wanted a more streamlined adoption application process
User Persona: Jessica
Problem statement:
Jessica is a prospective adopter with a busy lifestyle
who needs to know more about the animal's she is interested in adopting
because she wants to make the right choice for her lifestyle
User journey map
Starting the design
Site map
Digital wireframes
The animal's profile includes a video clip of the animal to help the user get a full sense of what the pet's temperament is like before they apply to adopt.
Below showcases variations of wireframe screen sizes
Low-fidelity prototype
Usability study: parameters
Study type: Unmoderated usability study
Location: Canada, remote
Participants: 5 participants
Length: 10-20 minutes
Usability study: findings
Navigation: Users desire buttons to navigate backwards in user flow
Confusing forms: Users feel the adoption application form screens look confusing
Features: Users want more features
Refining the design
Mockups: Original screen size
Mockups: Screen size variations
High-Fidelity Prototype
Accessibility considerations
1. All elements have a contrast ratio of 4:1 or higher
2. All elements have been checked for readability depending on all varieties of colour blindness
3. All text abides by standard accessibility guidelines
Going forward
Takeaways
Impact:
Reviewer quote: “Looks great, good idea to add a video aspect.
It gives a more well-rounded idea of what they are like”
What I learned:
I learned that animal shelters on the market often have limited images provided
of their adoptable animals which may affect the rate animals are adopted.
Let's Connect!
If you are interested in collaborating I’d love to hear from you!
view my portfolio for more examples of my work
email: aoifegkenny1@gmail.com
