Charity Website Design: A 2026 UK Guide for Trustees

Charity website design is no longer a brochure exercise. For UK charities the website is where supporter trust is earned or lost, where donations succeed or stall, and where every regulator's expectation eventually shows up.

Why charity website design now decides supporter behaviour

Donors research before they give. They check trustees, financial transparency, impact reports and the donate form itself, often on a phone in under a minute. The Charity Commission's register data lists 171,892 main registered charities in England and Wales as at 26 September 2026, all competing for the attention of a public that weighs accountability alongside generosity. Web design choices, navigation, copy, page weight and donation flow all feed directly into that decision. A site that takes four seconds to render, or hides its purpose behind an animated hero, is leaking supporters every day even when the cause itself is excellent.

Most of those charities are small. Three in four (128,432 of them) report annual income under £100,000, so for the majority of the sector the website has to work hard on a modest budget and a volunteer's spare hours. Effective web design for a UK charity is therefore not a creative project. It is a fundraising lever with a measurable conversion rate attached, and it has to be one the team can actually run.

What makes a good charity website: six features every UK charity site needs

1. A donate path that works in under 60 seconds

The donate button should sit in the header of every page, and the form behind it should be short, mobile-first and connected to a proper payment provider. Every extra field or step is another chance to lose a supporter, so ask only for what the gift needs. The exception is Gift Aid: HMRC requires the donor's full name and home address for a valid declaration, so reveal the address fields when someone ticks the Gift Aid box rather than asking every donor for them.

2. Trust signals at the moments people doubt

Donors hesitate at three points: before clicking donate, before entering card details, and before confirming the amount. Your registered charity number, a link to your accounts, the Fundraising Regulator badge if you are registered with it, and a clear impact line should sit at exactly these points, not buried in the footer. Charity Commission filings, annual report links and trustee names work harder on a donate page than on an about page.

3. Real impact storytelling, not stock photography

Stock images of generic beneficiaries undermine the trust the page is trying to build. Real photography of named beneficiaries (with consent), specific numbers ("£25 funded 12 hours of support") and short video clips of work in progress give supporters something concrete to believe in. Where consent restricts photography, illustrate with data instead. Short films of real work repay being planned as a campaign rather than filmed ad hoc, which our video marketing strategy guide walks through.

4. Accessibility built in, not bolted on

WCAG 2.2 AA is the practical baseline, and it is the standard the public sector accessibility regulations now require of the organisations they cover. Beneficiaries, supporters and policymakers may all be using screen readers, switch controls or older devices. Colour contrast, focus states, form labels and keyboard navigation should be settled at the design stage, because retrofitting them after launch is slower and more expensive than building them in.

5. A CMS the team can actually use

The charity website that wins is the one whose comms officer can update the homepage at 9am after a press release lands at 8.55am. WordPress with a curated block library, or a headless setup with editor presets, removes the dependency on the developer. If routine updates require a ticket and a 48-hour wait, the site is already losing campaign moments.

6. Performance, hosting and data discipline

Some charity websites run on donated or bargain hosting that slows to a crawl under campaign load, exactly when it matters most. UK-based managed hosting, compressed images (AVIF or WebP) and a CDN shorten load times on donate pages, and our guide to WordPress speed optimisation covers the detail. ICO guidance on supporter data should be reflected in how every form collects, stores and explains personal information.

How to design and set up a charity website: the sequence that works

Most charity website projects fail at the planning stage rather than the build stage, because the design conversation starts before anyone has agreed what the site is for. If you are setting up a charity website from scratch, or rebuilding one that has drifted, this is the order that keeps projects on budget:

