WRW Energy: Plataforma
de adesão para um fornecedor de gás natural
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.
Desafio
1. O tráfego qualificado exige clareza imediata
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.
2. A adesão a serviços públicos envolve dados confidenciais e difíceis de obter
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.
3. Um contrato de energia precisa transmitir confiança
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.
4. O backend precisava ser simples e fácil de manter
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.
5. Os documentos do acordo exigiam um fluxo de trabalho em duas etapas
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.
Solução
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.
A página inicial como funil
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.
Comparação de planos que respeita o tempo do usuário
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.
Formulário de adesão com validação precisa
Após selecionar um plano, o usuário acessa um formulário de adesão estruturado. Cada campo presente é operacionalmente necessário.
- O número de conta é mascarado no formato Enbridge e validado para 13 dígitos, incluindo zeros à esquerda.
- O telefone é mascarado no formato americano.
- O e-mail passa por validação de formato em tempo real.
- O campo Estado vem preenchido com Ohio e bloqueado, eliminando uma possível fonte de erro.
- O botão de envio permanece inativo até que todos os campos obrigatórios estejam preenchidos e o Acordo de Termos de Serviço seja aceito, evitando envios parciais ou inválidos.
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.»
Orientação contextual sobre a fatura
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.
Geração e entrega automática do acordo
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.
Painel administrativo leve
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.
Processo
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.
Resultado
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
