Capa do projeto ContaLeve: logotipo com uma lâmpada preta e uma folha, entre dois arcos amarelos
UX/UI20256 min de leitura

ContaLeve

App que ajuda as pessoas a entender a conta de luz e reduzir o consumo de energia em casa.

Categoria

UX/UI

Duração

3 meses

Meu papel

UI Designer, entrevistas e testes de usabilidade

Ferramentas

Figma, FigJam, Google Forms, Google Meet, Ballpark

01 · Contexto do Projeto

Energia que você paga sem entender

O ContaLeve é um aplicativo pensado para ajudar moradores das capitais brasileiras a acompanhar o próprio consumo de energia, entender a conta de luz e adotar hábitos mais econômicos no dia a dia.

O projeto foi desenvolvido por uma equipe de três designers. Colaborei com a Laís, líder do projeto, durante todo o processo, e fiquei responsável pela interface, pelas entrevistas e pelos testes de usabilidade, em conjunto com a pesquisa e a organização conduzidas pela equipe.

02 · Desafio

Como ajudar as pessoas a entender a conta de luz e reduzir o consumo de energia em casa?

29,4%

do consumo de energia no Brasil vem das residências

Fonte: SciELO / Instituto Pólis

48%

dos consumidores não compreendem a própria fatura

Fonte: SciELO / Instituto Pólis

95,7%

dos entrevistados não usam nenhuma ferramenta para economizar

Fonte: Pesquisa com usuários

70

respostas na pesquisa com usuários

Fonte: Pesquisa com usuários

03 · Pesquisa

O que precisávamos descobrir

A pesquisa foi dividida em quatro etapas: mapeamos o que já sabíamos e o que precisávamos descobrir, levantamos dados sobre o consumo de energia no Brasil, analisamos os apps disponíveis e ouvimos os próprios usuários.

Matriz CSD

Usamos a matriz CSD para organizar certezas, suposições e dúvidas e definir quais respostas a pesquisa precisava buscar.

Matriz CSD com três colunas: Certezas em verde, Suposições em azul e Dúvidas em amarelo, com post-its em cada uma

Desk research

O consumo de energia no Brasil cresce a cada ano, com o Sudeste liderando a demanda e o Norte registrando altas recentes, como os 23% de aumento no Amazonas no início de 2024. O valor final da conta depende de vários fatores ao mesmo tempo: a tarifa da distribuidora, a bandeira tarifária, a quantidade de eletrodomésticos e o tempo de uso de cada um. É muita variável para uma fatura que quase metade das pessoas não entende.

Benchmark

Analisamos quatro apps de consumo de energia disponíveis no mercado. Todos se limitavam a um simulador de consumo, com interfaces simples e pouca atenção à experiência. Nos comentários das lojas, os usuários pediam mais controle sobre a contagem, histórico mensal para comparar e opção de salvar e exportar os resultados.

FuncionalidadesApp 1App 2App 3App 4
Controle de consumo de energia
Alerta de bandeiras tarifarias
Opção educativa sobre consumo de energia elétrica (como um blog)
Simulador / calculadora de consumo de energia
Consumo de energia elétrica em tempo real

Survey

Aplicamos um questionário online que reuniu 70 respostas, para entender a relação das pessoas com o próprio consumo e validar nossas suposições.

Quatro gráficos do questionário sobre bandeiras tarifárias, interpretação da conta, uso de ferramentas para economizar e acompanhamento do consumo

O que a pesquisa confirmou

  • As pessoas têm dificuldade para entender a conta de energia
  • Quase ninguém usa uma ferramenta para ajudar a economizar
  • As funcionalidades mais desejadas são simulação da conta, dicas personalizadas e explicação da fatura
04 · Personas

Criamos três personas

A partir da pesquisa, criamos três personas que representam perfis diferentes de consumo: quem precisa economizar, quem quer consumir de forma consciente e quem gasta muito sem conseguir controlar.

Persona Ruth Silva, 35 anos, confeiteira de Manaus, com seu perfil, estilo de vida e desafios com a conta de luzPersona Maria Eduarda, 26 anos, profissional de recrutamento em São Paulo, com seu perfil, estilo de vida e desafiosPersona Renato Campos, 49 anos, programador em home office no Rio de Janeiro, com seu perfil, estilo de vida e desafios
05 · Jornada do usuário

Da conta na mão aos velhos hábitos

Mapeamos a jornada de quem recebe a conta de luz e tenta mudar de hábito. O ponto mais revelador foi a última etapa: mesmo motivadas, as pessoas acabam voltando aos antigos hábitos, porque nada as lembra de continuar.

Mapa da jornada do usuário com as etapas Descoberta, Análise, Pagamento, Economia e Soluções e Volta de Velhos hábitos, organizadas em ações, objetivos, sentimentos, dores e oportunidades
06 · Arquitetura e fluxo de navegação

