Picture the donor you most want to reach. It is 11pm on the 27th night of Ramadan. She is on her phone, in bed, she has just watched an appeal video on Instagram, and she wants to give £50 before she sleeps. She taps through to your website. What happens in the next thirty seconds decides whether you receive £50, £62.50 with Gift Aid, or nothing.

This is what charity website design actually comes down to. Everything else, the mission statement, the trustee photos, the impact report, matters, but it matters in service of that thirty seconds. Here is how to build a donation page that survives it, drawn from what we have built for World Appeal, National Care Trust and Dar Al-Amanah.

Start by watching someone give on a phone

Before changing anything, hand your phone to a family member, open your donation page, and ask them to give £10 while you watch and say nothing. Count the taps. Note where they hesitate. Note whether the keyboard covers the button. Most charities have never done this, and most are shocked. If it takes more than a minute or more than a dozen taps, you are losing donors on every appeal.

The nine rules of a donation page that converts

1. The amount comes first

Suggested amounts as large tap targets, with your most common gift pre-selected and a custom field beside it. Each amount should say what it does: "£50 feeds a family for a month". Donors give more when the number means something.

2. Monthly is one tap away, not a separate page

A simple toggle between one-off and monthly at the top. Monthly donors are worth many times a one-off gift over a year, and most charities hide the option.

3. Apple Pay and Google Pay, above the card form

On a phone, a wallet button turns a two-minute form into a fingerprint. Show it first. The card form is the fallback, not the default.

4. No account, ever

Nobody creates an account to give money to a charity at 11pm. Ask for name, email and the Gift Aid tick. Nothing else is needed to take the gift; anything else can be asked afterwards.

5. Gift Aid as one tick, worded plainly

"I am a UK taxpayer and want the charity to claim 25p on every £1 I give" with the legal text a tap away. Capture the address the declaration needs in the same form. Gift Aid captured at the point of giving is the difference between a claim that takes an hour and one that takes a week.

6. A choice of fund, but a short one

Zakat, sadaqah, this appeal, where most needed. Four options, not fourteen. Donors want to direct their gift; they do not want a form.

7. Trust signals beside the button

Registered charity number, a padlock and the payment provider's name, one line on what percentage reaches the cause. These sit next to the pay button, not in the footer.

8. A thank-you page that does one more thing

Confirm the gift, say what it will do, and offer one action: share the appeal, or set up monthly giving. Not five actions. One.

9. Under two seconds to load

The donor above is on 4G. A page that takes six seconds to appear has already lost her. Speed is part of the design, not something to fix later.

What happens after the tap matters as much

A donation page that converts and then drops the donor into a spreadsheet is only half built. When we rebuilt World Appeal's website, the donation forms were wired so that the donor's name, contact details, gift amount and campaign became a record in the CRM the moment the payment cleared, with the thank-you email sent automatically. Nobody re-types anything. Nobody is forgotten. And when Ramadan comes round again, the charity knows exactly who gave last year and can write to them personally.

That is where the real return is. A donor who is thanked well and remembered gives again. One who is not, does not. We wrote more about the automation side in how charities can use AI automation.

Campaign pages your team can launch themselves

An emergency appeal has a window of about forty-eight hours in which the community is watching and wants to give. If launching a page means emailing an agency and waiting, the window closes. Build campaign page templates into the site from the start: a headline, a target with a progress bar, a video or image, the donation form pre-set to that fund. Your own staff should be able to publish one in an afternoon. World Appeal's Qurbani, Ramadan and emergency pages all work this way.

Where charities most often go wrong

  • A "Donate" button that opens a third-party page with different branding. Donors hesitate when the page changes.
  • Asking for a phone number, title and how-did-you-hear-about-us before the payment. Every field costs donors.
  • A monthly option buried on a separate page nobody finds.
  • Gift Aid asked for by email afterwards. Response rates are dismal.
  • Appeal pages built for last year's emergency, still live, still the first result on Google, with a form that no longer works.

Beyond the donation page

The rest of a charity website has a job too: to earn the trust that makes the donation page work. Programmes explained plainly. Impact figures that are specific. Trustees with faces and names. Partner logos where they help. A membership or volunteer path with its own form, the way we built National Care Trust's "Become a Member" journey. All of it should be fast and all of it should be editable by your own team without calling anyone. Our charity website design page sets out what we include and what it costs, and our social media strategy for Muslim charities covers how to drive the traffic that lands on it.

How to start

Do the phone test this week. Then fix the three things that cost you the most donors, which are almost always the wallet buttons, the account requirement and the Gift Aid tick. Those three can often be done on an existing site without a rebuild. If the site underneath is too old or too slow to carry them, that is when a rebuild pays for itself, usually within the first Ramadan.