
Pet adoption website
Ux design

O
VERVIEW
Pet adoption website is a responsive website, specially designed for pet lovers and who likes to adopt pet and need a genuine website to stay away from fake websites.
This is a conceptual case created as part of my UI/UX certification
Problem
There is no genuine website for a pet adoption, and there are no adoption and donation on the same site which makes users so confused and frustrated
Solution
Creating a pet adoption website which makes users to feel trusty and include like adoption & donation options for the users who loves pets.
TOOLS


Adobe XD & Figma
DURATION

4 weeks
ISCOVERY
D
User research
ROLE

UI/UX Designer
In my research I conducted qualitative and quantitative, for qualitative research I asked 5 basic questions like what kind of browsing they do about pets & their best experiences & bad experiences about pet adoption and I took 5 quantitative survey.
Persona


User journey map


I
DEATE
Sitemap

Paper wireframes

Refined wireframes

Digital-wireframes
Webpage wireframe

Mobile wireframe

ESIGN
D
Low-fidelity
I started creating low fidelity prototype based on the wireframes I created











Visual design
Colors
#B3CDBC
#6595A4
#787977
#893636
#9A8B55
#A1588D
#B66161
Font
Open sans
Helventica
Typography
H2 50pt
H3 30pt
Icons








Buttons





Book appointment

Send
Affinity diagram

High fidelity design
Website











The final high-fidelity presented cleaner user flow for building the pet adoption & it’s also reached user’s needs and made them satisfied.

Mobile







The final high-fidelity presented cleaner user flow for building the pet adoption & it’s also reached user’s needs and made them satisfied.





High fidelity prototype

Mobile prototype

T
EST

Bobby
"the website is really great the options are really great"

Roshni
"Now I feel like a genuine website".

Sameer
"In first I can't find the adopt and donate options in same website, now it is really great to access".

Kishore
"I liked the website flow and mobile version is too good."

Madhav
"Everything is good".
Recollect
This was my second case study after entering the UI/UX world, It was quite exciting to do. Since this was a conceptual case for my certification, I had to come up with everything from the scratch. It was challenging at first even it is my second project because this time I should create a responsive website. The project is a unique topic, but for me it's already chosen. So, I tried to understand the pain points and discovered & designed a product.
​
​
I want to learning & design cool stuff!!!
THANK YOU for reading