1. Name the single job of the site. Donations, volunteer recruitment, service access for beneficiaries, or grant applications. Most charities need two of these. Almost none genuinely need all four with equal weight, and pretending otherwise produces a homepage with no priority.
2. Sort the money plumbing before the design. Decide the payment provider, the CRM and how the two talk to each other, and whether donations will be taken on your own site or through a third-party platform. That last choice now affects your email marketing as well (see the next section), and it constrains the build.
3. Audit and cut the content you have. Most charity sites carry years of dormant campaign pages and superseded policies. Decide what survives before you decide what it looks like.
4. Model the content types, not the pages. Appeals, services, news, impact stories, trustee profiles and jobs each behave differently. Getting these right is what lets non-technical staff publish confidently for the next five years.
5. Design the donate journey first, then everything else. If the donate flow is designed last it inherits whatever space is left over, which is how charities end up with beautiful homepages and mediocre conversion.
6. Build accessibility and consent in during development. Not as a pre-launch checklist item, when changing it is expensive.
7. Launch with measurement already working. Analytics, donate-funnel tracking and form error logging on day one. Without them the first six months of optimisation are guesswork.

For a brand-new charity with no track record, a small, fast, honest site launched in three weeks beats a comprehensive one launched in nine months. The site should grow as the charity does, and the early version's job is simply to be credible, accessible and able to take a donation.

The donate page: Gift Aid, consent and the new charity soft opt-in

The donate page is where charity website design and charity law meet. Three sets of rules shape it, and one of them changed in February 2026, so many live forms are now out of date.

Gift Aid declarations

HMRC's Gift Aid declaration guidance allows declarations online, and sets no required design, but every declaration must include:

• the name of your charity;
• the donor's full name and home address;
• whether the declaration covers past, present and future donations or just this one;
• a statement that the donor wants Gift Aid to apply (a tick box is fine online); and
• an explanation that the donor must pay at least as much UK Income Tax or Capital Gains Tax in the tax year as all charities will reclaim on their gifts, and is responsible for any difference.

You must also keep a record of every declaration, so the form has to write cleanly into your donor database rather than into an inbox someone forwards on.

Marketing consent and the charitable purposes soft opt-in

Since 5 February 2026, charities can use a new soft opt-in under PECR to email supporters without consent, provided they collected the details themselves from someone who expressed interest in or supported their charitable purposes, and offered a clear way to opt out at that moment and in every message. The ICO's guidance uses a charity website's own donate form, with a prominent opt-out box, as its example of doing it right. For design, that means an unticked, plainly worded opt-out on every form that collects an email address, and consent tick boxes kept separate from the donation itself. Making marketing consent a condition of donating is unlikely to be valid consent.

Where the donation is actually taken

Third-party fundraising platforms are quick to set up and handle payments well, which is why so many small charities start there. Two rules now argue for bringing the main donate form onto your own site once you can. The ICO is explicit that contact details passed to you by a platform cannot use the charitable purposes soft opt-in, because you did not collect them directly. And if you use a Google Ad Grant, Google's Ad Grants website policy requires your ads to point to a domain you own, with donation links that lead to a secure page. Platforms still earn their place for sponsored events and peer-to-peer fundraising.

Websites for grant-making trusts and foundations are a different brief

The advice above assumes a fundraising charity that wants money to come in. A grant-making trust or foundation has close to the opposite problem: it has money to give away, and its website's job is to manage demand rather than generate it. This distinction is routinely missed, and it is why so many trust websites feel like fundraising sites with the donate button removed.

A grant-maker's site succeeds on precision. The most valuable page is usually a plainly written eligibility summary that lets an unsuitable applicant disqualify themselves in thirty seconds, because every unsuitable application costs the trust assessment time and costs the applicant hope. Funding priorities, geographic scope, typical grant size, what the trust will not fund, deadlines and the decision timeline all belong high on the page rather than inside a downloadable guidance PDF. Application forms should save progress, since these submissions are written over days rather than minutes, and the site should publish previous grants awarded, both because transparency is expected and because it shows applicants what a successful fit actually looks like.

