Alex Start Expert
← All cases
In progressAnimal shelter · our projectClickable site prototype

Patron Pet Center: a shelter site that turns visits into help

A new site concept for an animal shelter. Animals, needs and donations were scattered across social media. The prototype puts every animal on a card, lets a visitor become a guardian in two taps, and gives instant donate buttons.

2taps to become a guardian
1card per animal
0boards: this case is a site
Liveprototype, not public yet
The story

From the problem to the result.

01
Situation

Help lived in Instagram comments

People wanted to help, but the path went through posts, stories and direct messages. Nobody could see which animal needed what, or how to support one animal every month.

  • No list of animals with their needs
  • Donations by card number in a post
  • Guardianship explained in long texts
02
What we built

A site with animal cards and guardianship

Every animal has a card with a photo, a short story, age and what it needs now. A guardian picks an animal and a monthly amount. Donate buttons work in one tap.

  • Animal cards filled from the shelter's social media
  • Guardianship: pick an animal, pick an amount
  • Motion design that keeps it light and warm
03
How it works

Built like a product, not a brochure

Next.js on Vercel, fast on a phone. Forms land in a sheet with a Telegram ping for the team. The first screen asks for one action, not for reading.

  • Mobile first
  • One focus per screen
  • Requests and donations tracked in one place
04
Result

Prototype ready, shown as our project

The prototype is live under noindex and waits for the shelter's go-ahead to launch. Animal names and photos on this page are placeholders.

  • In progress
  • Placeholder animals on this site
  • A site case, there is no board here
Site prototype

Click through the site.

Same structure as the real thing. Names and numbers are demo data.

Patron Pet Center · site prototypeDemo data
At a glance

Format, tools and status.

FormatWebsite prototype
Built withNext.js, Vercel, Apps Script, Telegram
Data on this sitePlaceholder animals
StatusIn progress
Next step

Want the same clarity on your project?

One call, your materials, one clear next step.

Book a call
Book a call