Campus Outreach Columbia

Rebuilding Donor Trust Through Digital Experience

Campus Outreach Columbia is a regional chapter of a global college ministry committed to building Christian leaders. The organization relies entirely on partnerships with individual donors and supporting organizations to fund the mission. As donors are the lifeblood of the ministry, creating an exceptional digital experience for them is critical to sustainability and growth.

In 2022, I led a full website rebuild to make the donor experience more intuitive, trustworthy, and aligned with our ministry’s values.

Year & Duration
Fall 2022 - Early 2023
5 months
Role
Product Designer, UX Research, Strategy, Development
Stack
Webflow, Figma, Markup.io, Adobe CC

The Problem

Our donors are the backbone of the ministry, but their digital experience was falling short. Confusing and disjointed user flows led to frustration and reduced trust. Our previous website created significant barriers for both donors and administrators:

Problem #1

Disjointed Flow

Giving forms lived off-domain on a third-party platform, making the experience feel disconnected and impersonal. Staff campaign pages weren’t part of the main website, reducing trust and discoverability.

Problem #2

Limited Personalization

External pages did not match the website branding and didn't showcase the personality and context of the people donors were supporting, missing opportunities for meaningful connection.

Annotated screenshot of a giving campaign.
Problem #3

Poor Donor Resources

There was no donor portal and limited communication on how to modify or cancel gifts. 31% of donor-related support tickets involved users seeking help to modify their giving preferences or requesting guides, often expressing frustration.

Annotated screenshots where there is (1) no donor portal, (2) nested information making it somewhat difficult to locate information, (3) limited communication, (4) no helpful links in the receipts
Problem #4

Backend Bottlenecks

Manual campaign management in Squarespace lacked a systematized workflow, risking layout errors with every update. Managing giving pages on a separate platform created a fragmented administrative experience, while support tickets required time-consuming manual responses.

Annotated screenshot of Squarespace website builder

The Solution

Recognizing that most of our users are donors, I approached the redesign with two priorities: improve the giving experience for donors and simplify campaign management for our staff. The result is a donation system that is both user friendly and operationally sustainable.

1. Donor-Centric Design

Solution #1

Comprehensive Giving Landing Page

A centralized landing page that outlines why to give, ways to give, and links to staff and ministry fund campaigns. Quick access to FAQs, adjustment forms, and contact support is now standard.

Screenshot of Giving Landing Page at cocolumbia.org
Solution #2

Staff Campaign Pages

Each staff page now includes bios, job titles, photos (professional and personal), and a clear embedded giving form hosted on our domain. We also added detailed instructions and visuals for giving by check.

Annotated screenshot of embedded giving form
Solution #3

Resources Placement Improvements

The Giving Adjustment Form is now visible on every giving page, with clear instructions for modifying or canceling gifts. These links are also included in the giving receipts.

Annotated screenshot of giving receipt
Solution #4

Navigation Enhancements

Users can now search or sort staff campaigns to find people faster.

2. Admin Experience

The administrative side needed equal attention to ensure sustainable management.

Solution #1

Webflow CMS

We migrated the site to Webflow to gain more control over design and structure. Using CMS collections, we built a templated system for staff campaigns that allows for fast, error-resistant updates.

Screenshot of Webflow CMS
Solution #2

Simplified Embedded Forms

By simplifying the embedded form, we move all the customization to our main website rather than the giving platform, creating a seamless experience while reducing the number of platforms staff need to manage.

Screenshot of Webflow website designer
Solution #3

Custom Styling

We styled the embedded forms with CSS to ensure visual consistency across the site.

Annotated screenshot of Giving Campaign form builder with custom styling

UX Research

Our research process was methodically grounded in actual user frustration and pain points that we systematically identified through both qualitative and quantitative analysis. We specifically focused on understanding the barriers donors encountered when interacting with our digital platforms, allowing us to develop targeted solutions that directly addressed their needs.

Research #1

Support Ticket Analysis: Quantitative

A review of 122 donor support tickets from 2022 showed that 31% involved users needing help to modify giving preferences or access instructions. This highlighted a UX issue that diverted staff time from ministry to tech support.

Screenshot of Gmail and received support tickets. 31% of tickets involved asking how to modify their giving preferences.
Research #2

Support Ticket Analysis: Qualitative

Through deeper analysis of support tickets, we identified recurring user pain points. This analysis uncovered significant usability flaws in our donation management system.

Donors frequently struggled to find basic account functions like updating payment information or canceling recurring donations, revealing poor information architecture. These insights guided our redesign strategy that prioritized self-service options and clearer navigation. The result was fewer support requests and better user engagement.

Several quotes from support tickets
Research #3

Peer Organization Analysis

We analyzed similar nonprofits and found most offer dedicated donor portals with self-service options—a feature our platform lacked. We identified best practices we could adapt as workarounds within our technical constraints. Since we cannot change our donation platform to offer donor portal and self-service options, we implemented workarounds including clear communication to donors about how to modify their giving on the website as well as emails.

Screenshots of CO Columbia website: FAQs and Giving Adjustment Form

The Results

After launching the website rebuild in early 2023, we measured and analyzed the results to determine if the donor experience had improved. The redesign delivered more than just aesthetic enhancements. It created measurable impacts on donor engagement and operational efficiency while building lasting trust:

Improved Donor Self-Service

The Giving Adjustment Form saw 1.5x increased engagement, resulting in a 31% decrease in support tickets related to donation guidance as donors became more aware of how to update their donation preferences.

Improved donor self-service stats. 1.5x increased engagement of Giving Adjustment Form.

Unified Branded Experience

All donor user journeys now live entirely within our domain, creating consistency and trust, which led to an increase in completed donations.

Screenshot of CO Columbia's website pages in Figma

What’s Next

While the website dramatically improved the donor experience, there's still more the organization can do: explore donation platforms with built-in donor portals and add self-service functionality for payment updates and recurring giving.

This project wasn’t just about cleaning up a website. It was about building a system that honors both the generosity of our donors and the relational heartbeat of our ministry.