esSense Design System

Contexto

A Sensedia, referência em APIs e integrações digitais, enfrentava um problema crescente de inconsistência visual e experiência fragmentada em seus produtos. O design dos componentes variava de time para time, dificultando a escalabilidade e a colaboração entre designers e desenvolvedores.

Minha missão, junto com uma colega de design, foi criar um Design System do zero, unificando a identidade dos produtos e garantindo mais eficiência para o time.

✱

O problema

Após mapear os produtos e entrevistar stakeholders, identificamos os principais desafios:

• Falta de padronização: diferentes versões de botões, tabelas e tipografia dentro do mesmo ecossistema.

• Retrabalho frequente: designers criavam componentes do zero porque não havia uma biblioteca centralizada.

• Dificuldade para desenvolvedores: a ausência de documentação clara aumentava o tempo de implementação.

Nosso objetivo era resolver essas dores criando um sistema que fosse escalável, acessível e fácil de usar.

O processo de construção

Criando uma base sólida:

Documentação e adoção:

Antes de desenvolver componentes, estruturamos regras fundamentais para garantir consistência:

• Paleta de cores e tipografia padronizadas para todos os produtos.

• Sistema de espaçamento e grid para manter harmonia entre os elementos.

• Diretrizes de acessibilidade seguindo padrões WCAG, para garantir usabilidade para todos.

Com a base definida, partimos para a criação dos componentes essenciais, como botões, formulários e tabelas. Cada um foi projetado para ser versátil e adaptável, reduzindo a necessidade de variações desnecessárias.

Construindo os componentes:

Criamos um portal de documentação interativo, onde qualquer pessoa do time poderia encontrar orientações e exemplos práticos de uso dos componentes. Para incentivar a adoção, promovemos:

• Workshops internos para apresentar o sistema ao time.

• Guias práticos e exemplos reais mostrando os benefícios do novo design.

• Suporte contínuo, garantindo que as equipes adotassem a mudança com facilidade.

Resultados e impacto

• Adoção rápida: em 6 meses, 90% dos produtos internos já utilizavam o EsSence.

• Redução no tempo de desenvolvimento: criar novas telas ficou 30% mais rápido.

• Melhoria na experiência do usuário: interfaces mais consistentes e intuitivas.

• Facilidade para novos designers e devs: o onboarding no time ficou mais simples.

Além dos números, recebemos feedbacks extremamente positivos de designers e desenvolvedores, que destacaram a praticidade e a clareza do sistema.

Redução no tempo de desenvolvimento

Aprendizados

Esse projeto me permitiu aprimorar minhas habilidades em produto, UX e UI. Aprendi a:

• Trabalhar com stakeholders diversos, garantindo que o Design System atendesse a todos.

• Criar soluções escaláveis, que não apenas resolvem problemas imediatos, mas também facilitam futuras evoluções.

• Equilibrar estética e funcionalidade, garantindo que os produtos sejam bonitos, mas também eficientes.

A colaboração com minha colega foi essencial para o sucesso do projeto, e juntos conseguimos transformar a forma como o design era feito na Sensedia.

Conclusão

Criar um Design System do zero foi um desafio estratégico e técnico, mas o impacto foi enorme: design mais eficiente, colaboração melhor e produtos mais consistentes.

Esse case mostra minha capacidade de atuar de ponta a ponta, desde pesquisa e estratégia até implementação e adoção, garantindo impacto real no produto.

✱