My Role
Led the end-to-end creation of the FlairX design system.
Collaborated with stakeholders, PMs, and engineers to ensure alignment and adoption.
Documented design principles, guidelines, and reusable components.
Conducted audits to identify inconsistencies and gaps in existing design patterns.
Project Overview
When I joined FlairX as a Product Designer, I identified a critical challenge: the absence of a design system. This gap led to inconsistencies in design elements across the platform, misalignment between design and development, and longer development cycles. Recognizing the need for a unified approach, I took the initiative to create a cohesive and scalable design system.
By collaborating closely with two other designers, product manager, developers, and stakeholders, I established a shared visual language and reusable components. This initiative not only accelerated the creation of end-to-end user flows but also ensured design consistency across the platform.
This design system was built for FlairX from scratch to improve operational efficiency and user experience. As the Product designer, I identified a need for a cohesive and scalable design system to ensure consistency, reduce development time, and create a unified brand experience.
Cohesive Design System for FlairX
Streamlining product development and enhancing user experience through a unified design language
Lack of design system made our design handoffs with developers inefficient since there were no clear design guidelines.
Inconsistency in UI patterns was affecting our MVP and brand trust while pitching the demo product to potential clients and investors
Without a modular design system there was lack of scalability and accessibility, to add new screens we had to create designs from scratch.
Problem we faced
Project goals & Impact
Led the end-to-end creation of the FlairX design system.
Collaborated with stakeholders, PMs, and engineers to ensure alignment and adoption.
Documented design principles, guidelines, and reusable components.
Conducted audits to identify inconsistencies and gaps in existing design patterns.
How I approached the problem
Design Audit
Conducted a visual and functional audit of the existing platform to identify inconsistencies in UI Patterns
Stakeholder Interviews
Met with developers, PMs, and designers to understand pain points in handoff, reusability, and efficiency.
Market Research
Studied industry-standard design systems like Material Design, Atlassian, and IBM’s Carbon Design System to identify best practices.