# Kin & Whisker: Custom web app case study

> A custom watercolor pet-portrait service I created, which sets aside $5 from every portrait in an animal rescue fund.

- Canonical page: https://hernbrode.com/work/kin-and-whisker

[All work](https://hernbrode.com/work)

Custom web app

## Kin & Whisker

A custom watercolor pet-portrait service I created, which sets aside $5 from every portrait in an animal rescue fund.

[Visit kinandwhisker.com](https://kinandwhisker.com/)

![Kin & Whisker: homepage captured on desktop](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/desktop-home.webp)

Homepage / Desktop

![Kin & Whisker: homepage captured on mobile](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/mobile-home.webp)

Homepage / Mobile

Portraits with purpose

### A portrait for one pet. Help for another.

I created Kin & Whisker to turn a favorite pet photo into a watercolor portrait, and to put part of every sale toward animals still waiting for a home. $5 from each portrait goes into the studio’s own animal rescue fund, to support established rescues, veterinary care, and foster homes, with a long-term goal of opening a rescue shelter. The website is plain about what the fund is: Kin & Whisker is a for-profit studio, and a purchase is not a charitable donation.

- **Relationship**: Created by Raymond

- **My role**: I created Kin & Whisker and designed and built its website and portrait ordering flow.

- **The work**:

  - Service concept and website
  - Photo upload and portrait ordering flow
  - Proof review and approval process
  - Rescue-fund mission and transparency page
  - Responsive desktop and mobile layouts

### A mission that says exactly where the money goes.

A closer view of the current website, on desktop and mobile.

![Kin & Whisker: rescue-fund mission captured on desktop](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/desktop-mission.webp)

Rescue-fund mission / Desktop

![Kin & Whisker: rescue-fund mission captured on mobile](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/mobile-mission.webp)

Rescue-fund mission / Mobile

#### Show the likeness, not just the style

Each example pairs a finished portrait with the original photo it came from, shared with permission. Before a proof reaches the customer, the portrait is checked against their photo, and the files are released only after they approve it.

#### Be exact about the rescue fund

The mission page explains when each contribution is set aside, that a full refund reverses it, and what the fund is not: a registered charity or an existing shelter. Rescue partners and verified totals are added only once they are real.

### More screens from Kin & Whisker

Open any image to inspect the full capture.

![Kin & Whisker: photo-and-portrait examples captured on desktop](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/desktop-examples.webp)

Photo-and-portrait examples / Desktop

![Kin & Whisker: photo-and-portrait examples captured on mobile](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/mobile-examples.webp)

Photo-and-portrait examples / Mobile

![Kin & Whisker: how a portrait is made captured on desktop](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/desktop-process.webp)

How a portrait is made / Desktop

![Kin & Whisker: how a portrait is made captured on mobile](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/mobile-process.webp)

How a portrait is made / Mobile

![Kin & Whisker: portrait order flow captured on desktop](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/desktop-order.webp)

Portrait order flow / Desktop

![Kin & Whisker: portrait order flow captured on mobile](https://hernbrode.com/projects/kin-and-whisker/2026-11-14/mobile-order.webp)

Portrait order flow / Mobile

About these screens

Prices, the launch sale, and the fund’s progress are website content as captured on November 14, 2026. Pet photos and portraits are Kin & Whisker’s own published examples. Check the live website for current details.

[Visit the live website](https://kinandwhisker.com/)

Next project · [Under Wrapz](https://hernbrode.com/work/underwrapz)

### Have a project in mind?

Tell me what you’re working on.

[Discuss your project](https://hernbrode.com/contact)

---

Hernbrode. Based in Lawton, Oklahoma. Email: raymond@hernbrode.com. Contact: https://hernbrode.com/contact