No. 04 — Lost & Found Animal Foundation
Showing peoplethe animals first.
Lost & Found Animal Foundation is a Las Vegas animal rescue. Its old homepage opened on a stock family photo, so we rebuilt it around the animals.
The animals weretoo easy to miss.
The information was there. The homepage needed a clearer place to start.
The rescue takes in animals that have been abandoned, surrendered, injured or simply left with nowhere to go, gets them healthy and finds them homes. Fosters, volunteers and donors keep all of that running.
The old site had the information, but nothing told a visitor where to start. The main menu ran to ten items, and the strip above it was packed with the full street address, phone number and tax ID number.
You could find out what the rescue did, but you had to get past a lot of other information first. We wanted the animals and the ways to help to be visible as soon as the page opened.
The old homepage opened on a family.The dog was barely in the picture.
The old sitenext to the one we built.
The biggest change is what a visitor sees first, and where they can go from there.
The navigation was crowded with too many links, and the stock family photo didn’t immediately tell visitors this was an animal rescue.
A cleaner menu, the dogs up front and clear Donate and Adopt buttons make the purpose of the site easier to understand.
We kept the paw logoand refined the palette.
We kept the existing logo and redefined how its colors appear across the website.
The palette
We refined how the brand’s colors work together: navy for contrast, a warm cream background and gold highlights around key actions.
The typography
Their story isn’t over yet.
Every animal deserves to be seen.
The principles
The dogs are the focal point. This nonprofit helps larger dogs, including huskies and shepherds, who can be harder to place. We kept the design simple so their photos, personalities and stories could lead.
Rescue dogs leadthe homepage.
Donate and Adopt sit beside the rescue’s purpose, before a visitor needs to explore the rest of the site.
Before scrolling, a visitor can see that this is an animal rescue and choose Donate Now or Adopt a Pet. The headline explains the purpose beside the dogs.
“They lost everything.We gave them a second chance.”
The dogs fill the right half of the opening screen. A plain cream background leaves room for the photo and the headline without adding another competing image.
Every kind of visitorgets a clear place to start.
A rescue website serves adopters, donors, fosters, volunteers, sponsors, people who need to surrender an animal, and everyone following along. Each one arrives wanting something different.
Give adoption storiesa place on the homepage.
The delivered design gave adoption stories a repeatable format.
Each one gets a photo, the animal’s name and breed, a short title and the opening of the story, laid out the same way every time. Care guides, rescue updates, community news and events each have a regular place on the site too.
An adoption story can show what the rescue’s work means for an animal. Giving those stories space on the homepage lets someone considering adoption or a donation read an example for themselves.
Put the adoption stories where a new visitor can find them.
Helping out shouldn’tstart with a phone call.
In the delivered design, Adopt has its own page in the main menu and Donate sits in the header. Foster, Volunteer and Sponsor each have a page under Get Involved. You can choose the kind of help you want to offer.
Other questions, including requests for help with a pet, go through a contact form that asks what the message is about. Visitors have a place to start without needing to call just to find the right person.
How the site is put together.
- Works on a phone
- We designed for the phone first, then worked up to larger screens.
- Success stories
- A repeatable format for adoption outcomes, so every one is told the same clear way.
- Adoptable animals
- Each animal gets the same layout, so the list stays easy to browse as animals come and go.
- Ways to help
- Donating, fostering, volunteering and sponsoring each have a page you can reach from the main menu.
- Search and accessibility
- Headings and page descriptions help search engines read the pages. Text contrast was part of the design, too.
What changedin the delivered design.
This case study shows the site we delivered. The rescue has changed its website since then; the link at the top takes you to the current version.
- Purpose up front
- The opening screen stated what the rescue does and where it works.
- Animals first
- A rescue dog led the homepage, with adoption stories further down.
- Clear ways to help
- Adopt and Donate appeared on the first screen, with other ways to help grouped in the menu.
- Easy to add to
- The delivered site included pages for adding new stories and events.
Send us the siteyou’re not sure about.
Tell us what visitors should be able to find or do, and where you think they’re getting stuck.
Next project
View Portfolio →