Key Outcomes
+220%
Year-over-year donation growth
0 PDFs
Manual forms totally eliminated
1-click giving
Pre-packaged giving options
We developed a secure, accessible application to replace their outdated and costly legacy system. The new solution enhanced user experience and streamlined the management of staff, patients, and insurance providers, delivering significant operational improvements.
Year-over-year donation growth
Manual forms totally eliminated
Pre-packaged giving options
Client Context
Caleb’s Trio of Hope is a dedicated non-profit organization that provides a vital lifeline for children with pediatric cancer and their families. They focus on three core pillars of support: funding life-saving research for rare brain tumors, raising public awareness about early symptoms, and offering direct financial and emotional care for families navigating the difficult journey of palliative care.
Our primary goal was to take the organization’s three-part mission and translate it into a single, high-performing digital hub. We set out to:
Provide a warm, accessible space where families facing a pediatric cancer diagnosis could find immediate financial and emotional resources.
Create a professional platform to drive funding for the research and treatment of rare pediatric brain tumors.
Serve as an authoritative guide on the early signs and symptoms of childhood cancer to help with early detection.
Replace manual, fragmented processes with a modern experience that makes it easy for grant organizations and donors to trust and verify the mission.`
We built a custom, CMS-powered platform that serves as a centralized hub for families, donors, and the organization itself.
Paired with a playful yet professional visual identity, it gave the organization the credibility it needed to secure larger support both by its community as well as donors.
An easy-to-navigate section where families can find care resources and apply for financial aid in minutes, not hours.
An e-commerce-style donation flow that lets donors see exactly how their contribution helps, whether it’s funding research or providing palliative care.
A custom-built CMS (Content Management System) that allows the Caleb’s Trio team to share new stories and update educational content without needing a developer.
A warm UI featuring a "wave" treatment and subtle animations that feel kid-friendly while maintaining a professional look for grant organizations.
With a lean research budget and a tight timeline, we didn't want to "reinvent the wheel." Instead, we took a smart approach by analyzing the highest-performing nonprofit sites to understand what already worked for donors and families.
By combining these competitive insights with AI-assisted branding and deep stakeholder feedback, we were able to skip the guesswork and build a high-trust platform that felt both professional and deeply personal.
We audited 12 relevant sites to identify the "Gold Standard" for navigation and hero interactions.
Our cross-disciplinary content and design team shaped the overarching narrative. We worked closely with stakeholders, iterating until the flow captured a balance between emotional resonance and practicality.
We used AI as our creative partner to explore color meanings and accent palettes that complemented the logo. This led to a "playful yet professional" UI that featured warm animations while ensuring all colors remained accessible (WCAG AA compliant).
To support the project long term, we created a library of short, practical video guides so the nonprofit team can confidently manage the site on their own, without relying on technical support.
When we audited the leading non-profit sites, we discovered specific patterns that drive donor trust and family engagement.
Limiting the menu to 6–7 visible item, rather than using a hidden hamburger menu, reduced cognitive load and made the path to resources clearer for families in crisis.
Our audit revealed that grant organizations rely on dedicated "About" and "Get Involved" pages to verify credibility, making these sections essential for securing funding.
We identified that high-converting hero sections use carousel treatments with concise mission statements and emotional visuals to create an immediate connection.
We wanted to maintain a "light" and hopeful feel using the brand’s yellow, but discovered it failed WCAG AA accessibility standards. To solve this, we paired it with a deep brown for the navigation and text.
The most rewarding part of this project was seeing how a small, resourceful team could use data and AI to solve very human problems.
This experience proved that when you prioritize accessibility and clear navigation, you create more than a digital presence; you create a space where hope is easy to find and even easier to share.