Voltar ao portfólio
Lançado

EuGestor — sistema completo de gestão empresarial

Redesenhando a interface e criando um design system para um ERP usado por empresas de segurança eletrônica em todo o Brasil.

Papel
Product Designer
Duração
2024
Cliente
Inside Sistemas
Link
Visitar o produto no ar
Logo do EuGestor, sistema de gestão da Inside Sistemas

Problema

Um sistema sem apoio de UX dedicado

O EuGestor centraliza estoque, ordens de serviço, faturamento e contratos para empresas de segurança eletrônica. Sem o suporte de um designer de UX dedicado, o sistema acumulou problemas sérios de usabilidade e uma curva de aprendizado acentuada, gerando alta demanda por suporte.

Navegação confusa

A estrutura não era clara: usuários precisavam procurar entre menus e submenus sem uma lógica de fluxo definida.

Falta de padronização

Ícones e botões variavam em estilo e posição, dificultando o reconhecimento e aumentando a curva de aprendizado.

Estética obsoleta

Paleta de cores saturada e layouts desorganizados, sem refletir a modernidade esperada de um sistema de gestão atual.

Sobrecarga de informação

Muita informação exibida de uma vez, sem hierarquia visual clara, dificultando a compreensão rápida das tarefas.

Tela antiga de orçamentos — antes do redesign

Solução

Modernização com foco em consistência e clareza

A interface foi completamente redesenhada com uma paleta de cores sutil e elementos mais harmonizados. As melhorias de UI tornaram a navegação mais intuitiva e os processos mais eficientes, reduzindo a barreira de entrada para novos usuários.

Navegação reorganizada

Estrutura de navegação reorganizada de forma lógica, com acesso direto às funções mais utilizadas.

Padronização visual

Ícones e botões uniformizados em todo o sistema, facilitando o reconhecimento e a memorização de ações.

Hierarquia de informação

Informações reorganizadas com hierarquia visual clara, reduzindo a sobrecarga e facilitando a leitura das telas.

Nova tela de orçamentos, já com o redesign aplicado

Sistema de Design

Uma base visual para crescer com consistência

Além do redesign, conduzi pesquisa e imersão na marca para criar um design system dedicado ao EuGestor — motivado pela falta de padronização visual identificada nos materiais existentes. O Bootstrap foi escolhido como base tecnológica, com a tipografia Inter aplicada em toda a interface.

Páginas do guia de estilo do EuGestor: ícones, cores, tipografia e grid

Consistência

Experiência unificada em todos os dispositivos e plataformas do sistema.

Precisão e detalhe

Altos padrões de atenção aos detalhes em cada componente da interface.

Clareza

Visuais e interações compreensíveis, reduzindo o esforço cognitivo do usuário.

Eficiência

Fluxos de trabalho projetados para produtividade e satisfação dos usuários.

Entregáveis do design system

Relatórios de pesquisa e imersão Guia de estilo para desktop Biblioteca de padrões de design Layouts de telas do sistema

Nova tela de Gestão de OS, construída com o design system

O design system também incorporou acessibilidade desde a base: componentes com marcação ARIA adequada, alternativas de teclado e textos alternativos para tornar o EuGestor perceptível, operável e compreensível para tecnologias assistivas.

Impacto

Menos suporte, mais fluidez no dia a dia

Tempo de tarefas rotineiras reduzido Queda nas solicitações de suporte Fluxos de trabalho mais fluidos Usuários elogiaram a clareza da nova interface

A refatoração do EuGestor foi um marco na evolução do sistema: modernizamos a aparência e otimizamos a usabilidade sem interromper as operações contínuas dos clientes, reduzindo o suporte e aumentando a satisfação dos usuários.