SPO Foundation - Breast Cancer Charity | Web Design & Development
Background
SPO Foundation is a UK-registered breast cancer charity. The foundation offers practical support, survivor-led inspiration, and educational outreach — especially for underserved communities — through a digital platform that reflects dignity, care, and community.
Core Problem
While breast cancer charities exist, many overlook the personal, culturally nuanced needs of patients and families — especially those from Black and minority ethnic backgrounds. SPO Foundation needed a welcoming, trustworthy digital platform to communicate support services, tell real survivor stories, and drive donations with clarity and compassion.
My Role
UX & UI design
Web design (Wix Studio)
Visual identity, logo creation & art direction
Content architecture & tone of voice
CMS setup for dynamic stories and charity listings
Illustration direction & custom AI prompt design
Responsive layout and accessibility best practices
Key Actions Taken
Clarified the purpose: Worked closely with the founders to define structure, tone, and user priorities — from emotional storytelling to donation flow.
Structured for clarity: Designed an 8-page architecture with clear UX — including “What We Do,” “Get Help,” and “Survivor Stories.”
Designed with empathy: Used soft, hopeful color palettes, rounded cards, and inclusive visuals to communicate warmth and dignity.
Built dynamic content: Implemented CMS systems for stories and partner charities, enabling future growth and easy updates.
Curated illustrations: Generated Adobe Firefly prompts for key visuals (e.g. family support, early detection, research) tailored to SPO’s brand colors and values.
Designed for action: Focused on donation pathways, social proof, and mission clarity to support engagement and credibility.
Features
Dynamic Survivor Stories section with individual story pages
Curated Get Help directory with CMS-powered links to trusted cancer charities
Donation page with impact breakdown and third-party integration (Enthuse)
Visual storytelling through soft, custom-generated illustrations
Fully responsive layout and accessible color contrast
Friendly, inviting voice that reflects the founders’ story and mission
What We Do Page
Donate Page
SPO Foundation Logo
Outcomes
Delivered a clean, compassionate website aligned with SPO’s mission
Empowered the charity with a scalable and editable digital home
Created emotional resonance through storytelling and illustration
Supported donation readiness and future outreach goals
Built trust and dignity into the digital experience — especially for users who may feel overlooked by traditional cancer platforms