YANDesign de web app e dashboard
ÉOS Energia. Um dashboard visto de três lados da energia solar
Uma plataforma em português para energia solar compartilhada, com uma mesma estrutura de dashboard adaptada para administradores, produtores e consumidores, além do menu mobile do site.
- Meu papel
- Fluxos de produto e 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
A ÉOS Energia é uma plataforma em português para usinas solares, com a ideia de energia compartilhada no próprio logo. O mesmo dashboard existe para três perfis: Administrador, Produtor e Consumidor.
O arquivo de design também inclui perfil, documentos, faturas, overlays de gráfico e de contrato, além de formulários de login e pré-cadastro. Os números nestas telas são dados de exemplo.
A mesma estrutura, três pontos de partida
As três visões têm um menu à esquerda, uma visão geral no centro e uma coluna de atualizações à direita. Com essa estrutura fixa, a diferença entre os perfis aparece no que preenche cada área: o filtro do topo é por produtor para o administrador e por usina para os outros dois, e o menu muda conforme o que cada perfil pode fazer.
O administrador tem Usuários em Gerenciar. Produtor e consumidor têm Faturas, além de Contrato e Documentos em Arquivos, então a papelada da conta fica ao lado dos números.
O que cada perfil lê primeiro
Para administrador e produtor, o primeiro bloco reúne renda, crédito de CO², produção e consumo ao lado de um medidor de ocupação da usina, e mais abaixo compara consumo e produção. Um bloco amarelo marca o número que se lê primeiro, e os outros ficam claros.
A visão do consumidor troca renda por economia e redução de CO², tira o medidor e inclui uma tabela de usinas com temperatura, produção e uma tag de status, como Em operação ou Em construção. A estrutura continua familiar, mas a pergunta deixa de ser quanto a usina rendeu e passa a ser quanto a conta economizou e como estão as usinas dela.
O site em torno da plataforma
O arquivo também guarda várias versões da landing page. No celular, o menu separa os links principais de um grupo Mais e termina com um botão amarelo, Falar com um consultor, e um link de texto para quem já tem conta.
