.jpg){kind=small}
AW
The pets zone
PAW is a website that lets users find the pet that best matches your personality traits and adopt them
.png)
That’s how it began!
Designing for a social cause
These news's that we see everyday points the need for doing something that becomes a positive for both humanity and animals
PROBLEM
6.5 million
million animals enter shelters each year but only 3.2 million are adopted
70% of people who acquire them end up abandoning or giving them away Tech progress in animal welfare and adoption is limited and stagnant
PAW
SOLUTION
PAW is a website that lets users find their pet. Organizations or people who are interested in animal welfare are coming together in a single place and joining for a better cause.it can improve the adoption rate, and save furry lives.
BUILDING PAW
What i did and what i learned
I adopted a design thinking process for approaching the problem
-
Research
-
Persona
-
Empathy map
-
User journey map
-
Problem statement
-
Value proposition
-
Competitive analysis
Ideate
-
Story board
-
information architecture
-
User flow
Prototype
-
Wireframe
-
Low-fidelity
-
High-fidelity
Evaluate
-
Research plan
-
Usability test
Reasons for pet adoption
Reasons for pet abandonment
Pet adoption place
43%
people has increased interest in adoption after pandemic
13%
Buying pets online has increased from 3% to 13% from 2013-2020
80%
People are looking for a particular breed when looking for pets
36%
The main reason for pet abandonment is behaviour and incompatibility issues
Matching your personality traits with the right dog is the most interesting part in designing.
so to understand this I did a study on personality traits. And Other thoughts and research understandings is consolidated into a document
Insights
1
Adoption
2
Features
3
Pet matching
4
No research
5
Filter
Adoption has increased now. So there are chances of more users to access the website
Adding more features to the website would help retain the users
Pet matching feature is necessary because not every pet may get connected to the user
People don't do much research . So If website experience is great, this helps retain more people
Filter option help people who look for a particular type of pet
Users
The primary users are people who want to adopt pets. The second user is the animal shelter owners who want the pets in the shelter to be adopted
Pet adopters
Animal shelters
Understanding the user
Interview
I Held 4 interviews with users
Questions
-
Which is your pet?
-
Did you adopt or buy your pet?
-
What are the things that you looked into before buying your pet?
-
How was your adopting experience
-
Is there something you would like to change about the experience
-
What do you think are the reasons why people are not interested in adopting
-
What are the things needed for your pet
" I feel sad when I see animals roaming around the street "
- Sreekala
From interview
Insights
1
Adding a pet shop section in website will cater the need of adopted pets.
2
It's preferable to show the pet to one doctor. So create an option where the pet can have an online consultation
3
People prefer pets from nearby locations to reduce the difficulty in going to the adoption center a lot of times
4
A section that shows resources, articles for people to read is necessary (educate people)
Meet Nikita, Anagha & other pet lovers
Consolidating the research & interviews, I created a narrative journey that centers around a Pet lover, Nikita. The goal was to better understand this experience, the potential pain points/opportunities for design
Nikita
Anagha
Developed an empathy map identifying and consolidating the thoughts, feelings, and traits of all the users
Rohit
Sreekala
Pain points
1
Distance
People find it difficult to travel long distances to look for adoption centers and end up not getting the pet they want
2
Time
Don’t have time to browse though different resources to identify which is the right one
3
Confused
Confused about which breed is best, or which breed is good for a particular user
4
Access
The user has limited access to good sources of pet adoption and after adoption pet care
User journey map
I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.
Sees street animals which are in need
AWARE
Difficulty in deciding which pet. Thinking about adoption problems
Connect with organizations, People and bring everything under one
Searches for adoption centers, ask Family and friends
SEARCH
Trustworthy options are less, how hard is the procedure, is meeting the pet possible
Include details of adoption procedures, details of pet and reviews to increase trust
Finds adoption center, selects pet and think about adopting
FIND
Finding adoption centers in nearby locations is difficult. need to travel every time to look for pet
viewing the pet online through a video call, and option to check online if the pet is available or not
Fills the adoption papers, wait for clearance, takes pet home
PROCESS
Tiring to fill everything. and not aware of what are the other papers required
Online form filling. all process detailed out for the user to view, the stages and procedures
Looks for post-adoption necessities, doctor food, etc.
POST ADOPTION
Not aware of what food to give the pet, which doctor to show etc.
Bring post adoption features in the section and all needs can be done through the online platform
Competitive analysis
I analyzed the products of competitors who offer similar products which gave me a well-rounded foundation about the market the product will enter.
identified direct and indirect competitors.
Insights
-
The websites don't have great UX
-
filters are provided like breed, age, size, gender, etc
-
The websites have images of pets but none of them has videos on them
-
Not all information about the pet is available
-
No options for after-adoption care
Value proposition
I Thought about the basic features the product can provide and developed a value proposition of the product
.jpg)
Goal statement
PAW will let users identify and adopt the pet from a lot of options. Users can select the right pet based on their needs and also get the awareness needed for pet adoption along with the aftercare needs. The effectiveness can be measured by retention engagement of users and reviews (KPI)
Storyboard
I created a big picture storyboard and close-up picture storyboard which helped me visually predict and explore user’s experience with the product
Big picture Storyboard
![UX Design Certificate - Storyboard [Template] (5)_page-0001.jpg](https://static.wixstatic.com/media/06776c_2b6934f9b0894226b19476bb40fddc88~mv2.jpg/v1/crop/x_81,y_111,w_1419,h_733/fill/w_92,h_47,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/UX%20Design%20Certificate%20-%20Storyboard%20%5BTemplate%5D%20(5)_page-0001.jpg)
Closeup picture Storyboard
![UX Design Certificate - Storyboard [Template] 3_page-0001.jpg](https://static.wixstatic.com/media/06776c_62b886f906534bffb61699405775ea1b~mv2.jpg/v1/crop/x_85,y_121,w_1412,h_723/fill/w_92,h_47,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/UX%20Design%20Certificate%20-%20Storyboard%20%5BTemplate%5D%203_page-0001.jpg)
Site map
Based on the opportunity areas I summarized, I defined the websites basic product structure
.jpg)
.png)
Before conducting the usability study, I developed the research questions, methodology, key performance indicators, and prompts for the study . View research study
Conducted an unmoderated usability study with 5 participants and recorded the observations. Developed insights from these observations
Insights
-
Users felt there are no proper notifications after completion or selection.
-
Users felt the filters are not interesting and felt like a form.
-
All the user flows are not fully complete and confusing in some areas.
-
The adoption form is very tiring to see. doesn't feel like entering data
-
No idea how much more stages are required to complete the process.
-
No clue about the status of the appointment with the shelter owner
After the usability testing from the insights achieved made changes to the prototype
1
Problem : Users felt there are no proper notifications after completion or selection.
.png)
Solution : Gave a pop-up window that shows proper notification after completion of a process
3
Problem: The adoption form is very tiring to see. doesn't feel like entering data
.png)
4
Problem: No idea how much more stages are required to complete the process.
Solution: Designed the adoption status screen which visually shows the stages of the process and how many more stages are required in the completion of the process
2
Problem: Users felt the filters are not interesting and felt like a form.
.png)
Solution : Redesigned the filter tab and made it more interesting
Solution: Redesigned the adoption form. optimized it into 3 stages. clearly indicating to the users how much more data is to be filled
.png)
5
Problem: No clue about the status of the appointment with the shelter owner
Solution: Designed the Appointments screen which shows the status of the appointment and the users can join the call from the appointments section
WHY PAW
Paw is defined as the hand or the foot of a four-legged animal. Since the website is dealt with animal adoption and care the name is thought about.
PAW- pet adoption website
#352526
Brown
#F3AC4A
Yellow
#E9DFD9
Pot Pourri
The colors are chosen by the colors that are closely connected to animals. the brown conveys wholesomeness and being grounded. Like all browns, it is also strong and honest. yellow is optimistic, playful, and happy. So I connected these colors to create something good, grounded, and gives an optimistic feel.
.png)
Headline 1
Font
Segoe UI
Weight
Semibold
Size
50 px
Headline 2
Font
Segoe UI
Weight
Bold
Size
45 px
Headline 3
Font
Segoe UI
Weight
Bold
Size
30 px
Headline 4
Font
Segoe UI
Weight
Regular
Size
28 px
Subtitle 1
Font
Segoe UI
Weight
Semi bold
Size
25 px
Subtitle 2
Font
Segoe UI
Weight
Regular
Size
20 px
Body 1
Font
Segoe UI
Weight
Regular
Size
16px
Body 2
Font
Segoe UI
Weight
Regular
Size
14px
Design analysis
User can login via google, Facebook and email. After logging in user is directed towards the home page
1
Giving an idea about how the product works
Selecting a pet card navigates to the pet page giving all the details about the pet
User testimonials
Filters
Giving a small glimpse about the pets in the website
After completing the quiz the matches are ready
When Users gets started to find their pet they are directed to a pop up to enter your location and then the quiz window pops up
2
3
4
Appointments lets users know the status of their appointments
Adoption status lets users know at which stage of the adoption formality they are ongoing.
5
7
After completing the 3 stage adoption application users are directed to a pop up to view the adoption status
6
.png)
Learnings
-
Iteration- The readiness to make Constant iterations is the best way to develop the best product
-
Responsive design: The design should be responsive to the major mediums it uses. Designing a responsive product was fun challenging and required a lot of thinking
Future steps
-
Detail out the other two mains sections of the website
-
Build a community to connect pet lovers
-
Develop a new feature where people could also put their pets to adoption without abandoning them like rehoming your pet. So that the people who want to adopt pets and rehome pets come under one umbrella
