You’ve put in countless hours organizing in your community. Your work is powerful, transformative, and rooted in justice. But when someone visits your website? They’re confused about what you actually do.
Sound familiar? You’re not alone.
As grassroots leaders, we often struggle to translate our rich, complex work into clear digital messaging. The result? Potential supporters are clicking away because they can’t quickly understand your mission, your impact, or how to get involved.
After working with dozens of community organizations, I’ve developed a simple yet powerful 3-part framework for creating homepages that actually convert visitors into supporters. No fancy tech skills are required—just strategic messaging that centers both clarity and your movement values.
The C.A.T. Framework for Movement-Centered Homepages
When visitors land on your homepage, they need three things to stay engaged and take action:
Clarity: Immediately understand what you do
Alignment: See how your work connects to their values
Traction: Know exactly how to get involved
Let’s break down how to achieve each element:
CLARITY: Make Your Work Instantly Understandable
Visitors make judgments about your site within seconds. If they can’t immediately understand what you do, many will leave. Here’s how to create instant clarity:
1. Write a Direct Headline That States What You Actually Do
Instead of: “Creating Pathways to Transformative Justice”
Try: “We provide legal support to new Americans navigating the citizenship process.”
Your headline should:
- Name your specific community or group
- State your primary activity or service
- Use everyday language, not movement jargon
Quick exercise: Ask three people outside your organization to read your current headline. Can they accurately explain what you do? If not, rewrite until they can.
2. Follow With a Sub-headline That Shows Your Impact or Approach
Instead of: “Building community power through collective liberation frameworks”
Try: “Our community-led legal clinics have helped 350+ families remain together since 2019”
An effective sub-headline:
- Adds concrete results or distinctive methodology
- Helps visitors understand the scale of your work
- Uses specific numbers when possible
3. Choose One Hero Image That Shows Your Work in Action
The main image should visually answer the question: “What does this organization actually do?”
What makes a powerful hero image?
- Shows real people engaged in your core mission
- Captures the energy and dignity of your work
- It is high-quality and properly sized for quick loading
ALIGNMENT: Connect Your Work to Visitors’ Values
Once visitors understand what you do, they need to quickly see why it matters and how it aligns with their values.
1. Include a Brief Values, Villain, Vision Statement
In 2-3 sentences, explain your values, who is doing the harm, and how you’re solving it.
Example: “No matter our race or neighborhood, everyone deserves a home they can afford. While corporate landlords divide tenants to weaken our power, Home Forward has kept 200 families in their homes through community organizing. By coming together, we’re creating neighborhoods where families of all backgrounds can put down roots.”
This approach:
- Opens with a shared value that connects us across our differences
- Provides specific context that helps visitors understand who is doing the harm and the stakes
- Highlights collective victories
This values-first approach creates an emotional connection that helps visitors see themselves in your work, making your mission more compelling and actionable.
2. Share Your Approach Through Values-Based Language
After explaining what you do and why it matters, briefly share HOW you work in a way that reflects your values.
Example: “We believe those most impacted by housing injustice should lead the solutions. Our tenant organizing is led by residents from all backgrounds who have successfully fought displacement, ensuring our strategies address the real needs of families struggling to stay in their homes.”
This section should:
- Connect your methods to your analysis
- Center community leadership and expertise
- Differentiate your approach from mainstream services
3. Include One Testimonial That Bridges Impact and Values
Choose a testimonial that shows both tangible impact and resonates with the values of potential supporters.
Example testimonial: “When landlords tried to evict our entire building, they expected us to fight each other for the few remaining units. Instead, tenants from every background came together. The housing collective didn’t just help us win our case—they showed us our housing struggles weren’t individual failures but a systemic issue. Now we’ve helped three other buildings organize and win protections too.” —Maria, Tenant Leader
A powerful testimonial:
- Comes from someone directly impacted by your work
- Shows both personal impact and broader change
- Reflects your theory of change in action
- Highlights coming together across differences
If you’re a progressive nonprofit organization and looking for messaging guidance, check out ASO Communications’ messaging guides.
TRACTION: Convert Understanding Into Action
The final critical element is creating clear, compelling pathways for engagement that match different visitor motivations.
1. Offer Three Clear Paths Forward
Limit primary calls-to-action to three options that address different visitor needs:
For those seeking services:
“Get Support” → Links to information about accessing your programs
For potential volunteers/members:
“Join Our Community” → Links to specific volunteer opportunities or membership information
For potential donors:
“Fund Our Collective Power” → Links directly to a simplified donation page
Your calls-to-action should:
- Use action verbs and direct language
- Be visually prominent (buttons, not just links)
- Lead to pages with complete information, not dead ends
2. Remove Friction From Next Steps
For each pathway, minimize the steps required:
For service seekers:
- List the eligibility criteria upfront
- Provide clear contact methods
- Set expectations about response time
For volunteers:
- Outline specific roles and time commitments
- Make application forms short and mobile-friendly
- Clearly state the next steps after someone expresses interest
For donors:
- Simplify donation forms
- Offer multiple payment options, including Venmo/CashApp
- Explain exactly how funds are used to challenge those who profit from injustice
3. Build Trust Through Transparency Elements
Include small but important trust indicators:
- Your physical location or service area
- When your organization was founded
- Links to recent updates or news
- Privacy policy for any data collection
- Clear contact information
Putting It All Together: A Homepage Template That Works
Here’s how to structure these elements on your homepage for maximum impact:
Top Section (above the fold):
- Clear headline stating what you do
- Impactful sub-headline showing results
- Strong hero image of your work in action
- Primary call-to-action button
Middle Section:
- Brief values, villain, vision statement
- Values-based approach explanation
- Powerful testimonial
- Secondary calls-to-action
Lower Section:
- Trust indicators
- Recent news or updates (optional)
- Partners or coalitions (optional)
- Final call-to-action
Testing Your Homepage Without Tech Expertise
Before finalizing your homepage:
The 5-Second Test: Show someone your homepage for just 5 seconds, then close it. Ask them:
- What does this organization do?
- Who do they serve?
- What action could you take on this site?
If they can’t answer these questions, your homepage needs more clarity.
The Values Alignment Check: Ask potential supporters to review your homepage and tell you:
- What values does this organization seem to stand for?
- Do these values align with yours?
- Would you trust this organization with your time or money based on this page?
- Does it identify specific villains who benefit from division rather than just mentioning “systems”?
- Does it highlight examples of people coming together across differences to win?
The Path Forward Test: Watch someone navigate your site starting from the homepage. Note where they click, hesitate, or get confused. This will reveal if your calls to action are working.
Remember: Your Website Is a Tool, Not a Burden
Your powerful work deserves a homepage that communicates clearly. But don’t let perfection become another overwhelming task on your list.
Start by implementing this framework on just your homepage. You can gradually improve other pages as time allows.
Most importantly, track what’s working. Pay attention to:
- Which pathways visitors are choosing
- How long they stay on your site
- What actions they take after visiting
Then adjust based on real feedback, not assumptions.
Your movement work is vital. Make sure everyone who visits your site can understand it, connect with it, and join it.
If you are burdened by all the website design tools out there, you aren’t alone. We’ve got some recommendations here.
Want more personalized guidance? Join Our Digital Roots Workshop: Fix Your Homepage, Grow Your Impact on June 25th
Do you feel unsure about your homepage, are overwhelmed by design tools, and frustrated that your site doesn’t reflect the depth of your mission?
You’ll walk away with a clear and powerful homepage layout that tells your story, builds trust with funders and supporters, and reflects the heart of your movement — without needing to hire a designer or master tech tools.
Register Now → Digital Roots Workshop
After nearly a decade supporting nonprofits and campaigns, I’ve seen firsthand how the right website can transform an organization’s impact. You don’t need technical expertise or a huge budget—you just need the right tools and a strategic approach. This stack has helped mission-driven organizations pass progressive policies, secure critical funding, and build movements that matter. Your mission deserves nothing less. – Caitlin Rice
