Obrigado!
Recebemos sua solicitação e entraremos em contato com você em breve.
Tudo bem
Setor
Energia
Varejo de serviços públicos
Serviços
Design UX/UI
Desenvolvimento frontend
Automação backend
Site
wrw.energyVisão geral
A WRW Energy oferece planos de preços fixos de gás natural para clientes da Enbridge Ohio Gas. No início do projeto, a empresa operava uma página HTML estática: sem fluxo de adesão, sem comparação de planos e sem nenhum caminho para conversão. Todo o negócio dependia do tráfego qualificado proveniente de plataformas de comparação e parceiros de indicação. Fomos contratados para projetar e desenvolver uma plataforma de adesão completa do zero, em um prazo de quatro semanas.
Problema
O público chega pronto para aderir, mas o site não oferecia nenhum caminho claro. Além disso, o processo de adesão exige dados confidenciais da fatura do serviço público — em especial, um número de conta de 13 dígitos que a maioria dos usuários não tem em mãos.
O desafio era claro: criar uma plataforma digital especializada que converta o tráfego recebido em cadastros concluídos de forma eficiente, sem atritos e em conformidade com todos os requisitos.
Solução
Redesenhamos o wrw.energy como uma ferramenta única de adesão. A página inicial abre diretamente com os cartões de planos e preços. O formulário de adesão utiliza máscaras de campo, validação em tempo real e orientações contextuais sobre a fatura para evitar que os usuários abandonem o processo. Ao enviar o formulário, o sistema gera automaticamente um acordo em PDF, envia por e-mail e transmite os dados ao provedor — tudo isso apoiado por um painel administrativo leve que a equipe gerencia de forma independente.
O público da WRW chega com uma decisão já em formação. Qualquer demora em exibir as opções de planos ou camadas de navegação desnecessárias impacta diretamente a conversão. A página inicial precisava funcionar como o primeiro passo do funil, não como um folheto informativo.
Para aderir, o cliente deve informar o número de conta Enbridge de 13 dígitos e o endereço de serviço exatamente como constam na fatura — informações que a maioria das pessoas não tem memorizadas. Sem orientação nesse momento preciso, o abandono é previsível e significativo.
Um acordo de fornecimento de gás natural não é uma compra por impulso. A interface precisava transmitir legitimidade, profissionalismo e conformidade, sem sobrecarregar a página com textos jurídicos, afirmações promocionais ou conteúdo desnecessário. A confiança tinha que vir da estrutura, não das palavras.
A WRW não tinha CMS nem infraestrutura técnica existente. O sistema precisava de um painel administrativo leve para gerenciar os preços dos planos, geração automática de acordos em PDF e entrega confiável por e-mail — tudo sem integrações complexas ou manutenção técnica contínua.
A adesão não termina com o envio do formulário. Cada cliente requer um acordo formal — um documento que deve ser gerado pelo fornecedor e revisado e aceito pelo usuário. Gerenciar o ciclo de vida desse documento, desde a geração automática até a entrega ao usuário e a confirmação, adicionava uma camada de complexidade operacional que precisava ser incorporada diretamente à plataforma.
Redesenhamos o wrw.energy do zero como uma ferramenta única de adesão. Cada decisão de design e desenvolvimento partiu de um único princípio: a seleção do plano deve ser imediata e o processo de adesão, sem atritos.
Em vez de construir uma página inicial convencional com várias seções, projetamos a experiência acima da dobra em torno de uma ação direta.
A declaração de posicionamento, o qualificador de público («Para clientes da Enbridge Ohio Gas») e os quatro cartões de planos são visíveis no momento em que a página carrega. A primeira interação do usuário é uma escolha, não uma jornada pelo conteúdo.
Cada um dos quatro cartões — 12 meses, 24 meses, 36 meses e mês a mês — exibe a duração do plano, a tarifa atual e um botão de adesão. Um link «Ver acordo» em cada cartão abre os termos completos do serviço em PDF em uma nova aba, garantindo acesso às informações de conformidade antes de qualquer compromisso.
O layout é visualmente equilibrado e totalmente responsivo: em dispositivos móveis os elementos se organizam em coluna sem perder a hierarquia.
Após selecionar um plano, o usuário acessa um formulário de adesão estruturado. Cada campo presente é operacionalmente necessário.
Um campo opcional de isenção fiscal ajusta o formato do CSV enviado ao provedor. A dica contextual, ativada pelo ícone «?», explica o campo de forma direta: «Se você é isento de impostos, informe o percentual de isenção.»
Quatro campos — Nome do titular da conta, Número da conta, Endereço e Consumo anual total — incluem um botão «?» que abre um modal com uma captura de tela anotada da fatura da Enbridge, com o campo correspondente destacado.
Esse recurso elimina o principal risco de abandono: o usuário não sabe onde encontrar seus dados. Em vez de redirecioná-lo para uma seção de perguntas frequentes ou de ajuda, a resposta aparece exatamente onde a dúvida surge.
Ao enviar o formulário, o sistema gera um acordo em PDF completo com os dados do usuário. Os campos do documento são preenchidos com precisão: nome do titular, endereço de serviço, plano selecionado, tarifa aplicável e datas de início e fim calculadas.
A lógica da data de início prevê um intervalo mínimo de um mês, com um mês adicional quando o cadastro ocorre no dia 10 ou depois, garantindo que nenhum acordo seja gerado com uma data de início impossível ou operacionalmente incorreta. Para acordos mês a mês, a data de fim é indicada como «vigente até o cancelamento por qualquer uma das partes».
O acordo concluído é entregue instantaneamente ao cliente por e-mail, com os endereços internos da equipe WRW em cópia. O e-mail é simples, profissional e objetivo: sem vendas adicionais ou texto de marketing.
Desenvolvemos um painel administrativo interno minimalista: acesso protegido por credenciais, uma única interface com os quatro campos de tarifas, um botão de salvar e logout. A equipe da WRW pode atualizar os preços de forma independente, a qualquer momento, sem necessidade de envolvimento técnico.
Antes de iniciar o design, mapeamos o percurso completo do usuário de ponta a ponta: fonte de tráfego → página inicial → seleção de plano → formulário de adesão → processamento automático → confirmação. A partir desse mapa, identificamos os momentos exatos em que o abandono era provável: incerteza sobre os requisitos de elegibilidade, dificuldade para localizar dados na fatura, hesitação ao preencher o formulário e falta de clareza sobre os próximos passos após o envio.
Cada risco identificado se tornou uma decisão de design. Os modais de orientação sobre a fatura, as máscaras de campo, o estado pré-preenchido e o botão de envio bloqueado não são elementos decorativos. São respostas a pontos de falha específicos no processo de adesão.
A WRW Energy passou de um site provisório para uma plataforma de adesão estruturada e operacional. O produto final é centrado na seleção de planos, elimina atritos em cada ponto de abandono identificado, orienta os usuários na inserção de dados sensíveis no momento em que precisam e gerencia automaticamente todo o fluxo pós-envio: geração do PDF, transmissão de dados e entrega por e-mail.
O site agora faz exatamente o que o modelo de negócio exige: recebe tráfego qualificado e o converte em cadastros concluídos — de forma simples e confiável.
Cada decisão de design respondia diretamente a um risco de conversão que identificamos no processo de adesão.
Artyom Dovgopol, desenvolvedor e líder de equipe
