Safe Paws

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.

Clean design
Clean design phone 1
Clean design phone 2
Clean design
Clean design phone 1
Clean design phone 2

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.
SoiDog logo
PetFinder logo
TheVoiceFoundation logo
AdoptMePlease logo
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
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.
Design Hand Design
I design web app wireframes for mobile, tablet, and desktop devices to ensure a seamless experience across all screens.
Design Mockup Design

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.Test 1Test 2Test 3

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.
Clean design phone 1
Clean design phone 2
Clean design phone 1
Clean design phone 2

Design with Figma

The design system

designSystem

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.

Let’s Connect

Get in touch for exciting opportunities or simply to say hi! 👋