PetFind — A Friendly, Welcoming Pet Adoption Hub

A friendly, welcoming adoption hub that balances heart and clarity. Playful shapes, featured pets, and simple CTAs move visitors from browsing to inquiry with confidence.

View Live See Screenshots

Overview

A welcoming pet adoption landing page designed to connect visitors with animals in need of homes. The design uses playful shapes, warm colors, and clear calls-to-action to create an emotionally engaging experience that makes it easy to browse available pets, learn about the adoption process, and take the first step toward giving an animal a loving home.

My Role

UX / UI Design
Frontend Development
Content & Structure
Interaction Design
Assets / Handoff

Key Features

Playful, welcoming design

Rounded shapes, warm colors, and friendly typography create an inviting atmosphere that matches the emotional nature of adoption.

Featured pets section

Highlighted pet profiles with photos, names, and key details to encourage visitors to connect with available animals.

Simple, clear CTAs

Straightforward calls-to-action that guide visitors from browsing to inquiry without overwhelming them with steps.

Adoption process guide

A step-by-step overview that demystifies the adoption journey and builds confidence in potential adopters.

Pet categories & filtering

Easy browsing by animal type, size, and temperament so visitors can find their ideal companion quickly.

Responsive layout

Optimized for mobile visitors with touch-friendly interactions and readable content on any screen size.

Screenshots

Tech Stack

HTML CSS JavaScript Figma Git / GitHub

Final Thoughts

This project was about balancing emotion with usability. The playful visual language draws visitors in, while the clear structure and simple CTAs make it easy to take action. The result is a landing page that feels warm and approachable — exactly the kind of experience that encourages people to open their homes to a pet in need.

Want to see it live?

View Live Site View Code (GitHub)