[PT]
Contexto do Projeto
O SENAI enfrentava um desafio crítico: seus produtos educacionais e de RH operavam sem padronização visual, criando inconsistências na experiência do usuário e ineficiências no desenvolvimento. Com mais de 20 squads trabalhando simultaneamente, a necessidade de um Design System robusto tornou-se estratégica.
Em parceria com o Google como intermediador e a Calriz como executora, liderei a criação de um sistema de design escalável que revolucionaria a forma como os produtos digitais do SENAI eram concebidos e desenvolvidos.
[EN]
Project Context
SENAI faced a critical challenge: its educational and HR products operated without visual standardization, creating inconsistencies in user experience and development inefficiencies. With more than 20 squads working simultaneously, the need for a robust Design System became strategic.
In partnership with Google as intermediary and Calriz as executor, I led the creation of a scalable design system that would revolutionize how SENAI's digital products were conceived and developed.
In partnership with Google as intermediary and Calriz as executor, I led the creation of a scalable design system that would revolutionize how SENAI's digital products were conceived and developed.
[PT]
Minha Responsabilidade
Minha Responsabilidade
Conduzi toda a estratégia e execução do projeto, desde a research inicial até a implementação final. Facilitei workshops de co-criação com stakeholders, estabeleci a governança do sistema e garanti que cada componente atendesse aos requisitos técnicos e de usabilidade das equipes.
[EN]
My Responsibility
I led the entire project strategy and execution, from initial research to final implementation. I facilitated co-creation workshops with stakeholders, established system governance, and ensured each component met the technical and usability requirements of the teams.
[PT]
Estratégia e Execução
Estratégia e Execução
Research e Fundamentação
Realizei uma análise abrangente do mercado de Ed-tech e mapeei tendências de design para os próximos 5 anos. O foco foi criar um sistema evergreen - componentes modulares que evoluem sem necessitar redesigns constantes, priorizando escalabilidade sobre estética passageira.
[EN]
Strategy and Execution
Research and Foundation
I conducted a comprehensive Ed-tech market analysis and mapped design trends for the next 5 years. The focus was to create an evergreen system - modular components that evolve without requiring constant redesigns, prioritizing scalability over fleeting aesthetics.
[PT]
Arquitetura do Sistema
[EN]
System Architecture
[PT]
Desenvolvi uma arquitetura baseada em Design Tokens, estabelecendo fundamentos sólidos:
• Paleta cromática acessível (WCAG 2.1 AA)
• Typography scale responsiva
• Grid system flexível de 12 colunas
• Spacing system baseado em múltiplos de 8px
[EN]
[EN]
I developed an architecture based on Design Tokens, establishing solid foundations:
• Accessible color palette (WCAG 2.1 AA)
• Responsive typography scale
• Flexible 12-column grid system
• Spacing system based on 8px multiples
• Responsive typography scale
• Flexible 12-column grid system
• Spacing system based on 8px multiples
[PT]
Componentes Escaláveis
Componentes Escaláveis
Criamos uma biblioteca de 40+ componentes reutilizáveis, desde átomos básicos até organismos complexos, todos documentados com casos de uso, estados de interação e guidelines de implementação.
[EN]
Scalable Components
We created a library of 40+ reusable components, from basic atoms to complex organisms, all documented with use cases, interaction states, and implementation guidelines.
[PT]
Impacto Mensurável
Impacto Mensurável
Eficiência Operacional
• 300% de aumento na velocidade de prototipagem
• 60% de redução no tempo de desenvolvimento de interfaces
• Standardização completa de 30+ produtos em apenas 2 meses
[EN]
Measurable Impact
Operational Efficiency
• 300% increase in prototyping speed
• 60% reduction in interface development time
• Complete standardization of 30+ products in just 2 months
• 60% reduction in interface development time
• Complete standardization of 30+ products in just 2 months
[PT]
Transformação Digital
O Design System se tornou o catalisador de uma revolução digital no SENAI:
• 15 plataformas educacionais redesenhadas simultaneamente
• 85% de redução em inconsistências visuais reportadas
• Adoção por 100% das squads em 3 meses pós-lançamento
[EN]
Digital Transformation
The Design System became the catalyst for a digital revolution at SENAI:
• 15 educational platforms redesigned simultaneously
• 85% reduction in reported visual inconsistencies
• Adopted by 100% of squads within 3 months post-launch
• 85% reduction in reported visual inconsistencies
• Adopted by 100% of squads within 3 months post-launch
[PT]
Legacy e Escalabilidade
O sistema não apenas solucionou os desafios imediatos, mas estabeleceu as fundações para o futuro digital do SENAI. Com uma arquitetura que suporta dark mode, internacionalização e acessibilidade avançada, o Design System continua evoluindo como um ativo estratégico da organização.
Resultado: Um Design System que não apenas unificou a experiência visual do SENAI, mas transformou a cultura de design da organização, estabelecendo novos padrões de excelência para produtos educacionais digitais.
[EN]
Legacy and Scalability
The system not only solved immediate challenges but established the foundations for SENAI's digital future. With an architecture that supports dark mode, internationalization, and advanced accessibility, the Design System continues to evolve as a strategic asset for the organization.
Result: A Design System that not only unified SENAI's visual experience but transformed the organization's design culture, establishing new standards of excellence for digital educational products.
Result: A Design System that not only unified SENAI's visual experience but transformed the organization's design culture, establishing new standards of excellence for digital educational products.
