Skip to main content

Jada Bascom Foundation

A nonprofit website for a foundation working to register one million bone marrow donors worldwide.

Project type: Nonprofit · Web Development

Jada Bascom Foundation homepage: One Match Can Save A Life Like Jada's, with the registry sign-up
The foundation's homepage at jadabascomfoundation.org.
Client
Jada Bascom Foundation
Industry
Nonprofit / Healthcare
Website
jadabascomfoundation.org
Timeline
Completed January 2026
Services
Web Development, Google Ad Grants, SEO, Analytics, Content Strategy
Tech Stack
Next.js 15, Payload CMS, Cloudflare Workers, D1, R2

Scope delivered

Pages delivered
50+
Registries in the finder
55+
Curriculum pages
21

The Challenge

The Jada Bascom Foundation is a nonprofit dedicated to increasing bone marrow donor enrollment — with the ambitious goal of registering one million donors worldwide. Their founder, a passionate advocate but completely non-technical, needed a digital platform that could:

  • Establish credibility and tell the foundation's story with impact
  • Connect potential donors to bone marrow registries anywhere in the world
  • Accept donations seamlessly with transparent impact statements
  • Provide educational resources for K-12 educators teaching about bone marrow donation
  • Support volunteer recruitment and registration drive coordination
  • Use a Google Ad Grants account (up to $10,000/month in ad credit) to drive awareness

The foundation had no existing website, no digital infrastructure, and no technical staff. They needed a web development partner who could handle everything — from domain registration to Google Workspace to ad grant applications — and build something that matched the scale of their mission.

What We Built

A 50+ page website on Payload CMS with Givebutter donations, a global registry finder, a K-12 curriculum, GA4 and Tag Manager tracking, and security hardening. Each piece is described below.

Jada Bascom Foundation homepage in light mode
Jada Bascom Foundation homepage in dark mode

Find Your Registry — Anywhere in the World

We built an interactive registry finder that connects potential donors to 55+ bone marrow registries across the globe. Users select their country and are matched to their nearest registry with direct links to sign up. The data visualization tracks registry clicks from around the world in real time, turning every site visit into a measurable step toward the foundation's goal.

This feature is the centerpiece of the site — it transforms passive awareness into direct action, regardless of where a visitor lives.

21 Pages of Educator Resources

We built a comprehensive K-12 health education curriculum covering bone marrow donation for every grade level — from kindergarten through 12th grade. These pages are specifically designed to be discovered by educators through Google Ad Grants campaigns, creating a pipeline from classroom awareness to registry enrollment.

K-12 education curriculum tier cards for bone marrow donation awareness
Educator lesson plans in dark mode
Educator lesson plans in light mode
Classroom resources page with downloadable educator materials
Classroom resources page on mobile device

Frictionless Giving with Givebutter

We set up and integrated Givebutter for donation processing with:

  • A floating donate button accessible from every page
  • A header donate button with modal overlay
  • A dedicated /donate page with embedded donation form
  • A goal progress bar showing campaign momentum
  • Impact statements showing what each donation amount funds
  • Full donation event tracking in analytics

Google Ad Grants account: up to $10,000/month in ad credit

Google offers qualifying nonprofits up to $10,000 per month in Google Ads credit. We handled the setup:

  • Applied for and secured Google for Nonprofits status
  • Qualified and set up the Google Ad Grant account
  • Configured Google Ads campaigns with conversion tracking
  • Documented a CTR optimization strategy to maintain grant compliance
  • Connected everything to GA4 for performance measurement

50+ Pages of Mission-Driven Content

Beyond the curriculum and registry finder, we built:

  • A homepage with hero section and mission statement
  • About page with foundation history and team
  • Steps to Marrow campaign pages telling the donation journey
  • Heroes and Stories section for donor and recipient narratives
  • News and Events sections managed through the CMS
  • Volunteer resources and registration drive toolkit
  • Legal pages (Privacy Policy, Terms of Service, Accessibility Statement)

All content is managed through Payload CMS, giving the non-technical founder a clean, intuitive admin panel to publish updates without developer help.

Enterprise Infrastructure for a Nonprofit

We treated the foundation's site with the same rigor as a commercial platform:

Analytics: Full GA4 implementation, Google Tag Manager, custom event tracking for registry clicks, donations, and form submissions, bot detection and filtering, impact events tracking with geographic data, Meta Pixel with consent management.

Security: HTTPS enforcement via Cloudflare, security headers (CSP, HSTS, X-Frame-Options), bot protection and rate limiting, GDPR-compliant cookie consent, role-based access control, login rate limiting (5 attempts / 10-minute lockout), password hardening (12+ character minimum).

Contact form wizard in light mode
Volunteer registration contact form in dark mode

Built With

  • Next.js 15
  • Payload CMS
  • Cloudflare Workers
  • D1 Database
  • R2 Storage
  • TypeScript
  • Tailwind CSS
  • Resend
  • Givebutter
  • Google Ad Grants
  • GA4 / GTM
  • Cloudflare Turnstile

What launched

The Jada Bascom Foundation website launched in January 2026 with:

  • 55+ international registries are now one click away for potential donors anywhere in the world
  • A Google Ad Grants account with up to $10,000/month in ad credit for awareness campaigns
  • 21 pages of K-12 educational content for teachers covering bone marrow donation
  • A 53-URL sitemap, structured data and Search Console setup
  • Every interaction is tracked — registry clicks, donations, form submissions, and volunteer signups flow through GA4 with conversion tracking
  • A non-technical founder can manage content, stories, news, and events through an intuitive CMS admin panel without developer intervention
Interactive 3D globe showing bone marrow registry clicks from around the world
Interactive 3D globe showing registry clicks from around the world

Planning a nonprofit website?

Request a call and describe what the organization needs, including any Google Ad Grants plans. You get a written scope and price before any work starts.