PROJECT 3 - UX UI DEsign
Building Etality Design System, focusing on consistency, scalability and a seamless user experience.
I led the development of the Etality Design System — an initiative to unify and streamline design practices. By conducting user interviews, analyzing competitors, and following a structured timeline, we launched the foundational version. This serves as the base for ongoing improvements that will shape Etality’s design future.
At Etality, we encountered recurring challenges in our design and development workflow—particularly during handoffs. Without a design system in place, teams often recreated components, leading to inconsistencies and duplicated effort.
A few months after the MVP launch, we initiated the development of the Etality Design System to bring more clarity and efficiency to our process.
Goal: To build a unified Figma structure and a flexible, scalable design system that improves collaboration, reduces repetition, and evolves alongside the product.
Standardised Figma File
Establish a structured approach to organizing Figma files, making it easier for teams to locate and maintain design assets.
Flexible Design System:
Develop a design system with core elements and components that can be easily adapted and scaled across projects.
Guidelines for Figma Management
Define clear guidelines for organizing design files, building components, and managing the handoff process to developers.
Improve Collaboration
Support efficient cross-functional teamwork by creating a design system and file structure that foster seamless collaboration.
Enhance Efficiency
Reduce manual overhead in organizing files and building components, enabling teams to concentrate on design thinking and innovation.
Enhance Efficiency
Ensure the design system and file structure are scalable to support future projects and team growth.
Core Components
Built a foundational design system featuring essential UI elements such as buttons, icons, and typography styles—designed for reuse and consistency across products.
Flexible Templates
Designed Figma templates for design files, research documentation, and developer handoffs to streamline workflows and ensure a consistent structure across teams.
Next Steps
Etality Design System has set a strong foundation for future design initiatives and enabled the team to work more efficiently and cohesively across all projects
Iterate Updates
Continuously gather feedback from the team to refine the design system and file structure.
Expand the Design System
Gradually expand the design system to include more components and templates as the team’s needs evolve.