Design System Exploration for a Healthcare Billing Platform

Healthcare Billing Platform Design Proposal

Design System Exploration for a Healthcare Billing Platform

Yinnette's Portfolio

Pages
Mock-Ups
Design System
Design System
Brand
Grid
Typography
Colors
Buttons
Layers
Home
Login
Support
Contact
Pages
#5c1ec2
Variables
Pages
Export

Design System Exploration for a Healthcare Billing Platform

Yinnette Olivo

as UX Consultant

This case study reflects a design proposal created during an exploratory phase for a healthcare billing automation platform. The work presented here was submitted through an agency partnership but was not accepted or adopted by the client. All visuals and commentary are included for educational and portfolio purposes only, and do not reflect the client’s final brand or product direction.

The Vision

As a freelance partner through an agency, I performed a comprehensive UX/UI audit of the platform’s legacy screens—identifying discrepancies in color usage, spacing, font hierarchies, and interactive patterns. From this analysis, I created a modular system of design tokens and core components within Figma, forming the foundation of a scalable design system.

The assets included buttons, tables, forms, and banners, paired with usage documentation and accessibility checks. I also facilitated onboarding sessions with internal stakeholders to demonstrate how to extend the system within a Storybook environment.

North Star

The client’s platform had grown organically over time, resulting in visual fragmentation and high rework cost across the design and engineering lifecycle. The goal was to bring cohesion to internal tools, customer-facing PDFs, and partner portals by introducing a centralized UI standard.

The Challenge

Internal teams frequently recreated UI elements from scratch, leading to inconsistent experiences and time-consuming QA cycles. Without shared foundations, even minor updates triggered misalignments across invoice PDFs, spreadsheets, and marketing assets. This disjointedness increased development time and UX debt.

The Results

Although the designs were not adopted by the client, the exploration led to a proposed system with:

• Centralized tokens to reduce visual entropy

• Component reuse that improved prototyping speed

• Figma-to-Storybook workflows to bridge design and dev

• Documentation that aligned accessibility and visual brand

Note: The above reflects early-stage exploration and process thinking, not final client deliverables. Visual elements were assembled from licensed UI kits, original layouts, and AI-generated assets. All assets were used legally under commercial licenses and for illustrative purposes only.

The Designs

Healthcare Billing Platform Design Proposal

Healthcare Billing Platform Design Proposal

Yinnette's Portfolio

Pages
Mock-Ups
Design System
Design System
Brand
Grid
Typography
Colors
Buttons
Layers
Home
Login
Support
Contact
Pages
#5c1ec2
Variables
Pages
Export

Need Help

Let's Connect!

I am eager to contribute my expertise and help your team create impactful and innovative solutions.

Contact

Yinnette Olivo Digital Portfolio

Crafting User Experiences & Design Elegance

© 2025. All rights reserved.

Disclaimer: The designs showcased on this portfolio website are presented solely as examples of my creative and professional work. I do not claim to represent any of the clients or brands displayed herein. All logos, trademarks, and brand assets featured are owned by their respective companies. These examples are used purely to illustrate my role, skills, and experience in UX/UI design, branding, and product strategy through detailed case studies. To contest the use of any works displayed on this site, please submit an email with the subject line "Contest Use", along with your specific request. If your claim is found valid and it is determined that you have appropriate legal standing, your request will be reviewed and granted within 90 days.