wiki/knowledge/website/landing-page-content-structure.md Layer 2 article 873 words Updated: 2026-04-05
↓ MD ↓ PDF
website landing-page fundraising nonprofit content-strategy capital-campaign

Landing Page Content Structure & Sections

A well-structured campaign landing page guides visitors from awareness to action through a logical sequence of sections. This structure was developed and validated during the [1] capital campaign landing page session, drawing on analysis of multiple comparable campaigns.

Core Section Sequence

1. Header / Hero

2. Campaign Goal / Progress Bar

3. Facts & Stats Strip

4. Who We Are / About

5. Impact / Why This Matters

6. Community Support

7. Why Now?

8. Our Vision

9. Investment Breakdown

10. Rider / Beneficiary Experience

11. Ways to Give

12. Naming Opportunities


Visual Asset Checklist

Asset Source
Hero / lifestyle photos Existing event photography (e.g., Walk Trot Toast landing page)
Architectural renderings Campaign PDF — entry view, site plan, covered arena view
Blueprint / floor plan Expandable element for detail-oriented donors
Campaign video Upload to Vimeo; embed via iframe
Donor/staff headshots For testimonials and leadership sections
Organization logo + brand colors Brand guide

Design & Production Workflow

  1. Draft content in Claude — feed brand guide, existing copy, and comparable campaigns; generate initial HTML
  2. Review and refine — client reviews sections, flags additions/deletions/changes
  3. Finalize asset placement — decide where photos, renderings, and video embed go
  4. Send to designers — hand off HTML draft for professional mockup in Figma
  5. Approve Figma mockup — review before any development begins
  6. Build final page — implement from approved mockup; host at a clean URL (e.g., organization.org/campaign-name)

Content Quality Signals (from AI Analysis)

When reviewing a draft, check for:


Reference Examples