Back

Introducing Nonprofits to Generative AI

2023

As a product designer at Resilia, I was tasked alongside our PM and engineering lead with bringing generative AI to our nonprofit platform for the first time.

AI Dark AI Medium AI Light

I created a color palette specifically for AI features

In prior discovery, we had repeatedly heard from our users — grassroots nonprofits — that they struggled to write donation appeals. The reality was that at small nonprofits, staff lacked the time and training to write copy that converted, which meant less money reaching the communities they serve.

A flow chart: the user creates or edits a campaign, clicks to edit its text and clicks “Write with AI”. A first modal teaches them about AI once; a second has them enter their campaign goal, generate text, review it and apply it, with paths back to re-run or to edit their input and re-run.

I created a user flow to outline the high-level UX

These users were also new to AI. Almost none had used an LLM, so we saw two risks: that users wouldn’t know the limitations of AI, and that the AI itself would generate generic, non-mission aligned content.

Resilia's donation page editor: a dark campaign panel with a photograph of food bank volunteers, a headline and a paragraph of copy, beside the donation form.

Example donation page

“Write with AI,” our first feature, was designed to address these risks. I put it inside the rich text editor, where fundraisers were already writing, and added a short first-run explainer so trying it required no prior knowledge.

Resilia's donation page editor. Selecting the campaign copy brings up a rich text toolbar with a "Write with AI" button; the first time it is used a dialog asks the user to review three points — never share sensitive information with AI, give AI context on the nonprofit, and always review AI-generated content — before they continue.

“Write with AI” when launched for the first time

To keep output specific, every request combined the campaign’s own copy (autofilled, so no retyping), the nonprofit’s mission statement, and fundraising best practices from Resilia’s experts. Generated text stayed in its own dialog until a user chose to apply it.

Resilia's "Write your campaign with Resilia AI" dialog. The user optimizes their headline and description with AI, reads the text it writes, and applies it to the campaign, which closes the dialog on the editor with the new copy in place.

AI text being generated

In testing, 4 of 5 fundraisers rated it “very easy” to use and rated the output as “very good.” One user told us she’d been hesitant to use AI at all but would feel comfortable using this.

…As a fundraiser, I’ve been very hesitant to use AI and have not used it yet… but I think for something like this I would feel comfortable using it.

Quote sourced from one of our early users

With that foundation, we took on a harder problem: improving Resilia Stories — our impact reporting tool for nonprofits. Nonprofits that don’t report regularly leave boards, donors, and funders in the dark. Nonprofits wanted to be better at reporting, but the blank first draft was where they got stuck the most.

A flow chart: the user clicks to create a story and selects “Draft with AI”. In a modal they select a goal and audience, enter their impact and its connection to the audience, optionally add any additional information, and click to generate a draft, with a path back to their input if the LLM errors.

User flow for AI in Resilia Stories

So instead of a rewrite button, we brought AI in at template selection phase, where it could draft an entire story from scratch.

Resilia Stories, with no stories yet and a "Create story" button at top right. Selecting it opens "Build a story", a picker of seven templates — Draft with AI, Blank Story, Testimonial, Impact, Fundraising Appeal, Project Update and Annual Report.

At the template selection in Resilia Stories

Relevant drafts depend on specific inputs. Alongside the nonprofit’s name and mission, I narrowed the form to four required fields, with goal and audience as select menus refined with subject matter experts, plus optional tone and length.

I want to report my nonprofit’s impact in order to... Goals Audiences provide updateraise fundsshare gratitudespread awareness board membersclientsdonorsemployeesgeneral audiencegrantmakersvolunteers

Diagram breaking down what nonprofits might want to write about

Our first usability test showed users wrote too little about their impact for the AI to work with. Adding examples to those fields greatly improved input in the second round of testing.

Resilia Stories' "Draft your story with Resilia AI" form. The user chooses a goal and an audience, then describes their impact, why it is important and any additional requests; a panel beside the form gives guidance for whichever field is selected. Once the required fields are filled, "Create Draft" is enabled.

Dialog for creating a story with AI

Generation could take 10+ seconds, so I designed a loading state that walked users through each step the AI was taking.

Choosing "Create Draft" closes the form and opens a "Drafting story with Resilia AI" dialog, whose three steps — reviewing your impact, drafting your story and assembling it — each resolve to a check.

Loading screen explaining the process

Rather than return plain text, the AI assembled the draft from Stories’ own text, image, and call-to-action blocks, producing a story users could edit like any other.

The drafting dialog closes on the story Resilia AI wrote, "Opening Doors to Brighter Futures", opened in the Stories editor: a headline, two paragraphs about the after school program, and a place to add an image.

AI-generated story rendered in the platform

This one is private

Enter the password and you'll stay unlocked on this device for 90 days.