Charity and Nonprofit Website Design

A charity website has a few minutes to answer one question from a stranger: can I trust this organization with my money or my time? The donor, the student looking for volunteer work and the foundation considering a grant all look at the same pages and look for the same things: the work being done, where the money goes, who is in charge and an easy way to take part.

This guide walks through the decisions a charity, nonprofit association or foundation makes when planning a site, in the order they come up. Each section gives you a checklist, a criterion or a question to put to your agency; there are no invented numbers and no promised results.

01Settle the legal basis for every way you raise money

Before anyone sketches a page, write down how you raise money and under which rules, because the wording and fields of the donation page follow from that answer. The rules depend on the country you raise funds in, not on where your web team sits, and they differ more than most trustees expect.

Work through these steps with your trustees before the first agency meeting:

1. List every income stream: general donations, regular giving, membership fees, public appeals, event tickets and grants.
2. Note the country and legal form behind each one: a registered charity in England and Wales, a Scottish charity, a US nonprofit or a Turkish association.
3. For UK charities, confirm whether you claim Gift Aid and whether your income is above the threshold in section 39 of the Charities Act 2011.
4. For Turkish associations and foundations, separate donations accepted under your statute from public appeals that need a permit under Law No. 2860.
5. Have your legal or tax adviser sign off these notes; the site is built from their view.

This list becomes the specification for the donation page, the appeal pages and the footer. The legal assessment belongs to your adviser; our job is to build the fields, notices and wording that match the decision you make.

02Keep impact news on a rhythm volunteers can sustain

A news feed only builds trust if it stays current, so decide who writes, how often and to which template before you design the feed. Promising a weekly story is rarely realistic for a volunteer led organization; two stories a month published without gaps reassures donors far more than a feed that stopped two years ago.

A fixed template makes stories easier to write and keeps them consistent:

• What happened: The date, the place and the name of the activity in the first sentence.
• Who it reached: Only numbers your own records can back up.
• Who made it happen: Volunteers and partner organizations, named with their permission.
• Linked project: A link to the project the story belongs to.
• How to help: A short call to give or volunteer so the work can continue.

When photos show children or people receiving support, get explicit consent before publishing recognizable faces, or choose images that protect identity; pictures that strip people of dignity also cost donor trust. To share the writing load, ask each project lead for three sentences and two photos at the end of the month and let one editor shape them into a story. Every activity you post on social media should also have a permanent home on the site, because feeds disappear and a story on your site can still be found years later.

03Give every project its own permanent page

Project pages are the backbone of a charity site: once news stories and appeals link to them, the site stops being a scattered noticeboard. A scholarship program, a food bank, a tree planting scheme or a training workshop each deserves a permanent address of its own.

Each project page should answer these questions:

• The need: Which problem you respond to and how you know it exists.
• The method: How support reaches people, and the criteria you use to decide who receives it.
• The scope: The town or region and the period you work in.
• Published results: Figures from your annual report, with a link to the report itself.
• How to support it: A project specific donation reference or a current volunteer need.

The project page is also the right place for donors who want to give to a specific purpose. If you show the exact payment reference to use for a bank transfer, your treasurer can allocate the gift to the right project without a phone call. Keep finished projects; marking them as completed in an archive shows your history and continuity.

Foundations that run grant or scholarship programs should state eligibility, the timetable, the selection criteria and how decisions are announced on the same page, and close the form outside the application window with the next opening date in view.

04Answer every donor question on the donation page

The donation page has one job: answer every question a willing donor might have, right there, because donors who have to ask usually do not; they leave. Bank transfer and card payment can both sit on the same page, so supporters choose the route they trust.

The page should include:

• Bank details: Bank name, the organization's full legal name as account holder and the account details with a copy button; international accounts on a separate line.
• Sample reference: A ready format such as "Surname, Scholarships" so the gift can be matched.
• Card giving: A short form through the payment provider your organization has signed up with, with suggested amounts.
• Regular giving: A monthly option, with a clear note on how to change or cancel it.
• Receipts and thanks: What happens after the gift, and how and when a receipt arrives.

Keep the card form short, ask only for information you genuinely need and place the privacy notice right next to it. The thank you page that opens after a gift matters for measurement as well, because it is how you see which story led a visitor to give. The provider and its fees are your choice; we explain the options and connect the form, the thank you page and the notifications.

05Build Gift Aid into the form, not around it

For UK charities that claim Gift Aid, the declaration belongs inside the online donation form, so it is collected at the moment of giving rather than chased afterward. HMRC guidance sets out what a declaration must contain, and a form designed around those fields saves your treasurer a great deal of follow up work.

