PAL Rescue Website

UX/UI | Web & App Design | Illustration

This project centers around a responsive website and mobile app designed for PAL Rescue, a fictional animal rescue organization. I created a custom illustrated vector kit to give the brand a warm, friendly personality and make it adaptable across digital platforms. While the illustrations were designed to work for any animal-themed site—like clinics or adoption centers—they come to life in the PAL Rescue mockups, where the full user experience, from browsing to adopting, is thoughtfully designed

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

User Journeys

The user journey maps illustrate the adoption experience from the perspective of three unique personas—Katy, Jacob, and Karen—each with different lifestyles, needs, and goals. By mapping their stages from initial awareness to post-adoption support, we identify pain points, emotions, and opportunities for improvement. These insights guide our design decisions, ensuring the animal rescue website and mobile app deliver a clear, supportive, and personalized adoption process for every type of adopter.

Katy – First-Time Cat Adopter
‍Katy is a young professional moving into her first apartment. She knows she wants a cat and uses the rescue’s website to research adoptable cats, learn about the process, and find one that fits her lifestyle. Her journey highlights the need for clear guidance, behavior information, and support before and after adoption.

Karen – First-Time Pet Owner Seeking Companionship
‍Karen is a widow living alone who wants a pet for companionship but is unsure what kind to get. She explores different species and learns about the responsibilities of pet ownership. Her journey underscores the value of educational content, lifestyle-based pet matching, and confidence-building post-adoption support

Jacob – Busy Parent Adding a Second Dog
‍Jacob is a father of two with a high-energy lab. He wants a second dog that will be compatible with his family and current pet. Using the mobile version of the site, he needs quick, targeted search filters and efficient application steps. His journey emphasizes the importance of mobile-friendly design, compatibility tools, and multi-dog resources.

Wireframes

Low-fi Sites for Web and App

Users needed a clear, compassionate interface to browse pets, learn about their needs, and start the adoption process.

Medium-Fi

Users needed a clear, compassionate interface to browse pets, learn about their needs, and start the adoption process.

Animal Guides

The Animal Guide is a dedicated section of the PAL Rescue website that helps current and future pet owners learn how to properly care for different animals. The full-page layout provides tips, traits, and care recommendations specific to each type of pet, making it easier for users to make informed decisions. This section includes individual subpages for each animal, shown through a set of detailed screenshots, reinforcing the site’s mission to educate and support responsible pet ownership.