Paw Quest Website Design
Paw Quest Website Design
Paw Quest Website Design
Paw Quest Website Design
Paw Quest Website Design
OVERVIEW
OVERVIEW
OVERVIEW
OVERVIEW
Paw Quest is a pet adoption website aimed at connecting potential pet parents with animal shelters and rescues in a smooth, trustworthy, and engaging way.
The project focuses on solving the pain points people face while trying to adopt pets online—ranging from confusing interfaces to lack of verified information.
Paw Quest is a pet adoption website aimed at connecting potential pet parents with animal shelters and rescues in a smooth, trustworthy, and engaging way.
The project focuses on solving the pain points people face while trying to adopt pets online—ranging from confusing interfaces to lack of verified information.
Paw Quest is a pet adoption website aimed at connecting potential pet parents with animal shelters and rescues in a smooth, trustworthy, and engaging way.
The project focuses on solving the pain points people face while trying to adopt pets online—ranging from confusing interfaces to lack of verified information.
Paw Quest is a pet adoption website aimed at connecting potential pet parents with animal shelters and rescues in a smooth, trustworthy, and engaging way.
The project focuses on solving the pain points people face while trying to adopt pets online—ranging from confusing interfaces to lack of verified information.
ROLE
ROLE
ROLE
ROLE
Product Designer
Product Designer
Product Designer
Product Designer
User Research, Interaction, Visual design, Prototyping & Testing
User Research, Interaction, Visual design, Prototyping & Testing
User Research, Interaction, Visual design, Prototyping & Testing
User Research, Interaction, Visual design, Prototyping & Testing
May 2025 - Ongoing
May 2025 - Ongoing
May 2025 - Ongoing
May 2025 - Ongoing
UX Process
UX Process
UX Process
❗Understanding the Problem
❗Understanding the Problem
❗Understanding the Problem
❗Understanding the Problem
❗Understanding the Problem
Existing pet adoption websites often have outdated and cluttered interfaces.
Users struggle to find trustworthy and verified information about pets and shelters.
The adoption process is usually unclear or overly complicated.
Emotional engagement is lacking, making it harder to connect with pets online.
Limited filtering options make it difficult to find pets based on lifestyle or personality.
Poor mobile experiences lead to user frustration and high drop-off rates.
Existing pet adoption websites often have outdated and cluttered interfaces.
Users struggle to find trustworthy and verified information about pets and shelters.
The adoption process is usually unclear or overly complicated.
Emotional engagement is lacking, making it harder to connect with pets online.
Limited filtering options make it difficult to find pets based on lifestyle or personality.
Poor mobile experiences lead to user frustration and high drop-off rates.
Existing pet adoption websites often have outdated and cluttered interfaces.
Users struggle to find trustworthy and verified information about pets and shelters.
The adoption process is usually unclear or overly complicated.
Emotional engagement is lacking, making it harder to connect with pets online.
Limited filtering options make it difficult to find pets based on lifestyle or personality.
Poor mobile experiences lead to user frustration and high drop-off rates.
Existing pet adoption websites often have outdated and cluttered interfaces.
Users struggle to find trustworthy and verified information about pets and shelters.
The adoption process is usually unclear or overly complicated.
Emotional engagement is lacking, making it harder to connect with pets online.
Limited filtering options make it difficult to find pets based on lifestyle or personality.
Poor mobile experiences lead to user frustration and high drop-off rates.
💡 Solution Statement
💡 Solution Statement
💡 Solution Statement
💡 Solution Statement
Create a modern, clean, and intuitive interface that makes pet discovery joyful and seamless.
Highlight real pet stories and visuals to build emotional connection and encourage adoption.
Integrate smart filters and sorting options for quick and relevant search results.
Showcase detailed pet profiles with transparent adoption requirements and shelter info.
Use interactive elements and smooth transitions via Framer to enhance user experience.
Provide helpful guidance throughout the adoption journey to reduce confusion and drop-offs.
Create a modern, clean, and intuitive interface that makes pet discovery joyful and seamless.
Highlight real pet stories and visuals to build emotional connection and encourage adoption.
Integrate smart filters and sorting options for quick and relevant search results.
Showcase detailed pet profiles with transparent adoption requirements and shelter info.
Use interactive elements and smooth transitions via Framer to enhance user experience.
Provide helpful guidance throughout the adoption journey to reduce confusion and drop-offs.
Create a modern, clean, and intuitive interface that makes pet discovery joyful and seamless.
Highlight real pet stories and visuals to build emotional connection and encourage adoption.
Integrate smart filters and sorting options for quick and relevant search results.
Showcase detailed pet profiles with transparent adoption requirements and shelter info.
Use interactive elements and smooth transitions via Framer to enhance user experience.
Provide helpful guidance throughout the adoption journey to reduce confusion and drop-offs.
Create a modern, clean, and intuitive interface that makes pet discovery joyful and seamless.
Highlight real pet stories and visuals to build emotional connection and encourage adoption.
Integrate smart filters and sorting options for quick and relevant search results.
Showcase detailed pet profiles with transparent adoption requirements and shelter info.
Use interactive elements and smooth transitions via Framer to enhance user experience.
Provide helpful guidance throughout the adoption journey to reduce confusion and drop-offs.
🎯 Project Goals
🎯 Project Goals
🎯 Project Goals
🎯 Project Goals
🎯 Project Goals
Design a user-friendly and emotionally engaging pet adoption website.
Ensure clear and transparent pet information including health, age, and temperament.
Build trust with verified shelter profiles and user reviews.
Simplify the adoption process with a step-by-step guided flow.
Allow users to filter pets based on key attributes like breed, size, behavior, and location.
Optimize the website for both desktop and mobile users.
Design a user-friendly and emotionally engaging pet adoption website.
Ensure clear and transparent pet information including health, age, and temperament.
Build trust with verified shelter profiles and user reviews.
Simplify the adoption process with a step-by-step guided flow.
Allow users to filter pets based on key attributes like breed, size, behavior, and location.
Optimize the website for both desktop and mobile users.
Design a user-friendly and emotionally engaging pet adoption website.
Ensure clear and transparent pet information including health, age, and temperament.
Build trust with verified shelter profiles and user reviews.
Simplify the adoption process with a step-by-step guided flow.
Allow users to filter pets based on key attributes like breed, size, behavior, and location.
Optimize the website for both desktop and mobile users.
Design a user-friendly and emotionally engaging pet adoption website.
Ensure clear and transparent pet information including health, age, and temperament.
Build trust with verified shelter profiles and user reviews.
Simplify the adoption process with a step-by-step guided flow.
Allow users to filter pets based on key attributes like breed, size, behavior, and location.
Optimize the website for both desktop and mobile users.
🔍 Research
🔍 Research
🔍 Research
🔍 Research
I began by studying popular platforms like Petfinder and Adopt-a-Pet. I also conducted user interviews with pet adopters and animal shelter volunteers to understand their pain points and expectations.
I began by studying popular platforms like Petfinder and Adopt-a-Pet. I also conducted user interviews with pet adopters and animal shelter volunteers to understand their pain points and expectations.
I began by studying popular platforms like Petfinder and Adopt-a-Pet. I also conducted user interviews with pet adopters and animal shelter volunteers to understand their pain points and expectations.
I began by studying popular platforms like Petfinder and Adopt-a-Pet. I also conducted user interviews with pet adopters and animal shelter volunteers to understand their pain points and expectations.
Key Insights
Key Insights
Key Insights
Key Insights
Users wanted more transparency on pet health & background
A need for real photos/videos, not just formal listings
Filters based on pet behavior/personality were highly desired
Many people gave up halfway due to confusing interfaces
Users wanted more transparency on pet health & background
A need for real photos/videos, not just formal listings
Filters based on pet behavior/personality were highly desired
Many people gave up halfway due to confusing interfaces
Users wanted more transparency on pet health & background
A need for real photos/videos, not just formal listings
Filters based on pet behavior/personality were highly desired
Many people gave up halfway due to confusing interfaces
Users wanted more transparency on pet health & background
A need for real photos/videos, not just formal listings
Filters based on pet behavior/personality were highly desired
Many people gave up halfway due to confusing interfaces
The Design Process
The Design Process
The Design Process
The Design Process
Developing the Designs
Developing the Designs
Developing the Designs
The Empathy Mapping
The Empathy Mapping
The Empathy Mapping
The Empathy Mapping
User Flow Diagram
User Flow Diagram
User Flow Diagram
User Flow Diagram
Low fidelity Wireframes
Low fidelity Wireframes
Low fidelity Wireframes
Low fidelity Wireframes
More Projects
More Projects
More Projects
More Projects
During the wireframing phase of my Paw Quest project, I focused on laying down the foundational structure of the platform based on the research, user personas, empathy mapping, and user flow I had previously established. The aim of this stage was to visualize the layout and arrangement of elements across each key screen—such as the homepage, pet browsing page, pet profile, adoption form, login/signup, and user dashboard—without diving into visuals like colors, typography, or imagery. I used low-fidelity wireframes to concentrate solely on usability and content hierarchy, ensuring that each step in the pet adoption process was seamless, intuitive, and aligned with user expectations.
During the wireframing phase of my Paw Quest project, I focused on laying down the foundational structure of the platform based on the research, user personas, empathy mapping, and user flow I had previously established. The aim of this stage was to visualize the layout and arrangement of elements across each key screen—such as the homepage, pet browsing page, pet profile, adoption form, login/signup, and user dashboard—without diving into visuals like colors, typography, or imagery. I used low-fidelity wireframes to concentrate solely on usability and content hierarchy, ensuring that each step in the pet adoption process was seamless, intuitive, and aligned with user expectations.
During the wireframing phase of my Paw Quest project, I focused on laying down the foundational structure of the platform based on the research, user personas, empathy mapping, and user flow I had previously established. The aim of this stage was to visualize the layout and arrangement of elements across each key screen—such as the homepage, pet browsing page, pet profile, adoption form, login/signup, and user dashboard—without diving into visuals like colors, typography, or imagery. I used low-fidelity wireframes to concentrate solely on usability and content hierarchy, ensuring that each step in the pet adoption process was seamless, intuitive, and aligned with user expectations.
After finalizing the wireframes, I moved on to developing the high-fidelity designs for Paw Quest. I focused on creating a clean, friendly, and emotionally engaging interface using soft colors, readable typography, and real pet imagery to build trust with users. Each screen—like the homepage, pet listings, profiles, and adoption form—was carefully designed to ensure usability and visual consistency. I then built an interactive prototype in Figma and created a short video walkthrough to showcase the full user journey and the final look and feel of the platform.
After finalizing the wireframes, I moved on to developing the high-fidelity designs for Paw Quest. I focused on creating a clean, friendly, and emotionally engaging interface using soft colors, readable typography, and real pet imagery to build trust with users. Each screen—like the homepage, pet listings, profiles, and adoption form—was carefully designed to ensure usability and visual consistency. I then built an interactive prototype in Figma and created a short video walkthrough to showcase the full user journey and the final look and feel of the platform.
After finalizing the wireframes, I moved on to developing the high-fidelity designs for Paw Quest. I focused on creating a clean, friendly, and emotionally engaging interface using soft colors, readable typography, and real pet imagery to build trust with users. Each screen—like the homepage, pet listings, profiles, and adoption form—was carefully designed to ensure usability and visual consistency. I then built an interactive prototype in Figma and created a short video walkthrough to showcase the full user journey and the final look and feel of the platform.
Developing the Designs
Let's Connect
Let's Connect
Let's Connect
Get in touch for opportunities , or just say hi !
Get in touch for opportunities , or just say hi !
Get in touch for opportunities , or just say hi !
