UX, accessibility, and design engineering for mission-driven teams

Small prototype ideas for making nonprofit digital journeys clearer.

These are quick, focused explorations: one practical screen, one clear user journey, and a short note on why it matters. The goal is not to redesign everything. The goal is to show how I think about donor trust, campaign action, accessible content, and product handoff.

01

Concrete action

Each concept starts with the thing supporters came to do: donate, act, learn, or share.

02

Trust before friction

Donation and campaign flows need proof, transparency, and low-pressure next steps.

03

Built for handoff

The structure is intentionally component-minded so a web team can actually build from it.

Samawada Organization

Donor flow for clean-water impact

The opportunity here is not just a cleaner donation form. It is helping donors understand how gifts connect to boreholes, local maintenance training, field reporting, and long-term community water access.

  • Monthly giving is framed as water-system upkeep, not just a payment choice.
  • Impact language stays concrete without inventing exact claims.
  • Trust cues are visible before the donor continues.
Outreach hook

I mocked up one donor-flow screen because the hardest part seems to be making field impact feel clear and trustworthy without adding more admin work.

Samawada donor flow prototype screen

World Animal Protection Canada

Campaign-to-donation supporter flow

For an animal protection campaign, supporters should not have to guess what the next useful action is. The concept brings donation, campaign action, and supporter confidence into one focused decision point.

  • Supporters can give, act, or share without losing context.
  • Monthly giving is tied to investigations, campaigns, and public pressure.
  • Registration and trust details sit close to the action.
Outreach hook

I noticed the web/content role connects campaigns, SEO, email, and donation journeys. I mocked up a small supporter-action screen to show where I would start.

World Animal Protection Canada supporter action prototype screen

CPAWS / SNAP Canada

Conservation action hub

CPAWS already has strong public education and campaign content. The prototype direction is a sharper hub that helps people move from learning about land, freshwater, and ocean protection into a local action or donation path.

  • Province-aware action cards for letters, petitions, and local campaigns.
  • Clear supporter paths: take action, donate, volunteer, or learn.
  • Design language follows their bold conservation editorial style.
CPAWS Take Action Donate

Protect land, freshwater, ocean and wildlife

Find the action that matters where you live.

Send a letter

Defend the coast

Ask decision-makers to uphold protection for marine ecosystems.

Donate

Fuel conservation work

Support national and regional teams protecting nature across Canada.

Learn

30% by 2030

See what is protected, what is at risk, and where action is needed.

Stephen Lewis Foundation

Story-to-donation content flow

The content opportunity is to protect the depth of community-led work while still giving donors a simple path to understand, trust, and support it. This concept treats content modules as reusable pieces for CMS publishing.

  • Story, partner context, donation path, and accessibility notes in one system.
  • Flexible funding is explained in plain language.
  • Designed for content publishing, analytics, and long-term maintainability.
Community-led health and human rights

Support the people closest to the work.

Flexible funding helps frontline organizations respond to what communities actually need.

Partner story

Human-first narrative with clear consent and accessibility notes.

Impact context

What the fund supports, without flattening community complexity.

Next best action

Donate, share, learn, or sign up for updates.

Available for UX, design systems, accessibility, and design engineering

I like making useful things clearer.

If one of these ideas is close to a real problem your team is facing, I can turn it into a tighter flow, Figma prototype, implementation-ready component map, or accessibility review.

Connect on LinkedIn