According to HMRC, a Gift Aid declaration must include:

• The charity's name.
• The donor's full name.
• The donor's home address, including the postcode.
• A statement that the donor agrees to Gift Aid being claimed.
• Confirmation that the donor pays enough tax to cover the claim.

On the page, this works well as a clearly worded checkbox with a short explanation of what Gift Aid means for the charity, followed by address fields that appear only when the donor ticks it. A postcode lookup reduces typing on a phone. Declarations are stored with the date and the donation they relate to, so you can keep the records HMRC expects and answer questions later.

Two practical points are worth settling early. Decide whether the declaration covers only this gift or also future and past gifts, and write that choice in plain words next to the checkbox. Then agree who exports the declarations and how often, so the claim does not depend on a single volunteer remembering. The final wording should be checked by your charity or its adviser before launch.

06Run each appeal on its own page, within the rules

A public appeal should live on its own page with a clear start and end, separate from the permanent donation page. That separation lets you tell one story well, show progress honestly and close the appeal cleanly without breaking links that people have already shared.

The legal notices differ by country, so build a dedicated notice area into every appeal template:

• England and Wales: Under section 39 of the Charities Act 2011, a registered charity above the income threshold must state that it is a registered charity on documents asking for money; show the status and registration number next to the donation form.
• Turkish associations and foundations: The aid collection regulation requires permitted campaigns to show the permit number issued through DERBİS on every material, including online; organizations authorized by presidential decision show the year and number of that decision.
• Other countries: Ask your adviser which registration details and statements your regulator expects, and reserve the space for them.

Write the need in sober, verifiable language and explain what the money will turn into. When the appeal ends, close the form instead of deleting the page and add a dated note on how the funds were used. If an urgent appeal must go live fast, it can run as a single goal page outside the main site, but the notice area travels with it.

07Publish reports as readable pages, archived by year

The answer to "where does the money go?" belongs in a public transparency section, organized by year. A single PDF attached to the bottom of a page does not do the job; a visitor on a phone who does not want to download a file never opens it.

Set up the transparency section in this order:

1. Agree with your trustees which documents you publish: annual report, accounts or an income and spending summary, the list of trustees and the governing document.
2. Create one page per year, with the year and document type in the title.
3. Write a short summary as page text: main activities, sources of income and the main areas of spending.
4. Attach the full document as a download on the same page.
5. Make adding next year's report a task anyone with the right role can do in the admin panel, and name who owns it.

A readable page works better than a file for accessibility and for search; a donor who uses a screen reader can reach the figures too. If your charity appears on a regulator's public register, link to your entry so donors can check it independently. Name your trustees with their roles; people want to see who governs the money. Your trustees decide what is published; we make it easy to find and easy to keep current.

08Route volunteer and member requests into one flow

When requests are spread across phone calls, messages and email, interested people go unanswered; volunteer and membership applications need two separate forms but a single place where they are tracked. Membership usually follows your governing document and a trustee decision, while volunteering is a looser commitment, and the forms should reflect that difference.

A volunteer form needs interests, available days and times and a preferred contact method. A membership form asks for what your governing document requires and explains how approval works. A privacy notice sits next to both forms, and sensitive information such as health details is not requested unless it is genuinely needed for the role.

The flow after submission is planned on the site as well:

1. The applicant receives an automatic acknowledgment that says when to expect a reply.
2. The request reaches the right coordinator as a notification.
3. The coordinator marks it as contacted, placed or on hold.
4. Requests without a reply after the agreed time trigger a reminder.

Associations that want a members area with notices, documents and fees should plan the login from the start; adding it later means rebuilding the menu and the permission structure.

09Register the site to the organization, not a person

The most common way a charity loses its website is organizational, not technical: the volunteer who built it moves on and the passwords leave too. The fix is to open every account in the organization's name and tie access to roles rather than to people.

At handover, your trustees should hold these records in writing:

• Domain: Proof that the organization is the registrant, and the renewal date.
• Hosting and email: The account holder, billing details and renewal calendar.
• Admin panel: A list of roles, for example news editor, reports owner and administrator.
• Payment provider: Which account the agreement belongs to and who is responsible.
• Backups: Where backups are kept and how a restore works.

Turn on two factor authentication for the admin panel and close the accounts of departing volunteers on the day they leave. A single shared password on a panel that holds donor and applicant data is a security and data protection risk; individual accounts also make it visible who changed what. Add site access to the handover checklist used after each annual general meeting. Sports clubs run as associations face the same issue; for a structure built around teams and fixtures, see our page on sports club websites.

