YANDesign de web app e dashboard
Orka. De toda a base de equipamentos a uma única leitura
Um dashboard administrativo em português para equipamentos que enviam leituras de água, com visão geral, lista com filtros e uma tela de detalhes para cada unidade.
- Meu papel
- Design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do arquivo de design original no Figma, com dados de exemplo.
Minha contribuição
Orka é um dashboard administrativo para desktop, em português, para gerenciar equipamentos, quem usa esses equipamentos e as empresas donas deles. As unidades enviam leituras de água como pH, ORP e temperatura.
Três telas sustentam a estrutura: a visão geral, a lista de equipamentos e o detalhe de uma unidade. Todos os valores nelas são dados de exemplo.
Totais primeiro, eventos recentes por perto
A visão geral abre com quatro blocos azuis: equipamentos, equipamentos premium, empresas e usuários. Abaixo, dois gráficos dividem os equipamentos por plano e os usuários por nível de acesso, e um gráfico de linha acompanha os novos equipamentos ao longo do ano.
As notificações têm uma coluna própria, então eventos como um pH perto do limite ou uma unidade sem sinal ficam nesta tela, e não em outra página. Uma versão curta da lista começa no fim da mesma tela.
Da lista a uma unidade
A lista é feita para uma leitura rápida. Abas separam todos os equipamentos, os gratuitos e os premium, e cada linha reúne as últimas leituras, status, plano, empresa e alertas. A temperatura muda de cor conforme o nível e um alerta aparece como um triângulo com contagem, então as exceções se destacam.
A tela de detalhes mantém a ordem da visão geral para uma única unidade: leituras atuais nos blocos grandes, valores do inversor em uma faixa mais clara e depois gráficos de como cada leitura variou, com mínimo e máximo. O medidor de pH marca as faixas como não aceitável, aceitável e desejável, o que transforma um número em um julgamento.
