Safe Paws
A web app for easy adoption and tracking the status of stray animals.Overview
Safe Paws is a mobile web application that aims to assist stray animals in Thailand. The platform is easily accessible on mobile, tablet, and website, enabling people who are interested in adopting pets like dogs, cats, and other animals to connect with stray animals who are waiting to be rescued. This platform is dedicated to social welfare and aims to contribute towards creating a better world.Role
I designed the User Experience and User Interface for this project during my Google UX Design course. From interviews to wireframing, prototyping, usability studies, accessibility, and iterative design.Duration
September to October 2023 (8 weeks)Problem
It is a complicated step to adopt an animal and one cannot track the adoption status.
Users feel not easy to adopt a stray animal through applications and after submitting an adoption request, users cannot track their application status.Solution
Make it simple and clean.
Competitive analysis and the gap
No one in the competition tracks the adoption status.
I analysed 4 companies that help stray animals, 3 direct competitors, and 1 indirect competitor. I've found that none of them offer a feature to track the adoption status to help users follow their adoption process, so this becomes my opportunity for the solution.User interviews
I conducted interviews and created empathy maps to understand the users I was designing for and their needs. I've conducted interviews with 5 people who had adopted stray animals like dogs and cats. I found that a primary user group identified through research was users who want to use a web application that provides easily adopted animals and adoption status tracking.Persona
Design
I started with paper wireframes to sketch out my ideas before transitioning to digital wireframes.
I've designed 5 different versions of each page, cherry-picked the best features for users, and blended them into the final version.
I design web app wireframes for mobile, tablet, and desktop devices to ensure a seamless experience across all screens.
Testing and improvements
I conducted two rounds of usability studies
Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
I listened to user feedback and made 3 major improvements.
Final design
The final product
I designed a user experience by designing a native mobile app and a responsive web application compatible with mobile, tablet, and desktop devices.
Design with Figma
The design system
Visit the prototype here.
What I learned
Results
I tackled the issue of stray animals in Thailand through this project, learning to analyse real societal problems. Despite the time constraints, the web app I designed serves as a small but valuable starting point for addressing the larger issue. It lays the foundation for future development and improvement.
Takeaways
I should focus on resolving and testing the problem with users as quickly as possible to understand the problems and needs of users rather than worrying about the beauty of the screen in the beginning.
Next steps
The project ended after the second round of testing. If this were to continue, I would consider designing a login system and personal information to help reduce the application process for adoption.