Trusts also carry a governance-visibility duty that fundraising charities can treat more lightly. Trustee names, the objects of the trust, the annual report and the conflicts-of-interest position should be easy to find, not because anyone browses them casually but because the people who do look are journalists, regulators and prospective partners. Where a trust also runs a public-facing programme, the cleanest structure keeps the grant-making and programme content as separate top-level paths rather than blending them.

Brand, voice and the trust premium

Many charities undersell themselves visually because they confuse modest with cheap. The two are unrelated. A confident wordmark, a deliberate type stack, consistent secondary colours and disciplined photography do not cost more to maintain than inconsistent ones. They simply require a brand system, and a coherent identity is one of the quickest ways to look like an organisation a stranger can trust with money. The same visual discipline carries across to your Google Ad Grants and wider charity digital marketing, where ads, social and email all need to recognise the same brand the website is establishing.

Nonprofit website best practices: what the best UK charity websites do

Look at the homepages of the UK's best-known charities and the same patterns repeat regardless of cause. We checked eight on 26 September 2026: Macmillan, Mind, Shelter, Crisis, Samaritans, WWF UK, the British Heart Foundation and Cancer Research UK.

1. Two front doors, not one. Charities that support people directly put help next to giving. Mind's first two links are "Get help now" and "Make a donation". Crisis leads with "Get help" and then "Donate". Shelter and Macmillan both carry "Get help" alongside "Donate" in the header, and Samaritans pairs "Donate now" with "Contact a Samaritan" and puts its free 116 123 number on the homepage. A beneficiary in difficulty and a supporter with a card in hand both find their route in one click.
2. Charity status stated plainly. Seven of the eight state their registered charity numbers in the footer, several of them for each jurisdiction where they are registered.
3. Accessibility treated as standard. At least seven of the eight offer a skip-to-content link, and seven link to an accessibility page. The W3C's WCAG 2.2 specification is the reference point, not a vendor's compliance badge.
4. One clear primary action per page. Donate, sign, contact or find help. Never four buttons of equal weight.
5. Impact reporting with specifics, not adjectives. Numbers, dates, photographs, beneficiary names. Not "we change lives".
6. An editorial cadence on the homepage. The featured campaign rotates, the current appeal sits prominently, and the news section is dated within the last six weeks.

None of these patterns is exotic or expensive. They come from websites built by people who understand charity operations, and every one of them is achievable on a small charity's budget.

Comparing platforms: website builders, WordPress, Shopify, headless or a sector specialist

There is no single right answer, but there is a wrong one: building bespoke when an off-the-shelf option fits 80 per cent of your needs. The realistic comparison for UK charities looks like this:

• A website builder (Wix, Squarespace or similar). The cheapest route for a new or very small charity, and perfectly adequate for a first site. Pay for a plan that lets you use your own domain, because a free subdomain looks less credible and will not meet the Google Ad Grants domain requirement. Our Wix vs WordPress comparison covers when it is time to move on.
• WordPress with a charity theme or a custom build. Most flexible, deepest editorial control, and easiest to staff because plenty of UK developers know it. Donations plug in through Stripe, GoCardless or charity-specific donation and CRM tools such as Enthuse, Donorfy or Beacon. Our WordPress development work sits mostly here.
• Shopify with a charity adaptation. Best when retail (cards, merchandise, events) carries a real share of income. Strong checkout reliability, weaker natural fit for editorial campaign pages.
• Headless (Next.js, Astro or similar) with a managed CMS. Fastest pages and the most editorial flexibility, but it assumes you have a development partner on retainer. In our view it only makes sense for charities with substantial digital income and in-house product capacity.
• Sector-specialist platforms (such as White Fuse or Raisely). Lowest set-up effort and fastest to launch, but hardest to leave later. Good for small charities, constraining for charities that grow past them.

The compliance layer most charity sites get wrong

Charity websites carry a heavier regulatory load than most operators realise, and none of it is difficult once someone has checked it deliberately rather than assuming the developer handled it.

