Case Study 03

Creating Comfort in Donation: SAFE Alliance

SAFE Alliance runs emergency shelter, counseling and prevention programs across Central Texas. Their donation flow was buried and their merch store had never been designed with intention. I owned the redesign of both, from research through shipped product.

Role
Product Designer
Tools
Figma, Maze, Jira
Timeline
Aug 2025 – May 2026
Outcome
Stabilized funding cuts

Problem

"How might we make the donation experience more seamless and mission connected so supporters feel motivated to give?"

The why

10%
projected decline in government grant funding for 2026

Government funding was already shrinking, which meant individual donations, the one lever SAFE could pull on its own, had to work harder. But the donation button was easy to miss and didn't feel connected to the mission. That gap between a funding problem and an invisible fix is what made this redesign a priority, not a nice to have.

Projected 2026 revenue breakdown showing a 10 percent decline in government grants

Projected 2026 revenue: government grants down 10%

2024 to 2025 revenue breakdown by funding source: philanthropic, government grants, and other

2024 to 2025 revenue by source

What I heard in research

"Donating needs to feel meaningful, not transactional."

Val, Marketing Director

"I didn't even notice there was a donation button on the site. It doesn't stand out, and I wish the process felt more meaningful."

Site user

"I'd be more likely to donate if I felt connected to the impact. Seeing stories that reflect SAFE's mission would help me understand where the money goes."

Site user

Hypothesis

If donors could see where their money actually goes and feel connected to SAFE's mission before being asked to give, they would trust the flow enough to complete it.

Auditing the current experience

Feeding America donation page with communicated impact callout

Audited Feeding America's donation page for how a larger nonprofit communicated impact clearly

Coral Reef Alliance donation page with token of appreciation callout

Audited Coral Reef Alliance's flow for how they thanked donors and reinforced trust after giving

Discovery process

1

User interviews

2

Competitor analysis

3

Low fidelity

4

Ideation

5

Creation

How AI shaped my process

AI → Ideation → Prototype → User feedback

LLMs helped me turn hand sketches into real UI components, and ideate on color scheme options before I committed to the reduced brand palette.

Donation flow concepts Mission messaging CTA strategies Donor friction Alternative user journeys

AI helped me

Expand the solution space and challenge assumptions I might not have questioned on my own, then weigh each idea against user need, business goal, brand, and feasibility.

I decided based on

User feedback, SAFE's mission and goals, and where donors actually lost confidence or dropped off in the journey.

Iterating on the donation flow

Version 1 low fidelity wireframe of SAFE donation page

Version 1: mission statement buried below the fold

Version 2 low fidelity wireframe of SAFE donation page

Version 2: surfaced impact stat, still cluttered sidebar

Version 3 low fidelity wireframe of SAFE donation page

Version 3: single focused path to checkout

Simplifying the brand system

Color palette reduction from 9 unlabeled Pantone colors down to a focused 4 color system

SAFE's palette had grown to nine unlabeled Pantone colors with no clear hierarchy. Red carried special weight in this reduction: for a survivor support nonprofit, red can read as alarming or triggering, so it was minimized rather than used as an accent. The reduced system also fed directly into the merch designs below, which needed to feel nurturing and inviting rather than clinical.

Final design

SAFE donation page, redesigned

Donation page, redesigned

SAFE donation page with expandable FAQ open

Expandable FAQs answer donor questions inline

SAFE checkout page with donation dedication, contact, delivery and payment sections and a thank you tote bag gift

Streamlined checkout for merch orders

Thank you for choosing SAFE confirmation modal

Thank you modal reinforces impact after checkout

Prototype

SAFE donation and merch flow prototype walkthrough

Watch the live donation and merch flow play out!

Results

19,000
monthly visitors, plus 350 internal staff
10
usability gaps identified via Maze testing

What I learned

Key learnings

  • Emotional framing decides completion. Not just flow length, whether someone felt connected to the mission mattered more than how many steps were left.
  • Small details compound in testing. Color contrast and consistent text sizing made a disproportionate difference in usability results.

What I would do differently

  • More mid-fidelity, earlier. I'd build out more mid fidelity frames before jumping straight to high fidelity.
  • Donor mindset first. I'd spend more time understanding how donors think before testing, not just after.

Let's talk

Designing something that could use a fresh set of eyes? I'd love to hear about it.

Currently looking for Summer 2027 product design internships.