108 Stories Of Hope Campaign Integration

Bringing organ donor stories to life
Go To Project ↗

Amplifying the heroic stories of those who help save lives

The Challenge

Live On Nebraska needed to integrate and feature a heartfelt campaign on their existing state-agency site to share the stories of selfless people who helped to save others' lives—but had no way for non-technical staff to add, edit, or curate those stories without developer help. They also wanted visitors to easily filter and explore stories by type (donor, recipient, living donor, waiting-recipient) while preserving the site’s branding and accessibility standards.

My Solution

I built a child theme extension and full admin tool set so that the client team could manage every aspect of the campaign in the dashboard:

  • Custom Post Type: Built with custom fields that allowed website managers to add information for every single person featured on the campaign, complete with photos and quotes.
  • Filterable UI: PHP-driven loop plus JavaScript filters let visitors sort stories by category without page reloads.
  • Template Logic: Programmatic PHP to display only “108 Stories” items, and to color-code each card based on tribute type.
  • Responsive & Accessible Design: Ensured all modals, buttons, and image components met WCAG guidelines and adapted fluidly across mobile breakpoints.
  • Editor Training: Provided documentation so non-technical staff could add new stories, update images, and tweak CTAs independently.

Results & Impact

  • Team Empowerment: Editors now add and manage donor stories in under 2 minutes each—no developer needed to adjust the codebase manually.
  • Increased Engagement: Page-views increased by over 50% as visitors explored multiple stories.
  • Campaign Awareness: Click-throughs on registration CTAs grew 25%, helping drive more organ-donor signups.
  • Performance & Accessibility: The page loads quickly, is responsive across devices and browsers, and meets ARIA standards.

Key Takeaways

  • Empowering non-technical teams with back-end custom post types saves heaps of time in the long run and makes updates less error-prone.
  • Combining PHP and JavaScript filters delivers seamless, engaging UX without heavy frameworks or dependencies that require constant upkeep.
  • Maintaining accessibility and responsiveness is crucial for mission-driven campaigns.
  • Proper training and documentation ensure long-term project success and adoption.
← return to case studies