[gtranslate]
Product Designer
Tech Leadership
Design Ops
Mentorship
UX/UI Design
Component Libraries
Documentation
Workshops
A empresa, com uma demanda global e projetos variados, enfrentava problemas como inconsistências entre protótipos e produtos finais, perda de tempo em tarefas simples, falhas de comunicação entre equipes e atrasos nas entregas. Com apenas dois designers e nenhum processo alinhado entre eles e o time de front-end, foi necessário redesenhar os fluxos internos, principalmente com a planejada expansão da empresa à caminho. Assim, tive a oportunidade de co-liderar um Design System com mais de 30 componentes e suas variáveis, versões desktop e mobile. Além de ampliar a equipe, liderando a contratação e treinamento de novos designers, necessários para o crescimento e sucesso do DS.
Apresentei as vantagens do Design System aos demais times, explicando seus requisitos e alinhando as expectativas. Com todos engajados, envolvi o time em uma análise dos principais projetos daquele ano para identificar os componentes mais recorrentes. Com isso, criei um checklist de componentes que seria a base do nosso MVP.
Eu e o designer, meu dupla, já havíamos começado a trabalhar em uma biblioteca interna de componentes. Essa experiência foi um aprendizado valioso. Aprendemos que todas as equipes precisam estar envolvidas e que é necessário revisar certas etapas com antecedência, como por exemplo, o inventário de estilos e componentes.
Junto ao time de RH e de administração, desenvolvi um programa de gamificação para expandir e treinar o time de design, que cresceu de 2 para 8 membros. O programa, com duração de 3 meses para cada novo designer incluía sessões diárias obrigatórias entre mentor e mentorado, reuniões opcionais para dúvidas, plano de estudos semanal para desenvolver habilidades técnicas e interpessoais e desafios graduais com tarefas testes. Além disso, os mentorados recebiam feedbacks anônimos de seu squad mensalmente.
Minhas funções: Senior Designer (2020–2022): Apresentou, planejou e iniciou a implementação do Sistema de Design. Mentor (2022–2024): Expandiu a equipe e treinou novos designers. Tech Lead and Design Ops (2022–2024): Criou modelos, instruiu equipes e iterou o Sistema de Design.
Designer Lead
Liderou a equipe na criação e evolução do design system e alinhou a estratégia com as metas comerciais da empresa.
Designer Ops, Tech Lead and Mentor
Gerenciou a escalabilidade da equipe e do design system, concentrando-se em processos, documentação e promovendo a adoção do sistema.
Designer Sênior
Atuou em decisões complexas e revisou o trabalho dos designers plenos e juniores.
Designer Mid e Júnior
Apoiaram a construção de componentes, fizeram ajustes sob supervisão, aprimoraram suas habilidades e identificaram melhorias no sistema.
Colaborei com a definição de estilos replicáveis para todo o DS, como botões, ícones, tipografia, cores, espaçamento, sombras, campos de formulários, entre outros, garantindo consistência.
Envolvi o time a criar os elementos dos mais básicos aos mais complexos. Essa hierarquia assegurou reutilização e facilidade de manutenção do DS.
Co-lideirei a criação dos 35 componentes com 5 variações para cada um, nas versões para desktop e mobile, ou seja, 350 componentes no total.
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Component
Junto ao time de Front-end e QA, criei um processo de HandOff com as seguintes etapas: capa do projeto, guia de estilo (com Logo, tipografia, cores, sombras, espaçamento, botões formulários), recursos visuais (ícones, ilustrações, imagens e backgrounds) e componentes (organizados atômicamente, com especificações detalhadas). O arquivo incluía layouts aprovados e rejeitados para consulta.
Facilitei o treinamento da equipe, marcando o fim de uma fase importante que fortaleceu a equipe e consolidou processos. Ensinei os princípios dos componentes, sua aplicação em projetos e a transferência para o front-end, com a participação das equipes de design, front-end e controle de qualidade. Forneci materiais de apoio, e o feedback da equipe mostrou entusiasmo e confiança nas novas práticas.
A vasta biblioteca de componentes permitiu ao time criar mais de 20 templates, incluindo landing pages, blogs, sites completos e outros produtos. Esses modelos podiam ser escolhidos pelo cliente para serem utilizados como apresentados ou adaptados de acordo com as necessidades do projeto.
A criação do Design System só foi possível sem comprometer as entregas aos clientes graças ao crescimento da equipe. Por meio da mentoria, o time de design expandiu de 2 para 8 membros em tempo recorde, possibilitando maior eficiência e suporte aos projetos.
O volume de tarefas concluídas mensalmente cresceu de 40 para 160 entregas, aumento impulsionado pela implementação dos novos sistemas (Design System e HandOff), que otimizou os fluxos de trabalho e aprimorou a comunicação entre as equipes.
A expansão da cartela de clientes para mais de 100 por quarter foi acompanhada de perto, com avaliações regulares da satisfação em relação às entregas. Alinhada ao crescimento contínuo da base de clientes, a empresa recebeu constantes feedbacks positivos.
Com menos tempo em tarefas simples, o time passou a focar em inovações para melhorar o próprio Design System. Cada designer realizava ao menos 5 tarefas de inovação por mês. Essas inovações passaram a serem premiadas, como um dos critérios para os bônus mensais.
A implementação do novo sistema contou com revisões mensais por projeto. Quando necessário, os responsáveis eram orientados para alinhar as práticas ao padrão estabelecido, garantindo consistência e melhorias.
Os projetos foram acompanhados mensalmente, observando uma redução progressiva nas tarefas de ajustes, de pelo menos 8 para 3 tarefas mensais, para todo o time. Resultado alcançado graças ao alinhamento entre os times e entre as plataformas Figma e HubSpot.
Iniciado em 2020 e ainda em constante evolução, este design system é um organismo vivo, que se adapta às melhores práticas do mercado e ao feedback de usuários, clientes e equipe. Para garantir melhorias contínuas, foi criado um espaço interno para reportar erros e sugestões, permitindo ajustes regulares. Novos componentes, variáveis e templates são constantemente desenvolvidos e atualizados para atender às demandas emergentes. Explore o protótipo ou acesse a biblioteca de componentes em constante construção no site.
Quer conversar sobre projetos, design ou oportunidades de trabalho?
Fique à vontade para entrar em contato!
© 2024 | Juliana Senra
