Built a Design System that was successfully implemented in 6 different products and included over 100 components, which were pre-built to ensure consistency, efficiency, and scalability across all products.
Role:
Product Designer
Duration:
3 months
Responsabilities:
UI components, documentation & maintenance
Challenges
The Design Team at Saúde iD had 21 designers and we were split among 6 products. Before the Design System, each designer produced independently without worrying about the standardization of behaviors or components, besides this, we were generating a huge amount of work for the development team.
From this scenario, we started building Neuron, our Design System.
Impact
The design system streamlined workflows, reducing design and development time while ensuring consistent user experiences across products.
6
products successfully implemented the system
My Approach
The approach involved a collaborative, iterative process with 5 volunteer designers meeting weekly to build the Design System. The key stages were:
Define the design language: Establish a cohesive design language aligned with the brand.
Audit the existing product: Identify design inconsistencies and areas for improvement.
Build a pattern library: Create reusable components for consistency across the product.
Document guidelines: Develop clear usage guidelines for each design element.
Alignment between designers and developers: Ensure ongoing collaboration and emphasize the importance of adhering to the Design System.
This approach ensured a practical, scalable system with strong alignment between teams.
Results
The Design System streamlined the design process, improving efficiency and consistency across products.
Increased efficiency by reusing components, speeding up design and development.
Achieved visual consistency across products, channels, and services.
Enabled faster design replication with premade UI elements.
Improved communication and collaboration among project stakeholders.
Created a unified design language across teams for cohesive implementation.
These outcomes resulted in a more efficient, consistent, and collaborative design process.
Future Plans
Expand the component library to meet evolving product needs.
Update guidelines regularly to stay current with design trends.
Integrate with development tools for smoother implementation.
Provide ongoing training to ensure consistent use across teams.
Track impact by gathering feedback and measuring improvements.
These steps will ensure the Design System remains scalable and aligned with product evolution.
Conclusion
The Design System has improved consistency, efficiency, and collaboration across teams. By standardizing components and design language, it has streamlined processes and enhanced user experiences. Ongoing updates and integration will ensure its continued success and adaptability.
