BrightRoots: Early Childhood Development Nonprofit
Overview
BrightRoots has served 12,000+ children and 2,500+ families annually for more than two decades, all at no cost to the family. They hold a 2024 NAEYC Innovation Award and a 94% kindergarten readiness rate. Their website, a 2012 Joomla build with no mobile support, communicated none of that.
We rebuilt the site around the experience of walking into one of BrightRoots’ learning centers: warm colors, organic shapes, playful micro-interactions, and a tone that feels human rather than clinical. Each of the four programs gets its own color identity and dedicated card. Parents and educators, who have fundamentally different needs, now have clearly separated journeys. The donate flow tells a story, connecting each giving level to the specific outcome it funds.
Accessibility was a design constraint from the start, not a post-launch audit. The finished site scores 96 on Lighthouse, carries a 98 accessibility score, and has verified WCAG 2.1 AA compliance by independent audit. The results followed: a 70% drop in bounce rate, 55% more enrollment inquiries, and tripled donor conversion.
BrightRoots had earned the trust and recognition of a best-in-class early childhood organization. Their website did not. A dated Joomla template, no mobile responsiveness, and a bare-bones donate page created immediate hesitation for the families and funders the team was working to reach.
- A Joomla 2.5 build that reached end-of-life in 2014, still patched and limping along
- No mobile responsiveness on a site whose primary audience is mobile-only
- Flat navigation that treated parents and educators as the same audience
- A donate page with no giving levels, no monthly option, and no impact context
- Four distinct programs presented as a wall of unformatted text
- English-only content despite serving a linguistically diverse community
- Accessibility failures that contradicted the organization’s own values
We rebuilt the site with a warm, approachable design language and an accessibility-first architecture that matches the organization’s mission.
- Warm, organic design language (rounded corners, gradient backgrounds, floating shapes) that feels like the BrightRoots experience
- Color-coded program discovery, so parents identify the right program in seconds
- Separate, first-class journeys for parents and educators
- Trust bar featuring NAEYC, United Way, and state-level awards
- Story-driven donate page with seven impact-tied giving levels and monthly giving
- Mobile-first responsive design with a friendly slide-in navigation
- WCAG 2.1 AA compliance verified by independent audit, with reduced-motion support
- Content architecture that lets staff update programs and workshops without developer involvement
See the Live Site
Visit the live site to see how we put these decisions into practice.
View Live SiteReady to Build Something Great?
Let's discuss your project and see how we can help your organization achieve its goals.
Start a Project