Orca Child in the Wild
Youth-led conservation nonprofit with bilingual support
What We Built
We built the digital home for a youth-run 501(c)(3) aquatic conservation nonprofit operating across Southern California. The site features ocean-inspired design with coastal photography, bilingual English/Spanish support, volunteer signup with parental consent workflows, donation integration, weather and tide data, and a comprehensive educational resource library. Dark/light mode, smooth animations, and WCAG-accessible throughout.
Visit Live SiteThe Challenge
A youth-run 501(c)(3) conservation nonprofit needed a digital home that could recruit volunteers (many under 18, requiring parental consent), accept donations, and educate the public about Southern California marine life. The organization serves a bilingual community, so English-only wasn't an option. Previous attempts at a web presence were basic and didn't reflect the professionalism of the mission.
Our Approach
We built a platform that takes the organization seriously despite its young founders. The bilingual system isn't an afterthought - it's native, with every page fully translated. The parental consent workflow solves a real legal requirement for minor volunteers. NOAA API integration gives visitors live environmental data, making the site a resource people return to. The ocean-inspired design - coastal photography, tidal color palette, smooth wave animations - reinforces the mission on every page.
Project Scope
- Full nonprofit website with ocean-inspired design language
- Bilingual English/Spanish support across all pages
- Volunteer signup with parental consent workflows for minors
- Donation integration for tax-deductible contributions
- Real-time weather and tide data from NOAA API
- Educational resource library with species profiles
- Dark/light mode with smooth theme transitions
Project Health
Security
10/10 checks
Accessibility
10/10 checks
Performance
10/10 checks
Stability
10/10 checks
Based on 40-point verifiable checklist
Capabilities Demonstrated
Why We Chose This Stack
Next.js
Server-side rendering for SEO ensures the nonprofit shows up in search. Static generation keeps hosting costs near zero - critical for a nonprofit budget
TypeScript
Strict typing prevents bugs in complex workflows like parental consent forms and donation processing where errors aren't acceptable
Tailwind CSS
Rapid iteration on the ocean-inspired design system while keeping the bundle small. Dark/light mode is built into the utility classes
Framer Motion
Smooth wave-like animations and theme transitions bring the ocean conservation mission to life without hurting performance
i18n
Native internationalization framework ensures English and Spanish content stays synchronized and any new language can be added without restructuring
Ready to Get Results Like These?
Every project starts with a conversation. Tell us about your business and we'll craft a solution that delivers.