website and mobile app with animal profiles to provide information and improve opportunities for prospective pet owners to meet and adopt pets.
Snagie
Snagie
website and mobile app with animal profiles to provide information and improve opportunities for prospective pet owners to meet and adopt pets.
About
Snagie is an organization with the goal of providing shelter for animals and finding them new homes. They mostly work with adults between 22 and 50 years old, and most users are nature lovers and pet owners.
The goal is to provide a website and mobile app for easier communication and to find new pet owners or volunteers.
Project overview
My Role
UX designer creating a responsive website and mobile app from conception to delivery. 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.
Petar Vidak
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.”
Age: 23
Education: Biology student
Hometown: Split, Croatia
Family: Lives with parents
Occupation: Student
Key Challenges
Animal adoption websites are not providing enough information or online option for scheduling appointment.
Too many forms or obligations before deciding on meeting a pet discourage people from scheduling appointment.
Information
Time
A short adoption form ensures that gathering information about potential pet owners is not time-consuming.
Easy access to pet information and images, and quick scheduling of appointments.
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.
Participants wanted more user-friendly features for pet searches.
Users would prefer to see more important information about the pet highlighted for easier reading.
A more descriptive reservation form would be helpful to users.
02.
03.
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 pet information has been organized and highlighted for easier reading.
Mockups and
High-Fidelity Prototype
Check out and test the final responsive web design for Snagie Animal Shelter.
Thank you for your time reviewing Snagie responsive design.
If you would like to give more feedback or get in touch, my contact information is provided below.