Showcase build / Nonprofit / WordPress

Saluhan Water Fund

Nonprofit site where every campaign is a tank filling up.

View live demo

A static copy of the site: browse every page; forms are switched off.

For the business

Before: Donors give once and never hear where the money went.

Donors see which school their gift builds for and where every peso went.

A nonprofit in Guiuan that builds rainwater tanks for island schools in Eastern Samar and Dinagat. Donors see exactly which school a gift builds for, how far each campaign has to go and where every peso went; donations run through GiveWP.

What it does

  • Campaigns and Schools are custom post types; impact figures and the gauges are computed from them, so they move as the data changes.
  • GiveWP integration: campaign carried into each donation, amounts preselected from links, GiveWP assets loaded only on donation pages.
  • Custom Elementor widgets: Water Gauge, Campaign Cards, Impact Figures, School Map, School Cards, Stories and Donation Form.

Design

  • Rain-washed pages, ink bands under a fine slanted rain texture, one cobalt for water and buttons, calamansi only for the fill level.
  • Familjen Grotesk for headlines, labels and buttons; Literata for reading text.
  • The signature is the water gauge: each campaign is a tank filled to the share of its goal raised.

Screens

  • Saluhan Water Fund: Home with the lead campaign gauge over a gutter photo
    Home with the lead campaign gauge over a gutter photo
  • Saluhan Water Fund: Home on a phone
    Home on a phone
  • Saluhan Water Fund: Campaign page: gauge with goal, raised, donors and days left
    Campaign page: gauge with goal, raised, donors and days left
  • Saluhan Water Fund: Schools: island map with a numbered pin per school
    Schools: island map with a numbered pin per school
  • Saluhan Water Fund: Transparency: spending, raised and spent year by year
    Transparency: spending, raised and spent year by year

Other WordPress sites

All projects