Website Design for Nonprofits: How to Build Trust and Drive Donations

Most nonprofit websites are losing donations they should be capturing. Not because the cause isn't compelling — but because something between "I want to give" and "I gave" gets in the way. Friction on the donation page. A trust signal missing at the wrong moment. A mobile experience that's a downsized version of the desktop one. A photo that quietly tells the donor this charity isn't quite real.

With UK charitable giving at its lowest recorded level — only 50% of UK adults donated to charity last year, according to the Charities Aid Foundation — every visitor matters more than they used to. The charities that grow in 2026 are the ones whose websites earn trust faster and remove friction completely.

Here's what that actually looks like.

The new reality for UK charities

A few facts to set the stage:

• Only 50% of UK adults donated to charity in the last year — the lowest level recorded by CAF
• £1.6 billion was given through charities' own websites in 2025
• 71% of donors visit a charity's website before making a donation
• 53% of donors say "seeing where the money goes" is the most important factor in building trust
• Over 70% of donations now come from mobile devices

What this adds up to: competition for fewer donors is harder. The charities that win are the ones that earn trust faster, demonstrate impact more clearly, and remove every barrier between the click and the completed gift.

Trust comes first — before design, before storytelling, before anything

When we open a charity website for the first time, we don't look at the homepage hero or the storytelling — we scroll straight to the footer. Charity registration number? Visible. Regulator badge? There. A clear breakdown somewhere of where donations go? Or do we have to dig? Within 30 seconds we know whether the site is going to convert donors or lose them. Most of the trust signals donors look for are simple to add and consistently missing — the charities that fix this first see lifts before they touch anything else.

Every donor decision in 2026 starts with the same unspoken question: where does my money actually go? It's not paranoia, it's prudence — UK giving is at its lowest recorded level and people are being pickier about who they trust. The charity websites that win this question quickly — with specific numbers, recent updates, visible accreditations, and clear breakdowns — are the ones still attracting donations. The ones that hide behind vague language and stock imagery are getting clicked away from.

The whole donation game now lives upstream of the donate button: it lives in whether you've earned trust by the time the donor scrolls there.

What earns trust quickly

• Charity registration number — visible, ideally in the footer
• Recognised regulator badges — Charity Commission, Fundraising Regulator, Scottish Charity Regulator depending on your region
• Specific, recent impact data — not "we help thousands" but "in 2025, your donations funded 4,200 emergency food packages"
• A clear breakdown of where money goes — pie chart, infographic, or short paragraph showing % to programmes vs admin vs fundraising
• Recent updates — a blog or news section showing the charity is alive and active

What erodes trust quickly

• Outdated content (last news post from 2022)
• Vague impact claims with no numbers
• Stock photos of generic "smiling people" instead of the real beneficiaries
• Broken links or 404s
• Slow load times or a clunky mobile experience

The donation page is everything

If your site brings in 100 visitors but loses 95 of them on the donation page, the rest of the site is doing 5% of the job it should be doing. Most charity website performance lives or dies on this one page. Get it right.

We had a charity client who couldn't work out why their conversion rate was so low. They had good traffic, decent storytelling, a clear cause. We watched what happened on the donation page itself — and there it was. The full site navigation menu was still visible at the top. Every donor who hesitated for a second clicked back to "About Us" or "Our Work" — and most of them never came back. We call this the leaky funnel: every link you leave on a donation page is a way for the donation not to happen. We removed everything except the form and the trust signals. Conversion went up by something like 40% in a month. Same traffic, same cause, same story — just no more leaks.

We've also worked on charity sites where adding two specific things — Apple Pay support and pre-set donation amounts with impact descriptions — moved donation conversion from roughly 1% to nearly 3%. Three times the donations from the same traffic, no other changes. The reason it works isn't magic — it's friction removal. A donor who has to type 16 digits of a card number and pick an arbitrary amount is making three small decisions where each one can lose them. A donor who sees "£10 = a school meal for a week" and taps Apple Pay is making one decision. That's the entire mechanism. Most charity websites are still asking donors to make four decisions where they only need to make one.

What a high-converting donation page does

• Loads in under 2 seconds. Every extra second costs you a percentage of donors.
• Removes the navigation menu. Once they're on the donation page, you don't want them clicking back to "About Us" — you want them completing the gift.
• Pre-set donation amounts with impact descriptions. "£10 = a school meal for a week." "£50 = a month of medication." Specific impact, not abstract numbers.
• Apple Pay and Google Pay above the card option. One-tap donations are one of the biggest single conversion improvements available.
• Gift Aid checkbox — clear, prominent, with the 25% bonus explained in one sentence.
• One-time and recurring options — recurring is worth far more long-term, but don't make it the default; let donors choose.
• No account creation required to donate.
• Trust badges and security indicators near the payment field.

Mobile is where the donation happens

The pattern we see on most charity websites is consistent and frustrating: a beautifully crafted desktop experience, and a mobile experience that's clearly an afterthought. The desktop donate page might have a polished form, recurring donation toggle, Gift Aid explanation, the works. Open the same page on a phone and the donate button is below three scrolls of content, the form doesn't autofill, the amount field requires typing, and the page takes 5 seconds to load. Given that 70%+ of donations now come from mobile devices, this is the wrong way round. The mobile donation experience isn't a downsized version of the desktop one — for most donors, it is the donation experience.

