Como reorganizei o principal canal de autosserviço dos clientes da Matrix Energia para o lançamento do aplicativo.
01 · Contexto
A Matrix Energia oferece Energia Solar por Assinatura, permitindo que residências e pequenos negócios economizem na conta de luz sem instalar placas solares. A energia continua sendo entregue pela distribuidora, enquanto usinas parceiras geram créditos que reduzem o valor pago pelo cliente.
O Portal do Cliente é o principal canal digital de relacionamento e autosserviço da Matrix. Nele o cliente consulta faturas, histórico de economia e consumo, administra o método de pagamento, envia as credenciais da distribuidora, negocia débitos e acompanha o produto durante o onboarding.
02 · Negócio
O portal ajuda a diminuir custos operacionais ao dar autonomia ao usuário, reduzindo a dependência do atendimento, aumentando o valor percebido do produto e fortalecendo a marca e o relacionamento com o cliente. Além disso, uma análise conduzida pela PM do produto identificou que clientes que usavam o portal eram mais adimplentes do que os que não acessavam.
Ao longo do primeiro trimestre de 2026, implementamos diversas iniciativas que contribuíram para um crescimento expressivo na criação de contas no portal: onboarding, gamificação, negociação e recálculo.
03 · Problema
O portal precisava crescer como canal de autosserviço para alcançar o OKR do trimestre. Além disso, havia evidências internas de que clientes que usavam o canal eram mais adimplentes.
O portal herdava uma estrutura desenhada para desktop e adaptada ao aplicativo por meio de uma webview. Cards extensos, alertas repetidos e excesso de detalhes aumentavam a carga cognitiva e o custo de interação.
Com muita rolagem e os principais destinos escondidos no menu hambúrguer, tarefas recorrentes exigiam mais esforço do que o necessário.
04 · Desafio
Nesta entrega, priorizamos a experiência dos clientes que já recebiam faturas da Matrix. As telas dos primeiros meses após a contratação tinham conteúdos diferentes e ficaram fora deste redesign.
Esse recorte permitiu concentrar o esforço na experiência usada pela maior parte dos clientes e cumprir o prazo de lançamento do aplicativo.
05 · Solução
Como Product Designer, fui responsável por analisar a experiência atual e desenhar a nova arquitetura da home, junto com a Product Manager e o time de Engenharia.
A home é a tela em que o cliente responde “como eu estou?”. Priorizei o que era preciso para responder a essa pergunta; os detalhes de cada card passaram a ser vistos ao tocar nele.
Os cards da home tinham muitos detalhes, o que aumentava a carga cognitiva e deixava a interface visualmente poluída e a experiência menos fluida.
Um único card de fatura a vencer com erro na cobrança exibia nove informações: status, valor, mês referente, data de emissão, aviso de disponível para pagamento, data de vencimento, motivo do erro, CTA de pagamento e CTA de detalhes. Sozinho, ele já ocupava a primeira visualização da home.
Analisei o que era relevante naquele momento e o que podia ir para a tela de detalhes.
Removi os CTAs dos cards e tornei toda a área clicável: tocar no próprio card já é um padrão familiar nesse contexto.
Antes, o cliente só explorava o portal pelos cards da home ou pelo menu hambúrguer, o ponto mais distante do polegar.
Padronizei a navegação mobile de acordo com o comportamento que o usuário já conhece de outros aplicativos: os destinos recorrentes ficam permanentemente na base da tela.
Home, Faturas e Economia são as telas mais acessadas pelos clientes. As demais funcionalidades, como dados cadastrais, configurações, senha, instalações e método de pagamento, ficaram disponíveis no Menu.
Na experiência anterior, se o cliente tivesse um acordo ativo, essa informação aparecia junto do card de faturas.
Como faturas e acordos são objetos diferentes, com regras, valores e jornadas distintos, separei os dois em cards: “fatura” fica sempre fixo na home e “acordo” aparece apenas para clientes com negociação ativa.
06 · Resultado
A home coube em uma tela
Juntas, as decisões reduziram 58% do conteúdo da home, que passou a caber em toda a área útil de um Android de 360×800.
| Bloco da home | Antes | Depois | Variação |
|---|---|---|---|
| Card de economia | 314 px | 202 px | −36% |
| Resumo financeiro / faturas | 510 px | 148 px | −71% |
| Comunicado → cartão de crédito | 500 px | 108 px | −78% |
| Banner de indicação (MGM) | 95 px | 95 px | — |
| Espaçamentos verticais | 80 px | 80 px | — |
| Total de conteúdo | 1.499 px | 633 px | −58% |
07 · Impacto
No fim de maio de 2026, a nova home entrou no ar para toda a base que acessava o portal pelo mobile web, já preparando a primeira onda do aplicativo. Com a PM do produto, acompanhamos os três destinos que a home precisava facilitar: faturas, economia e cadastro de cartão.
Comparando maio com junho, primeiro mês completo com o redesign, os clientes passaram a chegar mais vezes e mais rápido a cada um deles.
Acesso aos detalhes da fatura
Acesso à página de economia
Abertura do cadastro de cartão de crédito
Fonte: Amplitude · usuários únicos, comparação maio × junho de 2026, conversão em até 1 dia.
Vou adorar conversar sobre o processo, os aprendizados ou novas oportunidades.