Ux/Ui Luz do Bem - mateusolc.com

Uma nova forma de pagar a conta de energia!

Contexto

Sobre a Luz do Bem

A Luz do Bem é uma empresa que opera fazendas de energia solar, responsáveis pela geração de uma quantidade significativa de energia. A energia excedente produzida é disponibilizada aos consumidores finais como uma alternativa mais econômica. Ao optar por este serviço, os clientes beneficiam-se de um desconto em suas contas de luz, uma vez que a energia solar apresenta um custo inferior ao da energia convencional.

Para aprimorar a experiência do usuário e tornar os processos mais eficientes, a Luz do Bem desenvolveu um aplicativo exclusivo. Este aplicativo foi projetado para facilitar o pagamento das faturas mensais e fornecer acesso detalhado às informações de consumo de energia.

Desafio

Criar um processo intuitivo para o usuário

A empresa optou por seguir uma linha de captação de consumidores através da web, criando landing pages para divulgar seus serviços e captar mais usuários para sua distribuição de energia.

Para aprimorar a experiência do usuário e tornar os processos mais eficientes, foi desenvolvido um layout que trás todas as informações iniciais necessárias para converter e direcionar o usuário para o Whatsapp, onde será atendido por um dos especialistas da Luz do Bem.

Após a formalização do contrato, o usuário será direcionado para baixar o aplicativo exclusivo que foi projetado para facilitar o pagamento das faturas mensais e fornecer acesso detalhado às informações do consumo de energia.

Descobrir

Nesta etapa eu reuni o máximo de dados, ideias, insights, suposições e tentei entender sobre o problema

Definir

Nesta etapa eu interpretei os dados colhidos e alinhei as descobertas, para traçar um plano de desenvolvimento

Desenvolver

Nesta etapa eu desenvolvi algumas opções de soluções, enquanto eram analisadas em testes de usabildiade

Entregar

Nesta etapa eu finalizei o UI do projeto, estando apto a ser entregue para os desenvolvedores e realizar os testes de UX.

Definir

Jornada do cliente

Com base em técnicas como análise de heuristicas, Desk Research e processo como o Agile. Diante das preferências de negócios da empresa, eu comecei a elaborar a jornada que o usuário vai realizar, do acesso a landing page até o donwload do aplicativo.

O objetivo inicial para o usuário é a conversão na landing page, para que possa formalizar o contrato com os consultores da empresa.

E o objetivo final é o cadastro no aplicativo, para que o usuário possa desfrutar de um produto completo, onde poderá acompanhar detalhadamente o seu consumo de energia, e poderá pagar a sua fatura de maneira simplificada.

Desenvolver

Protótipo das landing pages

Com a jornada do cliente criada, comecei a criar wireframes no papel para ter um direcionamento de como a página iria se parecer. Após reunir ideias com base no serviço oferecido e nos usuários desse futuro produto, iniciei o desenvolvimento dos protótipos.

Com o objetivo inicial de anunciar o serviço através de marketing de performance, direcionei o foco para o mobile first. Desenvolvi uma landingpage com todas as informações essenciais para que o usuário possa ser convertido em contrato fechado.

A landingpage é atrativa com foco na conversão. Todos os botões da página servem de ancora para o formulário que irá colher as informações do usuário para seu cadastro inicial e carteira do marketing sendo utilizado em futuras campanhas.

Definir

Inicia-se o produto final

Definir

Sitemap

Após criar os protótipos das landingpages, comecei a desenvolver o sitemap do aplicativo, planejando toda a navegação do cliente dentro do produto, com base nos serviços que vão ser ofertados pela empresa.

Com essas informações comecei a criar wireframes como na imagem a cima, imaginando possíveis interações do usuário, e como conduzir sua atenção pelo produto. Direcionando sua navegação aos pontos de atenção que consideramos mais relevantes.

Desenvolver

Protótipo Aplicativo

Após todo o plano traçado, iniciei a prototipação do produto final. Defini o aplicativo em quatro telas principais.

A primeira é a tela de login, onde o usuário irá inserir os seus dados para poder ter acesso ao aplicativo.

A segunda é a home, que vai possuir as principais informações sobre valores do mês corrente e os dados de consumo energético do usuário, além de informações adicionais como energia limpa gerada e benfícios ao meio abiente.

A terceira tela é a tela de boletos, onde o usuário terá acesso a todas as suas faturas, podendo pagar de maneira simplificada, ou acessar suas informações.

A quarta e ultima tela é a area do usuário. Onde poderá acessar e configurar seus dados, além de ter acesso a campos de surpote que dará contato direto com os especialistas da empresa.

E por fim, o produto também possui uma NAV bar em suas telas principais para dar mais liberdade ao usuário, podendo ir e vir livremente entre as opções de tela.

Entregar

Solução

A conclusão do projeto trás uma solução simples, que leva o usuário a contratar o serviço e fideliza através do aplicativo. Gerando uma nova experiência para o usuário com suas faturas de energia, e criando uma nova possibilidade para a empresa de oferecer serviços no futuro.

Com a criação do protótipo de alta fidelidade já pronto, estabeleci uma base de Design System para o aplicativo e landing pages, para manter a harmonia do produto do início ao fim da sua jornada.

Agora o projeto está pronto para ser testado em quesitos de usabilidade e ser enviado aos desenvolvedores, onde será realizada sprints de teste e atualização com base na experiência dos usuários com o produto.

Ferramentas utilizadas neste projeto:

Este projeto foi criado para a Luz do Bem, porém o plano inicial da empresa não consiste no desenvolvimento de um aplicativo, tornando-o assim, um projeto conceitual de minha autoria.