UI/UX de produto
Sistemas & Dashboards
Painéis administrativos e dashboards desenhados para uso diário, não para apresentação.
Ver sistema demonstrativo
Contexto
Frente de sistemas proprietários da Storm Mídia: painéis administrativos, dashboards e ferramentas internas construídas para operações que já superaram o limite da planilha.
O problema
Dashboard bonito que ninguém usa é custo. O desafio recorrente é transformar volume de dado bruto em telas onde a pessoa encontra o número certo em segundos e executa a tarefa em poucos cliques.
Objetivos
- Reduzir o tempo entre abrir a tela e encontrar a informação que motivou a abertura.
- Prever os estados reais de uso — vazio, carregando, erro, permissão negada — em vez de desenhar só o caso feliz.
- Sustentar uso prolongado: leitura confortável em jornada inteira, não em screenshot de portfólio.
Estratégia
A interface é desenhada a partir da tarefa, não do banco de dados. O ponto de partida é sempre a pergunta que leva a pessoa a abrir aquela tela — e o desenho é avaliado por quantos passos ela leva para respondê-la. Gráfico só entra quando comunica algo que uma tabela não comunicaria; caso contrário é ruído bonito. A tipografia e o espaçamento seguem o oposto do site institucional: densidade maior, contraste mais contido, porque a tela é olhada por horas e não por trinta segundos.
Processo
- 01
Mapeamento da tarefa real
Acompanhamento de quem executa hoje, com planilha aberta, para ver o processo como ele é e não como está no manual.
- 02
Modelagem de dados e perfis
Entidades, regras de negócio e o que cada perfil de acesso pode ver e fazer.
- 03
Hierarquia de tela
Definição do que é indicador de topo, do que é filtro e do que é detalhe — antes de qualquer decisão estética.
- 04
Estados e microcópia
Vazio, carregando, erro e sucesso desenhados junto com o caso feliz, com texto que diz o que fazer a seguir.
- 05
Uso e ajuste
Refinamento com o sistema já em operação, a partir do que a rotina revela.
Decisões de UI/UX
O que foi decidido no desenho da experiência — e o motivo de cada escolha.
-
Número grande só para o que decide ação
Se um indicador não muda o que a pessoa vai fazer nos próximos minutos, ele não merece o topo da tela.
-
Filtros que refletem a pergunta, não a tabela
Os filtros nomeiam períodos e situações que a operação usa no dia a dia, em vez de expor campos crus do banco.
-
Densidade calibrada para jornada longa
Espaçamento menor que o do site institucional e contraste mais contido: a tela é olhada por horas seguidas.
-
Estado vazio como instrução
Tela sem dado explica o que precisa acontecer para haver dado — não devolve um espaço em branco.
A solução
Interfaces administrativas desenhadas a partir da tarefa real: hierarquia de informação clara, estados de vazio e de erro previstos, filtros que fazem sentido para quem opera e leitura confortável em uso prolongado.
Telas e materiais
O projeto por dentro.
-
Painel principal — indicadores de topo, filtros e tabela de detalhe.
-
Componentes de dado: cartão de indicador, gráfico e listagem.
-
Conjunto de telas administrativas.
O que mudou
Impacto do projeto.
- A informação passou a morar no sistema, e não na cabeça de quem opera.
- Cada perfil enxerga o que lhe cabe, com permissão explícita.
- Os estados de exceção deixaram de ser surpresa em produção.
Os números deste projeto pertencem ao cliente e não foram liberados para divulgação. Preferimos não publicar estimativa: se um dado não pode ser comprovado, ele não entra aqui.
Próximo case
Design & Branding
Sistemas de identidade visual construídos para aplicação real — tela, impresso e embalagem.
