Charity Website Design: How to Build a Site That Drives Donations

Key Takeaways

• Charity websites must balance emotional storytelling with hard evidence — donors give to causes they believe in, but they complete transactions on sites they trust. According to Charity Digital, 68% of donors research a charity online before giving for the first time.
• Donation page UX is the single highest-leverage area for conversion. M+R Benchmarks data shows that a 10% improvement in donation page completion rate can increase annual online revenue by thousands of pounds for a mid-sized charity.
• Accessibility is a legal and ethical requirement. Under the Public Sector Bodies Accessibility Regulations 2018, charities that receive public funding must meet WCAG 2.1 AA standards — and best practice applies to all organisations regardless of funding.
• Gift Aid integration is often an afterthought but adds 25p to every pound donated by UK taxpayers. HMRC's Gift Aid guidance is clear: the declaration must be prominent, accurate, and retained for auditing.

Running a charity means every resource matters. Your website is no different — it is not just a digital brochure, it is your most powerful fundraising tool, your volunteer recruitment pipeline, and often the first place a potential trustee or grant funder looks when assessing your credibility.

Yet many charity websites underperform dramatically. They are built on outdated platforms, carry poor mobile experiences, hide their impact data behind PDFs, and send donors down confusing journeys that end in abandoned transactions. The result is lost income and lost trust.

This guide covers everything you need to build a charity website that genuinely works: one that tells your story compellingly, converts visitors into donors, meets legal accessibility requirements, and builds the kind of transparency that wins major gifts and grant funding.

Whether you are building from scratch or overhauling an existing site, the principles here apply equally to small community charities and national organisations.

Why Are Charity Websites Different From Commercial Sites?

At first glance, a charity website looks like any other. There is a homepage, some information pages, a contact form. But the underlying dynamics are completely different.

On a commercial website, you are asking someone to exchange money for a product or service they will directly benefit from. The value exchange is immediate and personal. On a charity website, you are asking someone to give money away — to benefit people or causes they may never meet or see. That requires a fundamentally different persuasion architecture.

The donor psychology is different. Donors need to feel something before they will act. Emotional resonance with your cause must precede any ask. But emotion alone is not enough — they also need to feel confident their money will be used well. You are selling trust, impact, and meaning simultaneously.

The competitive landscape is different. A donor searching for charities to support is likely comparing you against three or four similar organisations. Your website needs to clearly communicate why your approach is distinctive, what results you achieve, and why you are the right steward of their generosity.

The conversion journey is different. Unlike e-commerce, donation is rarely an impulse decision. Many donors research across multiple sessions before giving. Your site needs to nurture that journey — capturing email addresses, providing depth of content, and making it easy to return and complete a donation when the time is right.

Understanding these differences is the foundation of everything else.

What Pages Does a High-Performing Charity Website Need?

Homepage: Mission First, Journey Second

Your homepage has seconds to communicate what you do, who you help, and why it matters. Lead with your mission statement in plain English — not charity jargon or internal vocabulary. Follow immediately with a visual and emotional hook: a photograph, a statistic, a human story.

The homepage should present two primary calls to action: donate and learn more. Secondary paths (volunteer, partner, fundraise for us) should be visible but subordinate. A cluttered homepage with five equal CTAs is worse than a focused one with two.

Impact Page: Show the Work

This is the page that separates high-trust charities from low-trust ones. Your impact page should answer the question every potential donor is silently asking: "What actually happens to my money?"

Present this with specificity. Not "we helped hundreds of families" but "in 2025, we provided 847 families across Devon with emergency food parcels, averaging 4.2 parcels per household over three months." Numbers with context are far more persuasive than vague claims.

Combine statistics with case studies — anonymised where necessary, but specific enough to feel real. A single well-told beneficiary story alongside your aggregate data will do more for donor confidence than any amount of copywriting.

Financials and Transparency

Link your most recent annual report and accounts from your homepage footer and your about page. Make them accessible (not just a raw PDF — consider an HTML summary). If you are registered with the Charity Commission for England and Wales, link your Charity Commission entry directly. This is a powerful trust signal that many charities overlook.

Show your income breakdown and expenditure ratios clearly. Donors are increasingly sophisticated — they check these figures, and hiding them raises suspicion. If your administrative costs are higher than sector averages, explain why. Transparency about difficult data builds more trust than silence.

