Work/Preemptive Love Coalition
Case study · Humanitarian aid

Captivating audiences with an intelligent website.

Preemptive Love Coalition funds lifesaving heart surgeries, food and shelter for families fleeing violence, and small-business grants in conflict zones. Their website was holding them back — so we built one smart enough to meet every supporter exactly where they are.

ClientPreemptive Love Coalition
SectorHumanitarian aid
What we didDigital strategy · Website design & build · Donation UX · Training
PlatformNationBuilder + Mapbox
70%+of supporters on mobile — the site was built for them first
1website that knows each supporter's next step
2-in-1one-time and monthly giving, unified on a single page
The challenge

A great story stuck in a flat website.

Preemptive Love had been on NationBuilder for a while, working around their old site's limits with hand-hacked HTML. They wanted a site that drove donations, reflected their strong brand, and — crucially — one their own team could run day to day without calling a developer.

What we built · Part 1

A website with a memory.

We defined a ladder of engagement with clear benchmarks, then built a "smart" site that recognizes where each supporter stands and serves personalized messaging to move them one rung up: new signups are greeted by name and asked to give, one-time donors are invited to become monthly sponsors, and monthly sponsors are encouraged to start personal fundraising campaigns.

It even watches for lapses — a donor returning after a year away is asked, gently, to renew their commitment. Relationship-building, automated.

Personalized calls to action on Preemptive Love's website
Personalized calls to action — the site meets each supporter on their rung of the ladder.
What we built · Part 2

Giving without friction.

NationBuilder donation pages historically forced a choice: one-time or monthly, not both. We engineered a streamlined experience that offers both on a single page, added a "paying by cheque?" pop-up, and connected PayPal alongside card processing so every donor could give the way they wanted.

Because Preemptive Love runs many micro-campaigns a year, we built multiple donation page layouts directly into their theme, switchable with one click.

Streamlined donation page with one-time and monthly options
One page, both giving options — a first for their NationBuilder setup.
What we built · Part 3

Storytelling that converts.

Preemptive Love's superpower is storytelling, so the site protects it: donation forms lock in place as you scroll, staying visible right when the story hits hardest; video pop-ups auto-play their remarkable footage on arrival; and a custom Mapbox map plots the global reach of their work, each point linking to stories from that region.

With 70% of their audience on mobile, everything was responsive from the first sketch. And when the project wrapped, we trained their team and left custom documentation behind — independence was the brief.

The ripple effect

Supporters became fundraisers.

The same build made personal fundraising a centerpiece of their strategy — which is how one supporter ended up raising over $10,000 with a promise and a set of clippers. Read Summer's story →

More work that won.

Want results like these?
Let's make it loud.

Tell us what you're fighting for. If our values line up, we'll bring the strategy, the build, and the follow-through.

Start the conversation →    1-833-977-1220

Prefer email? sayhello@vancitystudios.com