Mozaic: Scaling with Consistency
Crafting a unified design language to accelerate product velocity
Product
MediBuddy
Skills
Responsive design
Accessibility-first design
Visual hierarchy
Component-based design
My role
Product Designer
Timeline
In process always
What's MediBuddy?
An one-stop digital platform for healthcare
A B2B2C digital healthcare platform, offers corporate employees services like consultations, lab tests, and medicine delivery. Employee benefits allows the use of a pre-funded wallet ("cashless") or reimbursement of any out-of-pocket payment.
10+
30M+
4.5
Challenge
"Can we unify our design approach to reduce rework and ship faster?"
MediBuddy needed a robust and scalable design system to support its expanding range of healthcare services across platforms and user types. The existing UI approach lacked standardization, leading to inconsistent experiences, slower delivery cycles, and increased design-developer inefficiencies. As the platform grew to serve millions of users and multiple product lines, maintaining consistency and quality became a significant challenge.
The goal was to build a flexible, reusable design system as a single source of truth—enabling faster feature rollout, reducing rework, and ensuring consistent, trustworthy user experiences across MediBuddy’s growing platform.
Key identifiable issues
Inconsistent UI Patterns
Without a central system, different designers used different design styles, causing visual and functional fragmentation across the product.
Slowed Delivery & Handoff Issues
Lack of reusable components and poor documentation led to repeated effort and communication gaps between design and engineering.
Scalability Challenges
As new services were added rapidly, the platform struggled to maintain coherence and accessibility without a unified design language.
Process
To tackle the challenges of scaling MediBuddy’s growing digital ecosystem and building a unified design system, I adopted a strategy that combined Atomic Design principles with the Lean UX process.
This approach was selected for its adaptability, emphasis on user validation, and efficiency in development.
Atomic Design
to create a clear hierarchy from foundational elements to complex components
Lean UX
to rapidly test, iterate, and improve based on real team feedback
DesignOps
to ensure the system is maintainable, documented, and adopted at scale across teams
5 Step design process
From audit to release, this process helped us ship reusable UI backed by clear documentation and team alignment.
Component design process based on lean & atomic design
A modular, iterative system that helps us think, make, and validate components efficiently—driven by user needs and scalable UI principles.
Foundations
Components
A cluttered, ad-hoc interface before Mozaic (left) compared to a refined, consistent design after Mozaic (right).
Provider Central
Designed fully with the Mozaic Design System for a cohesive and scalable UI.