Cerulean Design System, Claims Adoption, Blue Shield of California
The Cerulean Design System has existed since the beginning of 2024 at Blue Shield CA. Our 2024/2025 priorities focused on developing comprehensive component libraries, then adopting the system on existing member experience from a design and code perspective.
Project Purpose
Digital teams do not have centralized guidelines and resources for design and code leading to tech debt and decreased efficiencies. By designing, building, and implementing a design system we are creating centralized design and code guidelines allowing product teams to streamline the design and development process.
How does this work support organizational goals?
Adopting a design system will streamline the design and development process leading to lower overall project costs. A unified look and feel will also lead to a more cohesive user experience leading to higher user satisfaction.
Measurable Impact
Claims
"Your website made it very easy to submit a claim."
NPS: 10
"The new site design is nice."
NPS: 10
Team members
Diana Rios, Product Manager
Lazarus Pachigalla, Product Manager
Talia Bowles, Product Designer
Jennifer Chapman, Content Strategist
Vikas Lnu, Angular Developer
Mahmud Karim, Angular Developer
Rajini Challa, QA Analyst
Roadmap
03/08 - Medical claims summary and claim details
04/12 - Medical out-of-network claim form and claims you submitted
06/06 - Prescriptions claims summary
08/09 - Medical medical claim summary and claim details
09/13 - Dental claim summary and claim details
10/18 - Vision claim summary and claim details
Analysis
QA collects screenshots and data of the current experience. Some parts of claims had not been touched in years so it was important for us to understand all the logic and function in the current claims experience.
Visual 1:1
Functional changes were out of scope. The two main priorities were: create a choesive look and feel, and implement the design system in the code.
Quick Wins
Although functional changes were out of scope, we were able to implement some impactful content updates since content is a low development lift. Examples included simplifying paragraph-long error messages and creating an "out-of-network" claim form callout card on all of the claim summary pages.
Stakeholder Alignment
As we finalized designs or questions came up, we worked with claims partners and past product owners to ensure that we were going in the right direction with the visual design and any content updates.

This was especially important while working on Medicare because of the added complexities of medicare compliance.
Development
I joining daily stand-ups and weekly refinement calls to make sure the developers had time to ask questions and to address any edge cases that were revealed during the development process. I also owned the UAT process to ensure the designs were followed correctly in the development process
Stakeholder Demo
The QA Analyst, Lead Developer, and I conducted stakeholder demos prior to release for digital and non-digital stakeholders to share what changes were being implemented. This helped to demonstrate the power of the design system and also emphasize that we were not making any functionality changes.
Claims Before & After Cerulean Adoption
claim form before
Out-of-network claim form before
Out of network claim form
Out-of-network claim form after
claims summary before
Claims summary before
Medical claim summary page
Claims summary after
claims details before
Claim details before
Claim details page
Claim details after
claims you submitted before
Claims you submitted before
Claims you submitted
Claims you submitted after
What's Next
Back to top ^