Snagie
Website and mobile app
Snagie is an organization with the goal of providing shelter for animals and finding them new homes.
The goal is to provide a website and mobile app for easier communication and to find new pet owners or volunteers.
Project Overview
Conducting research and interviews, paper and digital wireframing, low- and high-fidelity prototyping for responsive design, conducting usability studies, accounting for accessibility, and iterating on designs.
Project Goal
Design a website and mobile app with animal profiles to provide information and improve opportunities for prospective pet owners to meet and adopt pets. Additional features, such as an adoption plan and a donation page, help users learn about and support the organization.
User Research
I researched to better understand users and their needs. I found that pet owners and nature lovers often hesitate to adopt due to limited knowledge and time.
Many prefer to learn about pets and plan ahead before visiting a shelter to ensure a good match and a quicker adoption process.
Goals
- Have a balanced schedule between studying and caring for his pet.
- Find a way to connect with a faraway animal shelter.
- Help his family decide on adopting a new dog.
Frustrations
- Not having enough time to volunteer and support the animal shelter.
- “Sometimes, looking for a new pet can be overwhelming and time-consuming.”
Key Challenges
01
Information
Animal adoption websites are not providing enough information or online option for scheduling appointment.
02
Time
Too many forms or obligations before deciding on meeting a pet discourage people from scheduling appointment.
Easy access to pet information and images, and quick scheduling of appointments.
A short adoption form ensures that gathering information about potential pet owners is not time-consuming.
Starting the Design
The website was optimized for all screen sizes, but testing showed a mobile app offers better functionality on smaller devices.
A tiered layout on the homepage improves readability and highlights the main user path to reduce pain points.
User testing results
I conducted two rounds of usability studies. Results from the first study helped me iterate and build from wireframes to mockups.
In the second study on high-fidelity prototype, findings showed parts and elements that needed to be improved and refined.
01
Pet search
Participants wanted more user-friendly features for pet searches.
02
Information hierarchy
Users would prefer to see more important information about the pet highlighted for easier reading.
03
Reservation form
A more descriptive reservation form would be helpful to users.
Changes
The search and filter layouts have been modified to improve accessibility.
Sign-up and log-in buttons have been added for ease of access.
The Pet Card has been redesigned for more intuitive interaction.
The layout of the reservation form has been modified, and new text fields have been added.
The layout of the reservation form has been modified, and new text fields have been added.
Mockups and
High-Fidelity Prototype
Check out and test the final responsive web design for Snagie Animal Shelter.
View Prototype
