It opens in your print window. Two quick settings keep it looking exactly like it does here:
- 1Set Destination to Save as PDF.
- 2Turn on Background graphics (under More settings) so every color prints.
How we build
websites that win.
A clear, supporter-first website turns visitors into donors, volunteers, and advocates. Here's exactly how we structure yours — section by section — using the StoryBrand framework for nonprofits.
Running a business? Read the standard version.
Your website isn't about you.
Most nonprofit websites talk about the organization — its story, its programs, its impact. A StoryBrand website does the opposite: it makes your supporter the hero and positions your organization as the guide who helps them make a difference. That one shift is the difference between a site that describes and a site that moves people to act.
This works because the brain is wired for survival. In seconds, a visitor is subconsciously asking two questions: "Will this help me survive?" and "Will this help me thrive?" Clear, customer-focused words answer both — fast. Lead with their problem and people lean in. Lead with your credentials and they tune out.
Clarity isn't a nicety. It's conversion.
When a site is clear, people act. When it's confusing, they leave. The data is lopsided.
Within five seconds, every visitor should be able to answer three questions. If they can't, you're losing them.
What cause do you serve?
How can I help — and why does it matter?
What do I do to get involved?
Two calls to action. Two jobs.
A confused visitor never clicks. So every page gives people two clear next steps — one for the supporter ready to give now, and one for the 90% who need a little more time.
- The primary CTA — the direct ask, like "Donate" or "Volunteer." Bold, repeated, and always top-right, for people ready to act.
- The on-ramp CTA — the low-risk next step, like "Get the Impact Report." It captures an email so you can build the relationship over time.
- Together they catch both ends of your audience — instead of losing everyone who isn't ready to give today.
People don't read. They skim — in a Z.
Eyes move left-to-right, top-to-bottom in a zig-zag. So we place your headline, your proof, and your buttons exactly where the eye naturally lands — alternating side to side down the page — so no one ever has to hunt for the next step.
- Content zig-zags to follow the natural reading path
- Buttons sit right where the eye arrives
- Every section earns the scroll to the next
The Header
The top of your site has one job: pass the 5-second test. A visitor should instantly grasp what you offer, how it helps them, and what to do next — before they scroll an inch.
- Your logo, top-left
- A bold statement of what your supporter cares about
- One line on what you actually do
- A primary call-to-action button (e.g. "Donate" or "Get Involved")
- An image of the people your cause serves — or a supporter making an impact
The Stakes
Name the problem your supporter cares about — and the injustice your cause exists to fix. When you describe it better than they can, they trust you know the way forward, and getting involved becomes the obvious next step.
- A short, plain-language "This is what's at stake…" list
- 3–4 real stakes — external, internal, and the deeper injustice
- Framed in your supporter's own words, not jargon — honest, never fear-mongering
The Value Proposition
Show — in scannable chunks — the impact of partnering with you. Three ways to get involved or areas of impact, each with an icon, a short title, and a single sentence. Enough to raise perceived value, not so much that it overwhelms.
- Three ways to help or areas of impact
- An icon + short title + one sentence each
- A repeated call-to-action button
The Guide
Now you earn trust. You position your organization as the guide with two moves: empathy ("we understand what's at stake") and authority (proof of real impact). This is where doubt turns into confidence.
- An empathy statement that shows you understand
- Authority: impact numbers, testimonials, partners, years of results, transparency
- Kept brief — you're the guide, not the hero
The Plan
Risk freezes people. A simple, three-step plan lifts the fog and shows how easy it is to get involved. We make the third step the impact itself, so the path to making a difference is obvious — this is where your Theory of Change lives.
- Three clear, numbered steps
- Step three = the impact they want to see
- Named so it feels like a proven process
Ways to Give
Make giving concrete. When people can see exactly what each gift accomplishes, they stop wondering and start giving. Three levels work best — most people pick the middle.
- Usually three giving levels, side by side (one-time or monthly)
- The middle option highlighted (often monthly giving)
- What each gift funds, spelled out, with a "Give" button on each
The Explanatory Paragraph
A short, search-friendly paragraph that tells the whole story in miniature: the problem your cause addresses, how supporters help solve it, and the change you create together. It's also where your keywords live.
- Problem → solution → success, in a few sentences
- Written in plain, human language
- Paired with an image and a CTA
The Lead Magnet
Most visitors aren't ready to give today. A lead magnet gives them something valuable in exchange for an email — so you can nurture the relationship instead of losing it. This is how a website actually grows your supporters.
- A genuinely useful free resource (impact report, guide, checklist)
- A short, benefit-driven title
- A simple form: name + email + download
Ready for a website that works?
Every section above is built on one idea: make your supporter the hero, and make the next step impossible to miss. Here's how we get there together.
Schedule a call
We talk through your supporters, your mission, and what's holding your current site back.
We build the words & the site
We clarify your message, then structure each section so visitors understand and act.
Fulfill Your Mission
You launch a site that turns visitors into donors, volunteers, and advocates.