Donation Page: Where Conversion Happens

The donation page is the most commercially important page on your site and deserves the most design attention. Common mistakes that cost charities money:

Too many steps. Every additional click or form field between the decision to donate and the completed transaction costs you conversions. Aim for a single-page donation experience where possible.

No suggested amounts with context. Presenting donation amounts with impact statements ("£25 provides a week of meals for one child") dramatically increases average gift size. These anchors help donors calibrate their generosity.

Poor mobile experience. According to M+R Benchmarks, over 60% of traffic to charity websites is mobile, but mobile conversion rates lag desktop significantly. If your donation form is not fully optimised for mobile — large tap targets, mobile keyboard triggers for number fields, Apple Pay / Google Pay integration — you are losing significant income.

No recurring giving option. Regular donors are worth approximately 6x their first-year value to a charity. Make the recurring option prominent and default where possible, with a clear explanation of what regular giving means for your work.

Payment Integration: What Technology Works for Charity Donations?

Stripe for Charities

Stripe is one of the most widely used payment processors for charity websites and for good reason. It supports one-off and recurring payments, Apple Pay and Google Pay, and has strong developer tooling that makes it straightforward to build a custom donation experience.

Stripe does not offer a specific charity discount on its standard rates, but its fees (typically 1.5% + 20p for European cards) are competitive. Stripe also supports Stripe Checkout as a lower-development-effort option.

GoCardless for Direct Debit

For regular giving, GoCardless offers a compelling alternative or complement to Stripe. Direct Debit has lower failure rates than card-based recurring payments (cards expire, bank accounts do not), making it better for long-term donor retention. GoCardless also offers a charity discount scheme with reduced transaction fees.

Specialist Charity Platforms

Platforms like JustGiving, Enthuse, and Donorbox offer out-of-the-box charity fundraising tools with Gift Aid handling built in. These are valid options for charities without the budget for custom payment integration, though they typically involve transaction fees and offer less design control.

The right choice depends on your technical capacity, donation volume, and whether you need to manage peer-to-peer fundraising, event registrations, or just direct online giving.

Gift Aid Integration: The 25% You Might Be Leaving Behind

Gift Aid allows registered UK charities to reclaim 25p on every pound donated by a UK taxpayer, at no cost to the donor. For a charity receiving £100,000 in eligible donations, that is £25,000 in additional income from HMRC — effectively free.

Yet Gift Aid is frequently handled poorly on charity websites. The declaration must meet HMRC's exact requirements: it must clearly state that the donor is a UK taxpayer who pays income or capital gains tax at least equal to the amount being reclaimed. Getting this wrong invalidates the claim.

Best practice for your donation page:

• Include the Gift Aid checkbox and declaration prominently, not buried at the bottom
• Explain what Gift Aid is in one sentence for donors who are unfamiliar
• Make the tax status question clear ("Are you a UK taxpayer?") with a brief explanation
• Store the declaration data in a way that supports your annual HMRC claim submission

If you are using a specialist fundraising platform, Gift Aid handling is usually built in. If you are building a custom integration with Stripe or GoCardless, you will need to build this data capture yourself and manage the claim process separately.

Accessibility Requirements for Charity Websites

The Legal Baseline

Charities receiving public funding are subject to the Public Sector Bodies Accessibility Regulations 2018, which require compliance with WCAG 2.1 AA. Even charities outside the strict scope of these regulations should treat AA compliance as a baseline — it is both the ethical standard and increasingly a condition of grant funding.

Key requirements that charity websites frequently fail:

Colour contrast. Ensure text meets minimum contrast ratios — 4.5:1 for body text, 3:1 for large text. Many charity brands use light or pastel colours that fail this test. Your brand can still work; it just needs careful application.

Keyboard navigation. Every interactive element — donation forms, accordions, navigation menus — must be operable by keyboard alone for users who cannot use a mouse.

Alternative text. All meaningful images must have descriptive alt text. Decorative images should have empty alt attributes so screen readers skip them.

Form labels. Every form field must have a programmatically associated label. Placeholder text alone does not count.

