Cost Transparency
The Cost of Care flow was designed to help members make informed, confident healthcare decisions by providing transparent, upfront cost estimates for medical services. Whether viewing the price of a single procedure (like an office visit) or comparing bundled services (such as surgery packages), the flow empowers members to understand potential out-of-pocket costs before receiving care.
Project Overview
The Cost of Care feature within Florida Blue was designed to promote cost transparency and reduce surprise billing.
My Role
Interaction Design, Visual Design, UAT and Execution Support, Post-iteration support
Teammate(s)
Lead Visual Designer: Lauren Leonard
Duration
2 Years; Ongoing effort
Deliverables
Wireframes, Prototypes, Usability Testing Plans and Reports, Final design specs and handoffs
Setting the Stage
Healthcare pricing is often opaque, complex, and difficult for members to navigate. At Florida Blue, we recognized that this lack of transparency was a barrier to trust, financial planning, and confident decision-making. Members frequently entered care experiences without a clear understanding of what services would cost—leading to frustration, delayed care, or unexpected bills.
To address this, our team set out to lay the foundation for cost transparency across the member experience. The goal was not only to surface cost information, but to design an experience that made it clear, contextual, and actionable. Whether a member was exploring a routine office visit or a complex procedure like surgery, they needed a tool that could guide them through pricing estimates in a way that was personalized, accurate, and easy to understand.
We approached this by mapping real-world use cases, interviewing stakeholders, and researching how members interpret financial data in a healthcare context. The resulting Cost of Care flow served as a central touchpoint—allowing users to search for services, view cost estimates across multiple providers and plan types, and even compare bundled procedures side by side.
By creating this foundation, we not only improved user confidence and satisfaction but also paved the way for future innovation in personalized plan management, price transparency regulations, and AI-powered cost forecasting.
Understanding the Problem
Without a cost transparency flow, members are left navigating their healthcare options with little to no visibility into expected out-of-pocket expenses. This lack of upfront cost information leads to:
Confusion and frustration when trying to plan for care.
Unexpected bills that erode trust in the health plan.
Delayed or avoided treatments due to uncertainty around affordability.
Increased burden on call centers and support teams, as members seek answers manually.
Reduced engagement with digital tools, pushing users toward third-party platforms or abandoning self-service options altogether.
In short, the absence of a cost transparency experience creates a fragmented and stressful journey, where members are unable to make informed, confident healthcare decisions.
Analyzing Competitors
Since we cannot access to other competitors’ cost of care flow, we took a detour by searching through merchandise website. Since the flow is gigantic, I will only show the compare cost analysis.
✅ Clean and easy-to-use compare details side by side
❌ Accessibility issue – Table cells aren’t screen reader–friendly, and it’s unclear which header the detailed information belongs to.
✅ Clear display of products and cost details.
❌ Too much content – It takes too much effort to scan through the page and identify the important information.
✅ Straightforward organization into three main comparisons
❌ Not enough context – User must scroll to the left and see which category is being compared
Mapping the Journey
I mapped out every step a member takes in the Cost Transparency flow—from initiating a care cost inquiry to comparing detailed estimates. This journey mapping process helped identify high-impact, low-effort opportunities to improve clarity, reduce friction, and surface the most relevant information.
Since this wasn’t just a static display of prices, I partnered closely with the backend team to restructure the existing data model, aligning it with complex ICD-9 and ICD-10 coding standards. To ensure design consistency across related tools and pages, I introduced reusable UI components that could adapt to different scenarios—whether viewing a single service, a bundled procedure, or comparing multiple providers.
Documenting UI Pattern
To prevent confusing terms and code of the compare table UI component, I collaborated with UI dev team to make the compare table in the UI pattern library before handing off to project developers. Moreover, I provided all the possible scenarios and edge cases.
Delivering Results
Desktop
Native Mobile
Final Takeaway
Designing for clarity in complexity: I learned how to simplify complex healthcare data (ICD codes, bundled services, variable pricing) into a user-friendly experience without sacrificing accuracy.
UX as a trust-builder: Transparency in healthcare isn't just a feature—it’s foundational to trust. Thoughtful UX design can reduce anxiety, improve satisfaction, and deepen engagement.
Cross-functional impact: Close collaboration with backend engineers, data teams, and legal/compliance partners was critical to translating raw data into actionable member insights.
Systems thinking: By introducing reusable components, I contributed to a scalable design system that improved consistency across related cost and care flows.
Journey mapping as a problem-finding tool: Mapping user flows helped uncover pain points not visible in analytics, guiding focused design improvements.
Balancing accuracy with usability: Creating intuitive interfaces while respecting the complexity of healthcare pricing required thoughtful compromise and iterative testing.
Designing for decision-making: The final product enabled users to make informed choices about care based on real, personalized cost data—an essential step toward value-based healthcare.
Shifting member behavior: By improving the experience, we reduced reliance on customer support and increased digital engagement.