
Cancer Care
Kaiser Permanente
Cancer Care KP Northern California aims to provide cancer patients a high-level awareness of what they can expect regarding the expert, personalized cancer care at Kaiser Permanente Northern California. This website is part of the My Doctor Online website, which is created for Kaiser Permanente Northern California members.

The Goals
Offer site visitors high-level awareness of what they can expect regarding the expert, personalized cancer care at Kaiser Permanente Northern California, so they feel supported and confident in the care they will receive.
Elevate awareness of The Permanente Medical Group's quality and expertise to help patients manage uncertainty and build trust.
The Audience
Northern California Kaiser Permanente members with suspected cancer, cancer diagnosis, in treatment and survivors or with incurable cancer
Family members/Caregivers
Discovery
As a part of the discovery phase, we performed some activities, such as Card Sort, with 58 Members of Kaiser Permanente Northern California who were diagnosed with cancer. User Journey Map, in collaboration with oncologists and nurses, to understand the entire patient journey. And a Content Audit to gather all the content and identify which content needs to be developed.
Working in the team
On the discovery-design phase, I teamed up with a UX designer, two UX researchers, two content developers a project manager, and a business analyst to conduct research and content audits in order to define and prioritize products and features
User Journey Map - Cancer Care KP Northern California
Key Solutions
Based on what we heard from users and clinicians.
-
Patient Journey
Prevention
Diagnosis
Treatment
After Treatment -
Your Care Team
Show how a team of specialists is personalized for each individual case.
-
A to Z Library
List of the different types of cancer – including risk factors, treatments, and side effects linked to My Doctor Online articles.
-
Patient Testimonials
To build trust in patients by showing some experiences.
-
Kindly Heading
Wordings that reflect Kaiser's empathic care.

Responsive design created from the design system
I created this website following the Design System, which is ADA compliant. However, I needed to create a custom component to meet the requirements: Secondary Navigation Bar, Quote, physician cards, and brag points components.
Validating with users
Using an InVision prototype I created on the desktop platform, we conducted two rounds of user testing.
An unmoderated study through UserTesting.com, in which participants are required to do directed tasks to find specific content and voice their reactions
A total of 15 participants were involved
Assorted Kaiser Permanente members and non-members
Diagnosed with cancer
Survivors
Risk of cancer
Caregivers
“I think the images, the amount of information, the resources that they're providing were reassuring. I've got a warm feeling from them. I got the feeling like I'm going to have a team behind me. They're going to work together"
— User Comment
Collaborating with developers
During the development phase, I worked with a business analyst, two front-end engineers, one back-end engineer, a QA engineer, and a member of the content team. We met twice a week to discuss any questions or concerns. I performed design reviews in the QA phase, verifying all spacings, sizes, colors, text styles, and component behaviors.