Designing for Hope:
How a data-driven redesign fueled a 220% growth in giving - YNO Designs
Skip to successes (case studies)
Go back Go back

Designing for Hope:
How a data-driven redesign fueled a 220% growth in giving

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.

Key Outcomes

+220%

+220%

Year-over-year donation growth

0 PDFs

0 PDFs

Manual forms totally eliminated

1-click giving

1-click giving

Pre-packaged giving options

Client Context

About Caleb’s Trio of Hope

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.

Project goals

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:

Foster joy and support

Foster joy and support

Provide a warm, accessible space where families facing a pediatric cancer diagnosis could find immediate financial and emotional resources.

Fuel medical progress

Fuel medical progress

Create a professional platform to drive funding for the research and treatment of rare pediatric brain tumors.

Educate the community

Educate the community

Serve as an authoritative guide on the early signs and symptoms of childhood cancer to help with early detection.

Establish digital credibility

Establish digital credibility

Replace manual, fragmented processes with a modern experience that makes it easy for grant organizations and donors to trust and verify the mission.`

Solution

A Digital Home For Every User

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.

The support portal

An easy-to-navigate section where families can find care resources and apply for financial aid in minutes, not hours.

Impact-based giving

An e-commerce-style donation flow that lets donors see exactly how their contribution helps, whether it’s funding research or providing palliative care.

The content engine

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.

Accessible playfulness

A warm UI featuring a "wave" treatment and subtle animations that feel kid-friendly while maintaining a professional look for grant organizations.

Process

Lean approach to insight

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.

Deep competitive audit

Deep competitive audit

We audited 12 relevant sites to identify the "Gold Standard" for navigation and hero interactions.

Collaborative content strategy

Collaborative content strategy

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.

AI-assisted design & branding

AI-assisted design & branding

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).

Architecture & hand-off

Architecture & hand-off

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.

Key discoveries

Our “aha” moments

When we audited the leading non-profit sites, we discovered specific patterns that drive donor trust and family engagement.

The "7 +/- 2 principle"  for easy navigation

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.

Trust checklist

Our audit revealed that grant organizations rely on dedicated "About" and "Get Involved" pages to verify credibility, making these sections essential for securing funding.

Dynamic storytelling

We identified that high-converting hero sections use carousel treatments with concise mission statements and emotional visuals to create an immediate connection.

Accessible playfulness

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.

Reflection

Design as life-line

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.