A working mobile donation flow looks specific, and it's not what most charity sites have. The donate button is visible on every page, on the first screen, before any scrolling. Tapping it opens a single-screen form with pre-set donation amounts as buttons (not text fields). Apple Pay and Google Pay are above the card-entry option. The Gift Aid checkbox is one tap, with the 25% bonus explained in one sentence. The whole flow can be completed in under 30 seconds with a thumb. If your mobile donation flow takes more than that — and most do — that's the single biggest fix available to you. It's also one of the cheapest to make.

Mobile non-negotiables

• The donate button visible on the first screen, on every page
• Donation amounts as tappable buttons, not a typing field
• Apple Pay / Google Pay integrated for one-tap payment
• Forms that work cleanly with autofill and don't require zooming
• Phone number that calls when tapped (clickable on mobile)
• Page load under 2 seconds on a mid-range phone, on 4G

Storytelling that actually drives donations

The data from major UK charity site audits is consistent: emotional storytelling backed by specific outcomes outperforms either alone. "We help families" is too vague. "47,000 people relied on our food banks last winter" is data without humanity. The combination — one specific story alongside the macro numbers — is what works.

The stock photo problem hits charities even harder than other industries. We've audited charity sites where the homepage features a generic photo of a "needy person" — clearly a stock image, clearly not someone the charity has helped. That's not just a missed opportunity. It actively erodes trust at the worst possible moment. A donor who can sense a stock image is a donor who's now wondering if anything else on the site is real either. Real photos of real beneficiaries — taken with consent, with names — outperform stock images by enormous margins on charity sites. The polish doesn't matter. The truth does.

The pattern that works in charity donation copy is a specific structure we've seen lift donations consistently: one real story, one macro number, one clear action.

"Sarah is a single mother whose family relied on us last winter. She is one of 47,000 people we supported through our food banks. £20 today helps the next family in Sarah's situation eat this week."

Story + scale + action. Each piece does work the others can't. The story creates emotional connection. The macro stat establishes you're a serious operation. The action makes it specific enough to act on. Vague gratitude and abstract data both fail in isolation — together with a real person, they convert.

What works

• A real story, told briefly: first name, real photo (with consent), 2-3 sentences
• The macro number alongside it
• The action it unlocks
• Photos of real beneficiaries — taken with consent

What doesn't work

• 600-word "Our story" pages that nobody reads
• Hero videos longer than 60 seconds that don't autoplay on mobile
• Glossy stock imagery that doesn't match the cause
• Vague gratitude ("we couldn't do this without you") without specifics

For more on the broader photo question, our guide on how to choose the right images for your website covers the principles.

Accessibility isn't optional

A nonprofit website that isn't accessible is excluding the very people many charities exist to support. It also fails the legal threshold for many UK charity websites and reduces overall reach.

The basics:

• Alt text on all meaningful images
• Sufficient colour contrast (use a contrast checker)
• Keyboard-navigable interface — donors who can't use a mouse should be able to give
• Readable font sizes — minimum 16px body text on mobile
• Captions on videos
• Forms with proper labels that work with screen readers

For a deeper dive on what compliance actually looks like for UK organisations, our accessibility post covers it in detail.

GDPR and donor data

Charities collect a lot of data — donor information, Gift Aid declarations, email signups, sometimes sensitive information from beneficiaries. GDPR doesn't just apply, it applies more given the sensitivity.

• Clear privacy policy, easy to find
• Cookie consent that actually offers a choice (not just "accept all" with no alternative)
• Donor data stored securely, with explicit consent for each use (newsletters, future fundraising, sharing with partners)
• Right-to-be-forgotten and data access processes documented and honoured

For the wider picture, our GDPR post walks through what UK organisations need.

The nonprofit website in seven essential pages

For most UK charities, this structure covers what donors, beneficiaries, volunteers and partners are looking for:

1. Home — mission in one line, primary CTA (Donate), key impact stats, latest stories
2. About / Who we are — mission, values, team, registration number, accreditations
3. What we do — programmes and services, organised around what beneficiaries need (not by department or internal structure)
4. Stories / Impact — real stories of real people you've helped, with macro numbers alongside
5. Donate — the conversion-focused page (no menu, fast, mobile-first)
6. Get involved — volunteering, events, fundraising, corporate partnerships
7. Contact — clear ways to reach you for different audiences (donor, beneficiary, press, volunteer)

Larger charities might add programme-specific pages, regional pages, an online shop, or a newsroom. Smaller charities almost never need more than these seven. The mistake we see often is charities trying to mirror the structure of a much larger organisation — ending up with sites that have more pages than they have content to fill them with.

Common mistakes we see on charity websites

1. Donate page that takes 6+ seconds to load on mobile
2. No digital wallet support (Apple Pay / Google Pay)
3. No Gift Aid prompt or explanation
4. Generic stock imagery instead of real beneficiaries
5. Outdated content (last news post from 2022)
6. Vague impact claims with no numbers
7. Inaccessible to screen readers
8. The donation page has full menu navigation, leaking conversions
9. Mobile experience treated as an afterthought
10. No clear breakdown of where donations go

Any one of these on its own won't sink a charity website. Two or three of them together explains why most underperform.

The bottom line

A nonprofit website doesn't need to be elaborate. It needs to do four things well: earn trust quickly, tell real stories, work flawlessly on mobile, and remove every piece of friction between the donor's intent and their completed gift.

Most charities have the cause, the work, and the supporter base. What they're missing isn't passion — it's a website built around the specific behaviour of a 2026 UK donor: skeptical, time-poor, on a phone, looking for proof before giving.

If you'd like an honest look at where your charity website is leaking donors — and what the two or three highest-impact fixes would be — that's exactly the conversation we have in a free consultation. We work with small and medium UK charities and have a soft spot for purpose-driven organisations.