Quest for Paws
An empathetic and easy-to-use website for an animal support organization, designed to make adoption, support, and contact paths simple and accessible.
React Tailwind CSS Framer Motion Google Fonts EmailJS Figma
Full preview of the Quest for Paws project — scroll inside the frame to see the full page
About the project
A foundation website project where accessibility, clear navigation, and action-oriented user flow were the key priorities.
What I worked on
Accessibility audit Information architecture and action flows Adoption, support, and contact form design Contrast, focus states, and aria improvements
Results
Improved readability of forms and content Shorter path to adoption and support More accessible and better organized interface
Challenges and solutions
Challenge
The website included a lot of emotional content and imagery, but still had to remain clear and readable.
Solution
I used calm typography, balanced image proportions, and a clear section structure.
Challenge
The site needed to be more accessible for screen reader users.
Solution
I refined the heading structure, ARIA roles, focus rings, and alternative text.
Key project decisions
WCAG AA-compliant contrast Consistent placement of key action buttons Focus on simple and intuitive navigation
Integrations
EmailJS Google Fonts