Foundation site for a youth athletics nonprofit
Academy 77
Marketing site for a foundation that connects student-athletes to community service, fundraising, and program access. Mission, programs, intern roles, donor pages, and a contact pipeline all in one Next-style React build.
The problem
Academy 77 connects students, schools, programs, donors, and corporate partners. That's a lot of audiences for one site. Each one needs a clear path: students want intern roles, donors want to give, programs want to apply.
The brand had to read as serious and aspirational without going corporate. Athletic, civic, and intentional. Not a generic nonprofit template.
What I built
Designed and built a multi-page React + Vite app with Tailwind 4 and Radix UI primitives. Custom design system with structural-grid accents, watermarks, and bold typography to match the athletic tone.
Server-side built on Express with Drizzle ORM over PostgreSQL. SendGrid wired into a captcha-protected inquiry form for student, donor, and partner intake.
Per-audience pages: programs, roles, partners, donate, and contact, each with its own hero, image set, and clear CTA. Mission and culture sections sit on the home page as the editorial anchor.
Stack
- React
- TypeScript
- Vite
- Tailwind CSS
- Radix UI
- Express
- Drizzle ORM
- PostgreSQL
- SendGrid
- Framer Motion
Outcome
A multi-audience marketing site that reads as a foundation, not a template. Programs, roles, and donor pipelines live behind clean URLs.
Working on something similar?
If this looks like the kind of work you need done, the easiest first step is a short call. I’ll tell you honestly whether I’m a fit and what it would cost.