Stage 1 - Basano: the field's misses
Generalized pattern-level findings. No named competitors. Stage 1 ran via screenshot ingestion (the live capture halted at the field guard; 3 of 4 sites returned HTTP 403).
- Institution-mission nonprofit homepages share a field-wide miss on data transparency: measurable program outcomes (lives reached, water systems built, dollars deployed, program-spend ratio) are not featured prominently on the home page. The field defaults to problem-size statistics ('X million people lack access to clean water') rather than results-of-our-work statistics. Donors evaluating an org cannot scan org-effectiveness from where they actually look first. Only one of four leading homepages audited surfaces outcome numbers at featured-type weight; the rest bury them in annual reports.
- Mission lines across the field are emotionally evocative but rarely theory-of-change specific. 'Bring clean and safe water to every person on the planet' / 'Safe water protects and saves lives' / 'Clean water changes everything' are interchangeable across the leaders' homepages. They state the outcome the org pursues, not what makes its approach distinct. Where a differentiating theory-of-change line exists ('we don't just build projects, we change systems') it sits mid-page, not in the hero. The visitor cannot tell from the hero what differentiates one nonprofit's approach from another.
- No prominent governance, financials transparency, or third-party validation callout appears on any of the leading homepages audited. Each org's brand recognition substitutes for on-page evidence of accountability. A new nonprofit benchmarking against the field would miss that the absence is a credibility-relying default, not an evidence-bearing standard. The largest blue-ocean gap available to a new entrant.
- Primary action prominence varies dramatically across the field. The two homepages with embedded donation widgets above the fold (donation amount selectors visible in the hero zone, not behind a click-through) lead the field on conversion intent. The other half deliver mission storytelling above the fold and route the visitor to a separate donation page; the funnel break costs them. Above-the-fold donation-form prominence is the field's single most variable design decision.
- Photography register is the field's shared strength: every audited homepage leads with edge-to-edge dignified beneficiary photography, full-bleed background. Documentary tone; not stock photography or abstract imagery. The convention is solid and stable; a new entrant should not invert it.
- Below-the-fold narrative architecture is also stable across the field: every homepage surfaces multiple programs, stories, or engagement paths after the hero, giving the visitor concrete cases rather than aggregate language alone. The convention is solid; the work is to make the cases evidence-bearing (named numbers, named geographies) rather than emotionally generalized.
Stage 2 - Krine: the positioning
The gap to exploit, the archetype, the voice.
- Position
- Evidence-and-mission-first clean-water nonprofit. The hero declares the theory of change and the program-spend ratio together; the mid-page surfaces hard outcome numbers (lives reached, water systems built) before the donation ask; an explicit governance-and-financials callout makes the org's accountability visible on the homepage, the position the four leading nonprofit homepages leave on the table.
- Archetype
- counsel-law
- Voice
- Restrained, citation-bearing, third-person about the org, present-tense, low-register confidence. Numbers before adjectives.
Stage 3 - Tholo: the plan
Pages and skills selected per page. Stops at the execute seam.
Pages: home, cause, programs, give (demo), about, workup
- home
- competitor-experience-audit + vertical-site-conventions + landing-page-copy + information-architecture + frontend-component-build + seo-onpage
- cause
- landing-page-copy + information-architecture + frontend-component-build
- programs
- landing-page-copy + information-architecture + frontend-component-build
- give (demo)
- frontend-component-build + landing-page-copy
- about
- landing-page-copy + frontend-component-build
- workup
- landing-page-copy + frontend-component-build
Stage 5 - Basano: verification of the built result
Unsparing. Fails are present and named.
Holds
- Heading hierarchy holds across all five pages: exactly one H1 per page, H2 / H3 sequence with no skipped levels.
- Language declaration, semantic landmark structure (header, main with id=main-content, footer, nav with aria-label), and a skip-navigation link all present and correctly wired across the microsite.
- JSON-LD NGO + CreativeWork emitted on every page via the shared layout. NGO carries name, legalName, description, url, foundingDate, address, taxID. The NGO subtype is the correct schema choice for a nonprofit.
- Hero zone holds the load-bearing institution-mission conventions: theory-of-change headline (the field's interchangeable mission lines were the Stage 1 miss), program-spend ratio surfaced as a featured number, and an embedded donation widget all visible above the fold.
- Mid-page evidence band carries three featured outcome numbers (lives reached, water systems built, communities served) at the page's largest type weight, before the donation ask. The Water Project pattern, moved up.
- Governance and financials callout is present on the home page (audited annually, board seats, third-party ratings) and expanded on the About page with an audited-financials table. The field-wide gap from Stage 1 that none of the four leading homepages addressed.
- Action close uses two paths max (one primary donate, one secondary read-the-cause); the field's three-orange-button dilution pattern from Stage 1 is avoided.
- Demo-only labeling on the donation flow is consistent and visible: amber 'Demo only' tags on the modal header, an amber banner on the give page, footer disclaimer site-wide.
- Working client-side donation modal with real input validation (amount cadence, name, email) and a clearly labeled demo-only success state. The card is not charged; no data is stored. Demo-only contract held cleanly.
- Counsel-law archetype register held: warm cream and forest-green palette, serif lockup, restrained typographic hierarchy, citation-bearing voice (numbers before adjectives) consistent across pages.
Fails
- Intentional noindex and nofollow on the demo build (correct for a demo, flagged by the verifier across pages against a production-ready standard). Same not-a-defect-in-context the four prior demos carry.
- Canonical URL declares the production rampstack.co host while the build is served from localhost during the audit; cross-origin canonical mismatch is the localhost-vs-production artefact, not a real defect. Recurring across all five pages.
- Structured-data polish: a CreativeWork is emitted alongside the NGO on every page (the established showcase-layer convention from the four prior demos). For a nonprofit, NGO alone would be the cleanest semantic; CreativeWork is defensible as the showcase-record-as-artifact wrapper. The give page would also benefit from a DonateAction block in a production build; emitted only NGO here.
- Title tags and H1s on inner pages lean structural (Cause, Programs, About) rather than search-keyword-aligned. Judgment item for the showcase context; a live nonprofit build would target topical keywords explicitly.
- About page leadership and governance fields carry '(Demo placeholder)' strings rather than real biographies. Intentional for the fictitious-org demo; flagged against a production-ready standard.
- Meta description on the home page explicitly labels the org as fictitious; correct for showcase context, flagged by the verifier against a production page where the description would otherwise drive SERP CTR.
Not assessable
- Core Web Vitals and page experience (no field data in a static-fetch audit).
- robots.txt and XML sitemap content (single-page audit does not crawl).
- Donation payment backend integration (none in this build by design; demo-only validation flow).
- Real-world third-party rating consistency (Charity Navigator, Candid Platinum values are demo placeholders; not assessable against external sources).
- Mobile responsiveness past basic reflow at the audit viewport (separate device captures required).