10Make the site fast and accessible on phones

Much of your giving and volunteering traffic arrives from links shared on social media, which means from a phone, so donation and signup pages should be designed for phones first. A page that loads slowly or a form that is awkward on a small screen loses donors who had already decided to give.

Google's Core Web Vitals give a concrete target; staying within these thresholds for at least 75 percent of visits counts as good:

• LCP: How long the largest element on the page takes to load, 2.5 seconds or less.
• INP: How quickly the page responds to a tap, 200 milliseconds or less.
• CLS: How much the layout shifts while loading, 0.1 or less.

Accessibility matters especially for older supporters and visitors with low vision. Form fields need visible labels, error messages must use words and not only color, and buttons must be large enough to tap comfortably. You can check your current site with our free mobile friendly test and your color choices with the color contrast checker; more checks are on our free tools page. Resizing photos before upload keeps news pages fast even when a volunteer editor adds them, so build an automatic resize into the admin panel.

11Show up where supporters search for a cause

People often search for a cause rather than a charity: a topic they care about plus a town or region. Appearing for searches like "animal shelter volunteering in Leeds" or "foundation offering university scholarships" is only possible when each area of work is explained on its own page.

A sensible order of priorities for search:

• Cause pages: Each project and area of work on its own page, written in the words supporters actually use.
• Titles and descriptions: The cause and, where relevant, the place in every page title, with the organization's name at the end.
• Structured data: The organization's name, contact details and events are marked up so search engines can read them; nothing is marked up that is not on the page.
• Google Business Profile: If people visit a center, create a profile; the name must match your real world name, with no added keywords.

News stories build into a content archive over time, and linking each story to its project helps search engines understand the site's structure. Organizations that want to treat search visibility as long term work can build on this foundation with our SEO service. Nobody can promise a timeline or a ranking; the right structure only improves the chances.

12Measure which stories bring support from day one

Measurement shows a charity where to spend its limited time; count real actions such as gifts, applications and newsletter signups instead of visitor numbers. Trustees who know which story or appeal post turned into donations plan the next appeal with evidence rather than guesswork.

The main events to track:

• Intent to give: Clicks on the donate button and copies of the bank details.
• Completed gifts: Views of the thank you page after a card donation.
• Applications: Volunteer and membership forms submitted.
• Newsletter signups: Future regular supporters giving permission to be contacted.
• Source: Which post, email or page sent the visitor.

Adding source tags to the links you share on social media lets you tell the platforms apart.

Analytics must respect consent: in the EU, non essential tracking cannot start before consent, and Google requires consent mode for measurement and personalized advertising features for users in the European Economic Area. UK charities should check the ICO's current guidance on cookies. If you reach donors in several languages, plan a multilingual site structure early, which also keeps measurement separate by language.

13Common charity website mistakes and what to do instead

Most of these mistakes come not from bad intent but from treating the website as a project that is built once and left alone. Each has a better alternative:

• Bank details inside a PDF: Publish them as page text with a copy button and a sample payment reference.
• Charity status missing from appeals: Put the registration statement and number next to every donation form and in the footer.
• Gift Aid collected by email afterward: Build the declaration into the donation form with the fields HMRC lists.
• Unverified impact claims: Replace "we have helped thousands" with the figure from your annual report and a link to it.
• Stock photos: Use images from your own work, taken with consent and respecting people's dignity.
• Accounts tied to one volunteer: Register domain, hosting and panel to the organization and keep the access list with the trustees.

Run this list against your current site. If two or more items describe you, start by agreeing on content ownership and account ownership before you discuss a new design. Our guide on building trust on a website covers further signals worth checking.

14Choosing a web partner and your next step

When choosing a team for a charity website, ask how they handle donations and transparency before you look at design samples. These questions reveal experience and approach quickly:

• How do you handle different donation rules, such as Gift Aid or a charity registration statement, on the site?
• In whose name are the domain and accounts registered, and how is the access list handed over?
• How will our volunteers learn to add news and reports?
• Which events on the donation page will you measure, and how will you report them?
• Which payment providers can you connect for card and regular giving?

With us, design, development and content sit in one team; Talha Aslan sets the strategy and experienced team members handle delivery, remotely and in English. We do not have a live client project in this field yet, so we show our approach on a live demo site linked on this page; our work in other industries is on the references page. The broader scope of our web design service is described separately.

Packages with a fixed scope are listed in the web design pricing section. To talk about your work, how you raise money and the supporters you want to reach, get in touch with us, and we will reply with a written scope and quote.