Como o app se organiza

Organizamos o app a partir do dashboard, que concentra o valor atual da conta, a bandeira tarifária e o consumo do período. Dele, o usuário acessa cinco áreas principais: consumo de energia, entenda sua conta, alertas e notificações, energia renovável e perfil. A estrutura foi pensada para que as funções mais usadas, como o contador e o simulador, estejam a no máximo dois toques de distância.

Diagrama da arquitetura da informação do app, partindo do Dashboard para consumo de energia, entenda sua conta, alertas e notificações, consumo sustentável e perfilFluxo de navegação completo do app, do início até o cadastro, contadores, simulador, alertas personalizados e perfil
07 · Style guide

Identidade visual do app

O style guide reúne as decisões visuais do ContaLeve: tipografia, cores e grid. A paleta parte do amarelo e do verde, que remetem à energia e à economia, sobre uma base neutra de preto e branco que mantém os dados legíveis. As cores de alerta sinalizam o nível de consumo, e o verde aparece sempre que algo está sob controle.

Paleta de Cores

Cores Primárias

Background

rgba(246,246,246,1) hsla(0,0,96,1) #F6F6F6

Black

#242424

Branco

#FFFFFF

Cores Secundárias

Cinza claro

#F6F6F6

Cinza

#E8E8E8

Vermelho

#FF3B30

Laranja

#FF9500

Amarelo

#F6FF00

Verde

#34C759

Azul

#2D9CDB

Tipografia

Nunito

Weights & scales

Aa

Regular

Aa

Medium

Aa

SemiBold

Aa

Bold

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789

DM Sans

Weights & scales

Aa

Regular

Aa

Medium

Aa

SemiBold

Aa

Bold

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789

Grid

Especificação do grid do app: tipo centralizado, 4 colunas, margem de 24 px e sangria de 16 px
08· Testes de usabilidade

O que aprendemos testando

Realizamos três rodadas de testes de usabilidade remotos. A primeira foi moderada, com 5 participantes, o que nos permitiu observar de perto como as pessoas navegavam e onde hesitavam. As duas seguintes foram não moderadas e reuniram 53 participantes, ampliando a validação das tarefas principais do app.

Registro de uma sessão de teste de usabilidade remota por videochamada, com o protótipo do app, o enunciado da tarefa e a tela do dashboard
09· Interface

Telas de alta fidelidade

As telas traduzem as decisões do style guide em uma interface que coloca o consumo em primeiro plano.

O dashboard reúne gasto em reais, quilowatt-hora e comparação com o mês anterior; as demais seções aprofundam consumo por aparelho, as dicas personalizadas e a explicação da fatura.

Cinco telas do app ContaLeve lado a lado: Dashboard, Consumo de energia elétrica, Contador, Dicas personalizadas de economia e Entenda a sua conta
Mockups finais do ContaLeve: dois celulares exibindo o dashboard e o consumo de energia, ao lado do ícone do app na tela inicial de um iPhoneGrade de telas do app ContaLeve em celulares inclinados, mostrando o simulador, novo monitor, alerta de login, cadastro de contador, monitores ativos, eletrônicos e formulário de novo eletrodoméstico
10 · Resultados e impacto

O que o ContaLeve entrega

Validamos o app em três rodadas de testes de usabilidade: uma moderada, com 5 participantes, e duas não moderadas, que reuniram 53 pessoas. O que observamos guiou os ajustes finais da interface. Com o app no ar, o impacto esperado parte direto da nossa pesquisa: hoje, 48% das pessoas não entendem a própria fatura e 95,7% não usam nenhuma ferramenta para economizar. Para medir a mudança, acompanharíamos quantos usuários passam a entender a conta, a variação do consumo mês a mês e quantos mantêm os novos hábitos depois de receber os alertas.

11 · Conclusões e agradecimentos

Conclusões e agradecimentos

"O ContaLeve nasceu de um incômodo comum: pagar todo mês uma conta que pouca gente entende. Ao longo do projeto, percebemos que o desafio não era só mostrar números, mas traduzir o consumo de energia em algo próximo do dia a dia, com linguagem simples e informações que levam a uma ação.

Para mim, foi uma experiência importante de conduzir entrevistas e testes de usabilidade, e de ver como a interface muda quando é confrontada com pessoas reais. Como próximos passos, o projeto pede a integração com dados reais das distribuidoras, o acompanhamento do uso ao longo de alguns meses para entender se os alertas ajudam a manter os novos hábitos, e novos testes com públicos de outras regiões do país.

Agradeço à Laís, que liderou o projeto e me convidou para fazer parte dele, e à Franciane, pela parceria na pesquisa.

Vamos conversar?benninghellen@gmail.com

Respondo em até 48h — projetos, colaborações e cafés.

WhatsApp: +55 83 9 9860-6905
© 2026 Hellen BenningPortfólio · Edição 01