Brought in as the sole designer, I built the company’s first-ever design system and UI kit. The client—a healthcare platform—had no in-house designers, no UX process, no documentation, and was using legacy design tools. I established the foundational system to bring clarity, consistency, and scalability to their product.

• No UI consistency across the platform—visual chaos
• Design debt from years of engineering-led decisions
• No UX documentation or standards
• Legacy design software made iteration slow and disconnected
• Non-accessible, outdated UI prone to usability issues
• Engineers and PMs lacked design guidance, causing inefficiencies

Audit & Inventory

• Reviewed existing product screens and flows
• Identified inconsistencies, duplicates, and accessibility concerns
• Mapped patterns for consolidation

Foundations & Design Tokens

• Built a scalable type system, 4pt spacing scale, and WCAG AA-compliant colour palette
• Created rules for grids, layout, icons, and interaction states

Component Design

• Designed reusable, responsive UI components in Figma
• Included all interaction states (hover, focus, active, disabled, destructive)
• Prioritised readability and accessibility for clinical environments

‍

‍

Documentation & Handoff

• Delivered documentation in Figma
• Included usage guidance, naming conventions, and component dos/don’ts

Dev & Product Alignment

• Collaborated with engineers to ensure successful implementation

‍

• ‍Complete UI kit + component library to be used across the product
• Replaced outdated design tools with Figma + a documented workflow
• Reduced visual and functional inconsistency across the platform
• Increased development speed and confidence with reusable patterns
• Introduced UX thinking and scalable design practices into the org
• Created a foundation for accessibility, mobile optimisation, and future growth