For charities supporting beneficiaries with disabilities, accessibility is not just a compliance checkbox — it is a direct expression of your values. A charity working with visually impaired people whose website fails basic screen reader tests sends a damaging message. The same compliance rigour applies to healthcare providers — if you work at that intersection, our guide to healthcare website design in the UK covers the regulatory and accessibility requirements in detail.

Our website accessibility guide for UK businesses covers these requirements in detail and is worth reading alongside this post.

Storytelling and Photography: The Emotional Engine

No amount of technical optimisation compensates for emotionally flat content. Charity websites win or lose on the strength of their storytelling.

Photography matters enormously. Authentic photography of your real work, real beneficiaries (with consent), and real team members is worth far more than stock imagery. If your budget allows one professional photography session, spend it here. Donors respond to real faces and real moments; they can spot inauthenticity immediately.

If photography is not yet possible, high-quality stock images chosen for authenticity (not the smiling-diverse-group clichés) are preferable to nothing. Be selective.

Case studies should follow a narrative arc. The most effective beneficiary stories have a clear before (the problem or situation), middle (the intervention), and after (the outcome). Keep them concise — 200-400 words — and ensure they are clearly attributed or clearly anonymised, never ambiguous.

Avoid charity jargon. Words like "beneficiaries", "stakeholders", "outputs", and "intervention" mean something specific in the sector but create distance with the public. Write for someone who has never engaged with a charity professionally.

Mobile-First Design for Event Fundraising

Charity event fundraising — sponsored runs, community bake sales, online challenges — generates significant income for many organisations. The people donating to these events are often doing so on mobile, frequently at the moment they hear about it from a friend on social media.

This means your event fundraising pages need to be exceptionally mobile-friendly:

• Fast loading (under 3 seconds on mobile data)
• Minimal friction to donate (no account creation required)
• Clear social sharing mechanisms to encourage peer-to-peer spread
• Progress bars or fundraising thermometers to create social proof and urgency

If you run regular events, consider building a dedicated fundraising section on your main website rather than routing all event traffic through third-party platforms. This keeps donors within your ecosystem, supports email capture, and builds your own data asset rather than a platform's.

Trust Signals That Unlock Major Gifts

Smaller, impulse donations are relatively easy to earn from a well-designed website. Major gifts — typically defined as £1,000+ — require a much higher level of institutional trust. Your website can build that trust proactively. The signals that build this trust overlap significantly with Google's E-E-A-T framework — our guide to E-E-A-T signals explains how expertise, authority, and trustworthiness translate into both donor confidence and search visibility.

Charity Commission registration number. Display this clearly, ideally in your footer. Link to your Charity Commission entry so major donors can verify it with one click.

Trustee governance. A page listing your trustees with brief biographies signals serious governance. Many grant-making bodies look for this as standard.

Annual report and accounts. As noted above, make these easy to find. Consider creating an accessible HTML impact summary alongside the full PDF accounts.

GDPR and data handling. A clear, readable privacy policy that explains how donor data is used builds confidence in an era of data scepticism. Avoid legal boilerplate; explain your practices in plain English.

Press coverage and partnerships. If you have been featured in credible media or have formal partnerships with established organisations, feature these. Third-party validation is powerful social proof.

SEO for Charity Websites

Search engine visibility is a major source of new donor and volunteer discovery for many charities. The SEO fundamentals apply here just as they do in commercial contexts — see our complete guide to SEO for small businesses for the foundation.

Charity-specific considerations:

Local SEO. If your charity serves a specific geography, local SEO is critical. Register your Google Business Profile and ensure your address, service area, and contact information are consistent everywhere.

Content for donor intent. Create content that answers the questions your potential donors are asking: "best charities for [cause] UK", "how to donate to [cause]", "volunteer [location]". These are high-intent searches from people already motivated to act.

Grant funder SEO. Grant-making organisations often search for charities working in specific areas. Your website should clearly signal your geographic focus, beneficiary group, and area of work in both your content and metadata.

Schema markup. Use Organisation schema markup to help search engines understand your charity's identity, address, and contact information. This improves your appearance in branded search results.

Bespoke vs. Template: What Is Right for Your Charity?

Many charities start with template platforms like Squarespace, Wix, or WordPress with a generic theme. These are acceptable starting points but have real limitations: donation integration is often awkward, brand customisation is constrained, and performance tends to be poor.

