streamlinehq-hand-cross-finger-heart-hand-signs-48

Breastcancer.org

Support those affected by breast cancer with tools, resources, and community

BCO-Header

Year
2021

Type
Website

Agency
Work & Co

Role
Designer

Breastcancer.org is a nonprofit organization dedicated to providing the most reliable, complete, and up-to-date information about breast cancer. It’s the largest online resource for breast cancer, since its founding in 2000 by chief medical officer Marisa C. Weiss, M.D., Breastcancer.org has reached 194 million people worldwide. I was a part of the team at Work & Co to help them to design and launch a new digital platform for patients and their caregivers.

Visit site

BCO-1-1

The Problem

For 21 years, breastcancer.org has helped the global community of patients and caregivers with free, reliable, and trusted resources. However, the original site was incredibly content-heavy, difficult to navigate, and not personalized in any way. Thus, we wanted to take a look at how to best serve all of BCO’s audiences, and give them clear pathways to finding the resources that they need.

BCO-2
BCO-3-2
BCO-4-1
BCO-5
BCO-6

Refresh of a brand

A cancer diagnosis can be overwhelming, frightening, and confusing. That’s why we want to make sure Breastcancer.org can be a calm, directed experience so that users don’t feel overwhelmed by the content.

BCO-7-1-1
BCO-7-3
BCO-7-4
BCO-7-5
BCO-7-6

With accessibility being the top priority, we established a clean, neutral and consistent visual language that is flexible and timeless, ready to serve the brand for years to come.

BCO-8

Focusing on inclusivity

One thing we intentionally moved away from is the overused “breast cancer pink” which created an incorrect assumption that breast cancer is always associated with females. We wanted to create an inclusive and welcoming environment for the people who don’t feel represented by the pink traditionally associated with the disease, including male and non-binary members of the Breastcancer.org community.

BCO-9-1
BCO-10
BCO-11-1

Clear & simple navigations

To help people find information tailored to their specific breast cancer situation, we created different persona pages in which content and resources are organized into different categories.

BCO-12
BCO-13
BCO-14

Persona pages provide people clear pathways to uncover the resources that they need — whether they’re researching risk factors, were recently diagnosed, completed treatment, or are living with metastatic breast cancer.

BCO-15
BCO-16

Personalized guidance and support

The registration and onboarding process can be a difficult moment for most users joining the site, so we created a guided experience to help walk them through each step and provide clarity about the personal & medical questions that we’re asking.

BCO-17
BCO-18
BCO-19

Profile page not only helps people to keep track of their medical records but is also personalized to help them make sense of the complex medical and personal information about breast health and breast cancer.

BCO-20-1
BCO-21
BCO-22
BCO-23
BCO-24

Awards

2022 Innovation by Design Awards by Fast Company
Winner, Best Design North America (Website Design)
Finalist, Health
Finalist, Impact
Honoree, General Excellence

Credits

Design Director: Sojin Ouh
Design Lead: Saya Sugimura
Designer: Victor Yuyang Luo
Project Manager: Kyla Kudlak

Other Projects ↘

Fujifilm Camera RemoteProduct Design

Cosmic SurfinWeb Design

Selah And The SpadesSocial & Digital

WatsonSocial & Digital

Visa Affluent CardBrand Design

View