• Registered charity status. Under section 39 of the Charities Act 2011, a registered charity in England and Wales with gross income over £10,000 in its last financial year must state that it is a registered charity on notices, advertisements and other documents that solicit money, whether the request is express or implied. Appeal and donate pages should show it clearly.
• Company details. Many charities are also companies limited by guarantee, and gov.uk's guidance on company signs, stationery and websites requires the registered number, registered office address, place of registration and limited status on the website.
• Accessibility. The public sector accessibility regulations exempt charities unless they are mostly financed by public funding, provide services that are essential to the public, or provide services aimed at disabled people. Charities in scope must meet WCAG 2.2 AA and publish an accessibility statement. Every charity, in scope or not, has a duty under the Equality Act 2010 to make reasonable adjustments for disabled people.
• Cookies. Since the Data (Use and Access) Act 2025, analytics used purely to produce aggregate statistics that improve your site can run without consent, provided you explain them and offer a simple, free way to object, as the ICO's guidance on the exceptions explains. Advertising and remarketing tags still need consent before they load, and a pre-ticked box is never consent.
• Fundraising standards. The Fundraising Regulator's Code of Fundraising Practice applies to how you ask for money online as much as on the street.

The recurring failures in audits are predictable: a donate page with no charity status, marketing consent bundled into the donation, missing privacy notices on form pages, advertising pixels firing before consent, and no accessibility statement where one is required.

What charity website design costs in the UK in 2026

Realistic UK ranges in 2026, by the size of the charity:

• Micro charity (under £100k turnover): £0 to £300 upfront on a website builder plus a £10 to £30 monthly plan, or £500 to £3,000 with a freelance designer. This band covers three in four registered charities in England and Wales, according to the Charity Commission's income band data.
• Small charity (£100k to £500k turnover): £4,000 to £12,000 build, £600 to £2,000 annual maintenance.
• Mid-size charity (£500k to £3m turnover): £12,000 to £35,000 build, £2,000 to £6,000 annual maintenance plus an optimisation retainer.
• Large or national charity (£3m+): £35,000 to £120,000+ build, with separate retainers for paid acquisition, SEO and accessibility auditing.

Budget for VAT at the standard rate. HMRC's VAT Notice 701/58 zero-rates some advertising bought by charities, but it states that information on a charity's own website, the design costs that go with it, and SEO work on the site all fall outside the relief. Whether you can then recover the VAT depends on your charity's own VAT position.

Any quote materially outside these ranges deserves scrutiny. Charity websites are not more expensive than commercial equivalents at the same scale, and the editorial complexity tends to be lower, not higher. Our wider guide to what a website costs in the UK sets the same ranges against commercial sectors, and our guide to website maintenance costs covers the running costs after launch.

Charity website redesign: when to refresh and when to rebuild

A refresh (new design system, retained CMS, retained URLs) is right when the current site converts but looks dated. A charity website redesign should go all the way to a rebuild when any of these apply: hosting fails under campaign traffic, the CMS forces tickets for routine edits, accessibility cannot be patched cleanly, or donate-form conversion keeps falling while the traffic reaching it holds steady.

The wrong sequence, rebuilding to fix a design problem when the underlying issue is CMS or hosting, is the single most expensive mistake in this space. A short diagnostic (analytics audit, hosting trace, accessibility scan) before the rebuild conversation usually pays for itself within the first phase of the project. If the numbers point at the donate journey rather than the design, targeted conversion rate optimisation will usually return more than a rebuild for a fraction of the budget.

Whichever route you take, plan for the URLs. A redesign that changes paths without redirects can wipe out years of accumulated search visibility on appeal and service pages, and our website migration SEO guide sets out how to protect it. If you run a Google Ad Grant, check every ad's destination after launch too, because broken or redirected landing pages hurt the click-through rate and Quality Score the grant depends on. Where digital is core to fundraising, a parallel review of your charity digital marketing means the new site launches with traffic already warmed up.

Frequently asked questions