https://www.youtube.com/watch?v=icQ4YB6Akkw&list=PLqm_CU3LQjfX5Kh32O8P4eipa91iEHX3C&index=2&ab_channel=Idd-ency


<aside> 📸

Project Snapshot

</aside>

<aside>

  1. Client Name: Anna Panter (San Antonio Family Foundation)
  2. Industry: Nonprofit, faith-based family services focused on marriage education.
  3. The Challenge: A visually appealing page that failed to convert due to excessive scrolling, vague headlines, and a poor mobile experience.
  4. The Solution: Implemented a sticky donation architecture, reframed headlines to be action-oriented, and introduced outcome-based donation tiers.
  5. Certifications Applied: Applied HubSpot Inbound principles for friction removal, HubSpot Content Marketing for hierarchy, Google Analytics for mobile data insights, and Meta Blueprint for funnel psychology.
  6. The Impact: Shifted from a passive mission statement to an active donor agency model and recovered a large portion of traffic lost due to mobile layout failures.
  7. Technology & Tools: Used PayPal Charity Verification, ChatGPT for copy engineering, mobile-responsive UI audits, and image compression workflows.
  8. Results & ROI: Established a compounding impact model for monthly giving and achieved sub-2-second page load times for improved conversions. </aside>

<aside> ⚠️

The Challenge

</aside>

<aside>

The Challenge

Anna presented a donor landing page crisis disguised as a design review. Her graphic designer had created visually beautiful layouts with compelling imagery and thoughtful content hierarchy—but the page fundamentally failed at its primary job: converting visitors into donors.

"The problem I find with this, even though I think the way she's put this together is beautiful, is that you have to scroll a lot," Anna explained during our screen-share consultation. "I'd like to get your input on that experience as we scroll through."

This revealed the underlying tension: aesthetic beauty competing with functional conversion. The page looked professional, felt emotionally resonant, and communicated organizational mission—but buried the donation ask beneath layers of scrolling, offered vague value propositions, and missed critical psychological triggers that transform sympathy into action.


The Mission Articulation Challenge:

San Antonio Family Foundation's work was genuinely complex. They didn't provide direct marriage counseling—they built infrastructure enabling others to provide it:

"This is kind of a complex mission to articulate," Anna admitted. "Someone once told me it's hard to give toward this work if you feel like your family is not doing well, or maybe you've been divorced before. That could be a barrier to giving."

This psychological barrier—donors feeling unworthy to support marriage strengthening because their own marriages struggled—added emotional complexity to already challenging fundraising ask.


The Headline Problem:

The landing page hero section read: "Strengthen Marriages, Transform Families, Impact Generations"

Generic. Vague. Passive. It communicated organizational mission but failed to answer the critical question visitors ask within 5 seconds: What do you want ME to do?

"I think the headline is not really captivating," I said immediately upon seeing it. "What do you want me to do in the first five seconds? You need to make that clear. It's not really hitting. It needs to speak directly to them."

The Scroll-to-Donate Friction:

The landing page followed classic nonprofit storytelling structure:

  1. Mission statement (hero section)
  2. Organizational overview ("What we do")
  3. Impact statistics
  4. Testimonials
  5. Donation tiers
  6. FINALLY: Donate button (at bottom, after extensive scrolling)

This inverted conversion psychology. Hot traffic—visitors already convinced and ready to donate—had to scroll past hundreds of words and multiple sections before encountering donation mechanism. Each additional scroll created abandonment opportunity.

"People are already hot traffic—they're ready to partake in whatever we want them to do," I explained. "They don't want to read the landing page. They just want to land on it and they're ready to go. That's where you need to have the button."


The "Why Your Gift Matters" Weakness:

The page featured a section titled "Why Your Gift Matters" with three outcome statements:

Well-intentioned. Emotionally resonant. Strategically weak.

"This needs to tie the gift to the outcome," I advised. "Instead of 'mentor struggling couples,' how about something like 'Help couples who are considering divorce have a breakthrough'? Go deeper—maybe they don't have to divorce and their kids don't have to be left in a single-parent household, which is very detrimental."