A bespoke website designed specifically for your charity allows complete control over the donation journey, brand expression, and content structure. It also means no recurring platform licensing fees — a meaningful consideration for resource-constrained organisations. Ongoing hosting, security, and maintenance can be handled through a SiteCare plan, keeping your site secure and up to date without the overhead of managing it in-house.

The decision depends on your current stage. An early-stage charity with limited income should start lean and invest in a proper site when fundraising justifies it. An established charity with £100,000+ in annual online donations should almost certainly invest in a custom-built site optimised for conversion — the ROI is clear. If you're unsure where your current site stands, a website audit will surface the gaps and give you a prioritised list of what to address.

Whatever platform you use, ensure your brand guidelines are properly implemented. Consistency between your offline fundraising materials, social media, and website builds the cumulative recognition that drives long-term donor loyalty. If your charity needs brand development alongside the website build, our branding service covers identity design for mission-driven organisations.

Writing a Brief for Your Charity Website Project

Before engaging a web design agency, invest time in a proper brief. This prevents scope creep, protects your budget, and ensures the agency you hire understands your organisation's specific needs.

A good charity website brief should cover:

• Your organisation's mission, vision, and current strategic priorities
• Your primary audiences (donors, volunteers, beneficiaries, grant funders) ranked by priority
• Your current donation volumes and income targets
• Your existing brand assets and any brand development needed
• Your technical requirements (payment integration, CRM integration, event management)
• Your content resources — who will write and maintain the site
• Your budget range and timeline

Our guide to writing a web design brief walks through this process in detail and is worth reading before you approach any agency.

Frequently Asked Questions

How much does a charity website cost to build?

Charity website costs vary significantly depending on scope and complexity. A basic site with a donation page might be achievable for £2,000–£5,000. A full custom-built site with payment integration, Gift Aid handling, CRM integration, and complex event functionality could cost £8,000–£20,000+. Many agencies — including Brambla — offer charity discounts; it is always worth asking. Our custom website service starts from £2,500.

Do charity websites have to be accessible?

Charities that receive public funding are legally required to meet WCAG 2.1 AA standards under the Public Sector Bodies Accessibility Regulations 2018. Best practice dictates that all charities should meet this standard regardless of funding, both for ethical reasons and because many grant funders now require it.

What is the best payment gateway for charity donations?

It depends on your needs. Stripe is the most flexible for custom builds and supports one-off and recurring payments. GoCardless is excellent for Direct Debit regular giving with lower failure rates. Donorbox and Enthuse are specialist platforms with Gift Aid handling built in. Most established charities use a combination of providers.

How do I add Gift Aid to my donation form?

You need to capture the Gift Aid declaration (HMRC's prescribed wording about UK taxpayer status) at the point of donation and retain that data for your annual claim. If you are using a platform like Donorbox or JustGiving, this is handled for you. If you are building a custom form, you will need to build this capture and connect it to your HMRC claim process.

Should I use a specialist charity fundraising platform or build a custom donation page?

Both are valid. Specialist platforms (JustGiving, Enthuse, Donorbox) offer lower setup cost and built-in Gift Aid handling but take a fee per transaction and offer less brand control. Custom donation pages on your own site keep all traffic and data in your ecosystem, allow full brand control, and typically have lower long-term transaction costs. For charities with significant online donation volumes, custom is usually better value.

How important is mobile for charity websites?

Extremely important. Over 60% of charity website traffic is mobile (M+R Benchmarks), and event fundraising donations are particularly mobile-driven. If your donation form is not fully optimised for mobile — fast loading, large tap targets, Apple Pay and Google Pay support — you are likely losing a significant proportion of donations.

Related Reading

• Bespoke Website Design: What It Really Means
• Branding Guidelines for Small Businesses
• How to Write a Web Design Brief
• Website Accessibility Guide for UK Businesses
• Healthcare Website Design in the UK: A Complete Guide

Building a charity website that drives real results is a serious project — but the returns, measured in donations, volunteers, and grant income, can be transformational for your organisation. If you are planning a charity website build or redesign, Brambla would love to help. We build bespoke, conversion-focused websites for charities and mission-driven organisations — explore our custom website service or get in touch to discuss your project, or view our pricing to see our packages.

• Charities & Non-Profits Web Design