Ink Against Cancer

Redesigned a cross-platform app for cancer patients and families, focusing on emotional accessibility, intuitive navigation, and supportive UX grounded in empathy.

Cancer Warriors Foundation is a grassroots 501(c)(3) nonprofit uniting artists to raise cancer awareness and support families, especially young cancer warriors. Their mission blends charity and creativity, providing financial assistance and emotional strength through art and music.

The existing site lacked clarity, emotional resonance, and usability, potentially reducing donations and volunteers. Our goal: redesign the site for intuitive navigation, stronger emotional accessibility, and an overall trustworthy, modern experience.

Year
2025

Client
Ink Against Cancer

The Problem

Goals & Business Objectives

Key Findings

Cluttered site structure and poor information hierarchy

  • Confusing navigation bar with too many top-level pages

  • Repetitive CTA buttons and color usage reducing visual effectiveness

  • Users reported not noticing the navigation bar

  • Donation and volunteer flows were unclear and overwhelming

Key Insight: A disorganized layout and unclear calls-to-action created user frustration and lowered trust, two things a nonprofit can’t afford.

Results

Improve usability and reduce bounce rates

  1. Increase conversions (donations and volunteer sign-ups)

  2. Establish trust through visual consistency and clean content hierarchy

  3. Support emotionally sensitive users through accessible and empathetic UX

Overuse of buttons and colors diluted the user flow

  1. Footer was oversized and distracting

  2. Lack of secondary pages or nested nav structure caused confusion

  3. Users felt overwhelmed, unsure where to start

  4. A/B testing showed preference for simplified layouts and card-based interactions

Solutions We Implemented

Rebuilt information architecture from scratch: clear top-level nav with grouped secondary pages

  1. Introduced a card-based layout for “Get Involved” section to improve scannability

  2. Added micro-interactions to CTAs to subtly guide users

  3. Applied consistent color and type hierarchy for better contrast and readability

  4. Updated homepage CTA with a stronger visual anchor

  5. Redesigned the volunteer flow to remove friction and simplify conversion

Increased clarity of CTAs

  1. Improved user flow through restructured navigation

  2. Higher engagement with donation and volunteer sections

  3. Emotionally resonant experience aligned with IAC’s mission

AFTER SCREENSHOTS

MOBILE

AFTER SCREENSHOTS

DESKTOP

BEFORE SCREENSHOTS