Back

CanadaHelps.org

Product · Web

Reimagining the Charity Profile

Redesigning a high-value donor experience to build trust, improve conversion, and create a more accessible foundation for thousands of charities.

Reimagining the Charity Profile

Role

Product Designer

Timeline

2020

Platform

Web (Responsive)

Overview

A charity profile is often a donor's first real interaction with an organization, and at CanadaHelps it hadn't been substantially refreshed in over six years. In that time, giving had gotten more competitive. Platforms like GoFundMe, Chimp, PayPal, and Facebook had reset what donors expected from an online donation experience.

This wasn't just a usability problem. Charity profiles generated close to 30% of CanadaHelps' total revenue, and conversion swung hard with the seasons. The work also landed in 2020, right as the pandemic drove a real surge in online giving. Whatever changed had to work at that scale, under real pressure, without disrupting a donation flow the business depended on.

30%

of CanadaHelps' total revenue came through charity profiles

4%

baseline page conversion, January to October

20%

conversion in December, the peak of giving season

75%

donation completion rate during giving season

The Problem

How do you build donor trust while making it easier to take action?

The existing profile had the right information somewhere on the page. Donors just couldn't get to it. It wasn't clear who the charity was, what a donation would actually support, why CanadaHelps could be trusted with the transaction, or even where the donate button was.

Underneath that was a harder tension: thousands of charities used the same template, with wildly different levels of content, sophistication, and resources. Any fix had to work for a small volunteer-run charity and a national organization at once, without flattening either into something generic.

The Goal

Create a more intuitive and trustworthy charity profile that encourages donors to take action.

The brief was simple to state and hard to do: make the profile easier to trust and easier to act on. That meant strengthening trust in CanadaHelps itself, making charity information legible at a glance, smoothing the donation flow, and supporting repeat giving, all responsively and accessibly, without asking any charity to give up how they represented themselves.

Understanding the Donor Journey

Designing a decision, not just a page

The donors moving through this page weren't one audience. Some already knew and trusted the charitable sector, some were recurring givers, some just wanted a receipt before a tax deadline, some were splitting a donation across several causes at once. Before touching the page, I mapped what they shared instead of designing for all of them separately.

Awareness & Research
Select a Charity & Donate
Post-Donation

In Awareness & Research, someone is comparing charities and asking whether their money will actually reach the cause, which pointed to one real question: how do we get people to trust CanadaHelps as a place to give, at all. In Select & Donate, the page felt transactional and the donation button was hard to find. Post-donation, the biggest ask was simple: where's my tax receipt.

That reframed the project. I wasn't designing a better page. I was designing a better decision, one that had to earn trust before it could ask for anything.

Research & Discovery

Grounding the redesign in real behaviour

I combined user research, competitive analysis, analytics, and behavioural data, including Hotjar heatmaps, scroll depth, and session recordings, and looked outside the nonprofit space too: how ecommerce sites reduce friction on a purchase, and how other platforms use verification badges and emotional copy to earn trust at a glance.

The donation form sat below content most donors never reached. Charity information that should have built trust was hard to find or inconsistently presented. Some pages leaned on real storytelling and others read like a form. Visual customization meant to help charities stand out was actively breaking accessibility for some of them. And nowhere on the page did anyone explain why CanadaHelps, specifically, was a safe place to give.

Competitive research and early wireframe sketches

Designing for Trust

Making credibility visible

Trust became the organizing principle, not a layer added on top. Competitive research was consistent: donors give more readily to organizations that are clear about who they are, how they operate, and why they can be trusted. That became four concrete moves:

  • Give the charity's story and imagery room to actually breathe
  • Make credibility visible, including a CRA Registered badge where it applied
  • Explain plainly why donating through CanadaHelps is safe
  • Keep the path to donating visible instead of making people hunt for it

Designing Within Constraints

Not a blank canvas

Charities customized their own profiles, and some existing sections couldn't be removed because organizations depended on them. The page also had to hit WCAG 2.0 AA ahead of Ontario's AODA deadline in January 2021, and it had to fit inside a flow the business wasn't willing to gamble on:

Homepage
Donate
Charity Profile
Giving Basket
Edit
Giving Basket
Success

Because the profile carried this much revenue, it also couldn't ship as one big, irreversible bet. Every change needed a way to be proven before it became permanent.

Exploring the Solution

Testing structure before testing pixels

I started by sketching directions by hand with the team before anything touched a screen, then explored several structural directions: fixed navigation on the left, then the right, versions that led with charity imagery, versions that moved the donation form higher or kept it persistently in view while scrolling. Each round got tested against the same two questions: does this make the charity easier to trust, and does it make donating easier to do. The direction that survived wasn't the first idea. It was the one that held up against both.

The Final Direction

What shipped

The donation form moved to the top right of the page, following ecommerce conventions, and stayed present across the About, Impact, and Campaign tabs so donors never lost their place mid-decision. The page was built responsively from the start rather than adapting a desktop design down to mobile as an afterthought. Charity imagery and storytelling got more visual weight to make the page feel less transactional, a CRA Registered badge made legitimacy visible at a glance, and campaign details, goal, end date, image, and the donation form itself, were surfaced above the fold instead of buried in copy.

Charities could still customize their page's colours, but customization was scoped to decorative elements only, so a charity's branding couldn't accidentally break text contrast or accessibility. A new footer section explained plainly why giving through CanadaHelps is safe, and the underlying system was built to flex for charities with very different amounts of content, including organizations that weren't directly registered with CanadaHelps and had no way to customize their page at all.

Final charity profile design (desktop, tablet, mobile)

Validating the Design

Proving it before betting on it

A better-looking page isn't automatically a better-performing one, especially on a surface generating this much revenue, so we didn't just ship it. I ran the redesign against the existing experience using Google Optimize, starting with only 25% of traffic on the new version, with a backup plan ready in case revenue dropped. That mattered more than usual. This rolled out during the pandemic's surge in online donations, one of the highest-stakes stretches CanadaHelps had seen, and there was no room to gamble on a hunch.

Results

The new design saw more interaction in the heatmap data, especially on the Impact tab, along with more time spent on the page overall. The original still won on raw transaction volume, but the redesign generated more revenue overall, particularly on mobile, exactly the gap we'd set out to close. It moved to 100% of traffic after the test, and the team kept iterating from there.

What I Learned

The test could tell us what, not why.

The A/B test showed the new design generated more revenue, but not precisely which change was doing the work. A more incremental rollout would have made the results easier to act on, not just report.

A backup plan is part of the design, not a hedge against it.

Being ready to revert if revenue dropped, heading into a pandemic-driven surge in donations, is what let us take a real risk instead of a reckless one.

Shipping the redesign wasn't the finish line.

Winning the test made the new design the default, not the final version. The team kept iterating on conversion and drop-off long after the test ended.

Designing for scale means designing for variation.

A platform serving thousands of charities, some with a full content team and some with an empty, unclaimed profile, can't assume they all look the same. The system had to be consistent enough to feel trustworthy and flexible enough to still feel like each charity's own.

The Takeaway

The goal wasn't to make a charity profile look better. It was to make it easier for a donor to trust, understand, and act.

This project shaped how I think about design as something that has to hold trust, business results, and platform constraints all at once, not trade one for the others.