Charity Website Templates: Six Structures for Different Missions

A charity website template must cope with competing priorities. Someone may need support now, while another visitor wants to donate, volunteer, refer a client or understand the organisation's impact. The layout should not treat all of those people as fundraising prospects.

These six original Elkwood directions are structural starting points, not downloadable themes. Adapt one to the charity's real services, safeguarding needs, governance and capacity to maintain content.

Related guidance: For useful context, read 12 Charity Websites That Make It Easier to Help and 15 Best Electrician Websites and What Makes Them Work.

Features every charity structure needs

• a plain-language mission and clear beneficiaries;

• urgent support that is easy to identify where relevant;

• specific ways to help;

• evidence with dates and context;

• accessible content and forms;

• governance, contact and complaints information;

• a clear owner for updates.

1. The local service charity

Lead with who can get help, where and how. Use service pages for eligibility, referral, opening times and accessibility. Donation content can remain prominent without standing between a person and support.

Make place information dependable

Connect each service to its location, contact and current availability. Avoid making several copies of opening times. If demand affects access, explain the present process rather than leaving an outdated promise online.

2. The helpline charity

The support action should remain unmistakable on every relevant page. Use clear language, high contrast and alternatives for people who cannot use the primary channel.

Remove avoidable competition

Do not place donation pop-ups over crisis information. Explain confidentiality, response availability and emergency limitations accurately. Test the route with a phone, keyboard, zoom and low attention.

3. The campaigning organisation

This structure gives the issue, current campaign and evidence a clear sequence. Let supporters take an action after they understand what it asks and how their information will be used.

Preserve campaign history sensibly

Date updates, show outcomes and close expired actions. Redirect an old campaign when a direct successor exists; otherwise retain a useful archive or return a deliberate Gone response.

4. The community-group direction

Local events, volunteering and news may drive the site. The homepage should show what is happening next and how a new person can join without reading the organisation's entire history.

Keep participation welcoming

Include venue accessibility, times, costs, age suitability and what to expect. Event dates should expire automatically. Real community photography needs appropriate consent and thoughtful safeguarding.

5. The research-charity structure

This direction connects the condition or issue, funded work, researchers and supporter action. Use summaries for general readers with methodology and publications available for those seeking depth.

Separate evidence from fundraising language

State what a study has and has not shown. Explain the relationship between donations and research without implying a guaranteed breakthrough. Named review ownership helps health and science content remain trustworthy.

6. The membership network

A network may serve members, local groups, professionals and the public. Start with role-based routes, then connect shared resources behind them.

Avoid duplicated local pages

Store branch and group information centrally so contacts and meeting details remain consistent. Give local coordinators a controlled update route rather than expecting them to maintain separate websites.

Choosing an appropriate direction

Identify the journey with the greatest human consequence and protect it first. Then map the two or three other actions the website must support. A national charity may combine several directions, but each page should still have one primary job.

The design should work with real content lengths and difficult states. Test no available appointments, a closed event, a very long research title and a form error. The sample homepage is not the product.

Accessibility and content governance

Use the Web Content Accessibility Guidelines as a technical reference and involve people with relevant access needs in testing. An overlay is not a substitute for accessible design and code.

Assign owners and review dates to support, health, safeguarding and eligibility information. The Charity Commission's guidance on charity websites also explains information that registered charities should display.

Common template failures

Avoid generic impact counters with no period or method, beneficiary stories without meaningful consent and donation controls that preselect an amount deceptively. Do not present restricted funds or Gift Aid in a way the charity cannot administer.

Keep forms proportionate. A newsletter does not need a postal address, and a first support enquiry may not need a full personal history. Explain where information goes and who will reply.

Before the charity site goes live

Run each priority journey with someone who did not help write the site. Ask them to find support, understand one programme, check how to volunteer and make a test donation. Watch where labels or handovers create uncertainty.

Confirm who receives every form, how quickly they can respond and what happens during leave or closure. Test receipts and confirmations without using real beneficiary data. Record the owner of every high-risk page so an operational change has a clear route into the website.

Want the website handled for you?

Elkwood's charity website design service supports smaller organisations that need a credible brochure and information site without a large upfront build. Design, copy, hosting and reasonable changes are included from £25 a month.

The pricing page explains the boundary. Case management, complex donations and safeguarding systems require separate specialist work.