Generic verbs (mentor, support, restore) lacked emotional specificity. Donors don't visualize "supporting marriages in crisis"—they visualize preventing divorce, keeping families together, giving children stable homes.


The Donation Tier Disconnect:

Mid-page, donation tiers appeared:

Functional. Transactional. Uninspiring.

"This is hard because we're not the direct service provider," Anna acknowledged when I questioned the tiers.

"I think what you need to do is have more emotional appeal," I redirected. "Provides training for new mentors—I think a better way is: 'Provides training for new mentors so that we are never understaffed or so that people get their help whenever they need it.'"

The tiers answered "what does money buy?" but failed to answer "what outcome does money create?"


The Mobile Optimization Catastrophe:

Midway through our consultation, I tested the landing page on mobile device—where 90% of landing page traffic originates.

"There's some serious issues," I reported after loading the page on my phone. "Lots of issues."

Anna checked simultaneously: "Yeah, I do."

The beautiful desktop layout crumbled on mobile: text overlapping images, buttons extending beyond viewport, donation tiers stacking awkwardly, testimonials becoming unreadable. The page optimized for designer's 27-inch monitor failed catastrophically on donor's iPhone.


The Anonymous Testimonial Credibility Problem:

The page featured a single testimonial: "We were on the brink of divorce. We are now mentoring others."

Powerful story. Zero attribution. Not even pseudonym.

"I think it's always best to give names when you're talking about testimonials," I suggested. "You don't have to give their full names."

"When you're dealing with people's testimony, we've obtained these quotes from experiences people signed up for, but it has to be done anonymously because they're confidential," Anna explained. "It's like counseling—like when you see a counselor, it's private."

This was legitimate constraint. But completely anonymous testimonials ("Couple from San Antonio") lacked credibility markers readers use to assess authenticity.


</aside>

<aside> 💡

The Solution

</aside>

<aside>

I conducted real-time landing page audit via screen share, providing tactical conversion optimization recommendations across headline, layout, copy, calls-to-action, and mobile experience during our 38-minute consultation.

Headline Transformation: From Mission to Action

The first fix addressed the 5-second conversion window—the critical moment when visitor decides "this is for me" or bounces.

The Original Headline: "Strengthen Marriages, Transform Families, Impact Generations"

The Problem: "The terminology is vague," I explained. "Especially 'impact generations'—how are you doing that? People need to see the transformation upfront."

The Rewrite Strategy:

"You need to reframe that for them," I instructed. "Make what you want me to do immediately visible. The ask that you have of them needs to be directly visible."

I recommended Anna use ChatGPT with specific prompt: "Using copywriting and attention-grabbing principles, how can I make this text better?"

The Donor-Focused Alternative Framework:

Instead of organizational mission ("we strengthen marriages"), flip to donor impact ("your gift prevents divorce"). Examples I suggested during consultation:

"If you guys are leaning more towards faith-based, you can use that in the copy as well," I added. "Like maybe something like 'Restore hope and help couples get in touch with their divine purpose in marriage,' depending on the audience seeing this."

The Immediate CTA Requirement:

"You need to have a button there just in case people take action directly," I emphasized. "After the headline—so after 'Impact Generations,' once you change that copy—you're going to have the button beneath it."

This addressed hot traffic psychology. Anna's organization ran National Marriage Week USA reaching 9 million people. When those audiences clicked through to donation page, many arrived already convinced—they just needed frictionless path to donate.

"Before they emotionally subside—whatever brought them here is probably connected to some element of emotion or compelling feeling—we've got to snag that while it's still active," Anna recognized during our discussion.

"Exactly," I confirmed. "Plus people are already hot traffic. They don't want to read the landing page. They just want to land on it and they're ready to go."

Sticky Donation Form: Removing Scroll Friction

The most impactful structural change I recommended: sidebar donation form visible throughout scrolling.

The Current Problem:

Donate button appeared only at page bottom after extensive content. Visitors convinced mid-scroll (after reading testimonials or impact statistics) faced navigation friction: scroll to bottom, find button, click through to PayPal.

Each friction point = abandonment opportunity.

The Sticky Form Solution:

</aside>


<aside>

</aside>

<aside>

</aside>


<aside>

</aside>


<aside> 🧠

</aside>

<aside>

</aside>