Skip to content

Nonprofit and mission-driven websites

Purpose: Patterns for orgs where trust, stories, and giving drive the experience — not product catalogs.

Harvest / review: 2026-05

Agent hint: Vertical patterns only · General UI still needs ../ui-design/accessibility.md

Principles

Principle Practice
Mission in one sentence Hero answers “what do you do and for whom?”
Show impact Numbers, stories, credentials — specific beats vague
Three paths Donate · Volunteer · Get services / Enroll
Equity in design Representation, accessible language, inclusive forms (NTEN)

Homepage patterns (from field research)

  1. Emotional hero (people + mission, not stock-only)
  2. Primary CTAs: Donate, Volunteer, Get started / Contact
  3. One featured parent or participant quote (name when permitted)
  4. Trust: 501(c)(3), accreditation (e.g. PATH Intl for therapeutic riding)
  5. Impact stats: riders served, hours, volunteer value
  6. Optional: “What is [service]?” explainer for unfamiliar visitors

Page set (typical)

Page Purpose
About / Our story Origin, team, facility
Programs Who qualifies, what happens in a session
Meet the horses / team Emotional connection, sponsorship hooks
Get involved Volunteer + donate + sponsor
Events / News Freshness signal
Contact / Apply Form + phone; clear next steps

Anti-patterns

Avoid Why
Jargon-heavy clinical copy Families bounce
Donate buried in footer only Missed revenue
No photos of real participants (with consent) Feels generic

Sub-project example

Therapeutic riding research: ../../projects/equine-therapy-nonprofit/reference-sites.md

Sources