Co-designer
Co-designer
Released in different phases
Released in different phases
Collection of multiple projects
Collection of multiple projects
Hybrid Development Model
Hybrid Development Model
Aiming to create a hybrid approach where a core team builds foundational components while project teams add specialized components, balancing flexibility with consistency.
Aiming to create a hybrid approach where a core team builds foundational components while project teams add specialized components, balancing flexibility with consistency.
Collaborative Leadership
Collaborative Leadership
Co-led the design system redesign by fostering communication among cross-functional teams to align goals and priorities while balancing their needs with the overarching objective of platform-wide consistency.
Co-led the design system redesign by fostering communication among cross-functional teams to align goals and priorities while balancing their needs with the overarching objective of platform-wide consistency.
Component Prioritization
Component Prioritization
Focused on high-impact components that addressed key user and business needs first. For example, prioritizing selection states of date pickers over tooltips' rounded edges.
Focused on high-impact components that addressed key user and business needs first. For example, prioritizing selection states of date pickers over tooltips' rounded edges.
Best Practices & Research
Best Practices & Research
Researched existing design frameworks, such as Material Design, Carbon Design, and more; consulted NNGroup UX principles to build a new design system based on proven best practices and future adaptability.
Researched existing design frameworks, such as Material Design, Carbon Design, and more; consulted NNGroup UX principles to build a new design system based on proven best practices and future adaptability.
Documentation & Guidelines
Documentation & Guidelines
Documented design system components and guidelines in Figma to simplify onboarding and minimize miscommunication among teams.
Documented design system components and guidelines in Figma to simplify onboarding and minimize miscommunication among teams.
Method/Process
Method/Process
Go to Home
Go to Home
Go to Home
Go to Home
Smart Cache Device
Smart Cache Device
Smart Cache Device: Hybrid Solution
Smart Cache Device: Hybrid Solution
© 2024 All Rights Reserved | Parmi Mehta
© 2024 All Rights Reserved | Parmi Mehta
Spark Design System
Spark Design System
Co-led the redesign of over 51% of Design System components in 1 year without a dedicated development team
Co-led the redesign of over 51% of Design System components in 1 year without a dedicated development team
Co-led the redesign of over 51% of Design System components in 1 year without a dedicated development team
Business Context
Business Context
01
Platform growth & complexity
Platform growth & complexity
As Egnyte expanded its platform with multiple teams working on different features, the lack of a centralized design system created inconsistent user experiences, affecting both internal processes and the end-user journey.
As Egnyte expanded its platform with multiple teams working on different features, the lack of a centralized design system created inconsistent user experiences, affecting both internal processes and the end-user journey.
02
Usability & efficiency needs
Usability & efficiency needs
To scale efficiently, the platform needed a design system that could unify the look and feel across applications, speed up development cycles, and maintain a consistent user experience without constant manual adjustments.
To scale efficiently, the platform needed a design system that could unify the look and feel across applications, speed up development cycles, and maintain a consistent user experience without constant manual adjustments.
03
Customer feedback
Customer feedback
Issues such as a confusing date picker with unclear states, highlighted the need for a more robust design system that addressed customer pain points, ensuring smoother and more intuitive interactions.
Issues such as a confusing date picker with unclear states, highlighted the need for a more robust design system that addressed customer pain points, ensuring smoother and more intuitive interactions.
Challenges
Challenges
Fragmented user experience
Fragmented user experience
Hard-coded design components used across teams
Hard-coded design components used across teams
Disjointed user experience
Disjointed user experience
Resulting in usability issues such as varied button states and interaction problems
Resulting in usability issues such as varied button states and interaction problems
Impacting negatively on product team's work, productivity and user satisfaction
Impacting negatively on product team's work, productivity and user satisfaction
Resistance to change
Resistance to change
Convincing stakeholders, developers, and teams to recognize the design system’s importance alongside product releases
Convincing stakeholders, developers, and teams to recognize the design system’s importance alongside product releases
Addressing concerns and resistance from teams who are used to existing product processes followed by team.
Addressing concerns and resistance from teams who are used to existing product processes followed by team.
Encouraging continuous efforts from the product team to ensure a unified design system in code and design.
Encouraging continuous efforts from the product team to ensure a unified design system in code and design.
Educating teams to facilitate change and collaborate effectively
Educating teams to facilitate change and collaborate effectively
Limited resources
Limited resources
Lack of dedicated development team
Lack of dedicated development team
Providing leadership to prioritize design system tasks among other project demands
Providing leadership to prioritize design system tasks among other project demands
Negotiating cross-functional resources to support design system efforts
Negotiating cross-functional resources to support design system efforts
Balancing short-term feature releases with long-term design system updates
Balancing short-term feature releases with long-term design system updates
Impact
Impact
🚀 Faster delivery of features and updates
🕸️ Scalable design system
🤝 Culture of continuous collaboration between designers and developers
🔗 Cohesive and unified experience across Egnyte’s platform
View PDF
View PDF
Egnyte's Spark Design System was developed to address inconsistent user experiences across the platform due to a lack of a centralized design framework.
Egnyte's Spark Design System was developed to address inconsistent user experiences across the platform due to a lack of a centralized design framework.
Challenges included fragmented experiences, resistance to change, and limited resources.
The team adopted a hybrid development model and collaborative leadership to build and prioritize key components, drawing on best practices from major design frameworks.
The result was faster feature delivery, improved scalability, and cohesive user experiences.
Summary