Voltar ao portfólio

Desenvolvimento · 2025

Bot de WhatsApp que atende antes do humano

A escola recebia dezenas de mensagens por dia no WhatsApp, com perguntas repetidas (preço, horário, nível, aula trial) consumindo o time comercial e atrasando os leads quentes.

DESENVOLVIMENTOAUTOMAÇÃOWHATSAPP
Cliente
Escola de idiomas
Ano
2025
Frente
Desenvolvimento
Objetivo
Responder rápido, filtrar dúvidas simples e deixar o time focado em quem quer comprar.
Refine Cubo - Bot de WhatsApp que atende antes do humano, capa do projeto

Preview do site.

bot-de-whatsapp-que-atende-antes-do-humano.preview
Refine Cubo - tela 1 do site Bot de WhatsApp que atende antes do humano

Preview do projeto. Role dentro da janela para ver todas as telas.

Resultados.

instantânea

Resposta inicial

68%

Dúvidas resolvidas sem humano

+55%

Aulas experimentais agendadas

< 1 min

Tempo médio de resposta

O projeto.

Desenvolvemos um chatbot sobre a WhatsApp Business Cloud API com máquina de estados conversacional: o fluxo saúda, coleta o objetivo do aluno, apresenta níveis e horários consultando a disponibilidade em tempo real e dispara deep link de matrícula ou agendamento de trial. Um middleware de roteamento identifica intenções fora do fluxo e faz handoff pro atendente humano com o histórico completo da conversa. Cada interação grava eventos e tags no CRM, alimentando o pipeline comercial automaticamente.

Como foi feito

  • Chatbot sobre a WhatsApp Business Cloud API oficial, com webhooks e resposta em tempo real.
  • Máquina de estados conversacional com linguagem natural, não menu numerado.
  • Integração com a agenda via API: disponibilidade de trials consultada em tempo real.
  • Handoff pro humano com histórico completo da conversa anexado ao atendimento.
  • Tags automáticas de intenção sincronizadas com o CRM, alimentando o pipeline comercial.
  • Disponibilidade 24/7 com resposta inicial em menos de 1 minuto.

Execução técnica.

05
01

Arquitetura de informação e escopo técnico

Mapeamento das jornadas prioritárias, definição da hierarquia de conteúdo e do modelo de dados antes de qualquer tela. O escopo é fechado em componentes reutilizáveis, o que reduz retrabalho e mantém o comportamento consistente entre páginas.

02

Design system e implementação em componentes

Tokens de cor, tipografia, espaçamento e raio definidos em CSS e consumidos por componentes — nenhum valor solto no código. Layout construído em grid responsivo com breakpoints reais de uso (mobile, tablet, desktop) e estados explícitos de hover, foco, carregamento, vazio e erro.

03

Performance e Core Web Vitals

Imagens servidas em formato moderno com dimensões fixas para evitar deslocamento de layout, carregamento diferido abaixo da dobra, divisão de código por rota e renderização no servidor do conteúdo crítico. Animações restritas a transform e opacity, aceleradas por GPU, para manter o scroll estável.

04

SEO técnico, acessibilidade e rastreio

Estrutura semântica com um H1 por página, meta e Open Graph por rota, dados estruturados em JSON-LD, sitemap e canônicas. Contraste, navegação por teclado e rótulos ARIA validados. Camada de analytics instalada com eventos de conversão nomeados por etapa da jornada.

05

Mensuração e ciclo de melhoria

Toda a entrega roda em ciclo fechado: definição de indicador primário, coleta em painel único, leitura semanal de variação e ajuste na semana seguinte. O critério de decisão é sempre o dado de saída — não o gosto pessoal. Neste projeto os indicadores acompanhados foram resposta inicial, dúvidas resolvidas sem humano, aulas experimentais agendadas, tempo médio de resposta.

Próximo projeto

Loja online que vende sem depender do direct

Fale conosco