TOTVS | Case UX Design Enterprise

O Problema

Interface complexa que gerava erros operacionais

A experiência dos produtos TOTVS eram completamente diferentes entre si, mais de mil telas de legado, um desafio enorme. Usuários cometiam erros críticos com frequência, gerando retrabalho e custos operacionais altos.

A Solução

Design System e arquitetura de informação revisada

O maior desafio foi realizar um inventário entre os quatro principais produtos da empresa, encontrar pontos em comum e funcionalidades que poderiam ser replicadas entre todos os produtos. Iniciamos com a aplicação do Design System (Animalia) padronizando a navegação primária (Header, Menu, pageheader) e fomos atacando os principais fluxos que eram CRUD, Dashboards e formulários. Tornando uma experiência única e padronizada entre os quatro principais produtos da empresa.

Processo

Inventário

Mapeamento completo de mais de mil telas dos quatro principais produtos TOTVS, identificando padrões, inconsistências e oportunidades de unificação da experiência.

Conversas internas

Alinhamento com Gerentes de Produto de cada vertical para entender prioridades, restrições técnicas e expectativas de cada time em relação à unificação da plataforma.

Escuta com clientes

Entrevistas e testes com usuários reais dos diferentes produtos para identificar pontos de atrito, comportamentos recorrentes e expectativas sobre a nova experiência.

Validação

Ciclos de validação com clientes ao longo do processo, aplicando metodologia SUS para medir a qualidade da experiência em cada fluxo redesenhado antes da entrega final.

Telas do projeto

Telas em breve

Resultados

de aprovação no SUS

Em todos os fluxos, aplicamos a metodologia SUS para validar a experiência.

Novos componentes

Melhoramos e criamos diversos componentes no sistema de design atual da empresa.

Experiência unificada

Navegação primária padronizada entre os 4 principais produtos da empresa.

Aprendizados

Em projetos enterprise, a mudança precisa ser incremental e documentada. O Design System não é um entregável, é um produto vivo. Tratar a biblioteca de componentes como um produto com roadmap e métricas foi o que garantiu a adoção pelo time de dev.