Case 04 — Desenvolvimento web com IA

Dashboard de marketing

Uma visão do marketing, do primeiro contato ao faturamento.

Visão executiva do dashboard: funil de leads, clientes com orçamento e clientes com pedido, com valores, taxas de conversão e evolução do mês (dados fictícios)
Painéis
Vendas, leads e e-mail
Gráficos
~40
Atribuição
Pelo CNPJ, até 130 dias
IA
Análise do mês com GPT

O desafio

O problema

O marketing conseguia mostrar quantos leads gerava, mas não quanto eles vendiam. Em uma indústria B2B, a venda acontece dias ou semanas depois, por orçamento, no ERP — e o vínculo com a campanha que trouxe o cliente se perdia no caminho.

Contexto do projeto

Era preciso um painel que juntasse marketing, pré-venda e comercial numa mesma régua: do clique no anúncio ao pedido faturado, com regras claras de atribuição e números que a diretoria pudesse confiar.

  1. Gatilho Leads site/LPs
  2. Dados E-mail marketing
  3. Dados Orçamentos ERP
  4. Lógica Vínculo por CNPJ
  5. Lógica Atribuição
  6. IA Análise IA
  7. Entrega Dashboard
Gatilho Dados Lógica IA Entrega

Para a diretoria

Do lead ao pedido em uma tela

A visão executiva mostra o funil completo — leads únicos, clientes com orçamento, clientes com pedido —, com taxas de conversão entre as etapas, valores em reais, comparação com o mês anterior e com a média dos três meses anteriores.

Ver detalhes desta etapa

Logo abaixo, o ranking de canais e o desempenho por carteira de vendedores mostram onde o investimento está virando faturamento.

Ranking de resultados por canal com clientes, orçamentos e pedidos e tabela de desempenho por carteira
Resultados por canal e por carteira
Indicadores de vendas atribuídas: ticket médio, total em pedidos e orçamentos, clientes novos e existentes e funil
Indicadores de vendas atribuídas

A regra de ouro

Atribuição pelo CNPJ

O coração do painel é o vínculo entre lead e documento. Leads e eventos de e-mail são cruzados com orçamentos e pedidos do ERP pela raiz do CNPJ, dentro de janelas de tempo: até 130 dias para cliente novo ou filial nova e até 22 dias para ativação de cliente existente.

Ver detalhes desta etapa

Cada documento é classificado como Cliente Novo, Filial Nova ou Ativação/Reativação. Quando o lead do site e um clique de e-mail acontecem com até 10 dias de diferença, a origem vira “Site/LP + E-mail” — e orçamento e pedido são ligados por itens em comum.

Barras empilhadas de atribuição por identificador de campanha e por termo de busca
Atribuição por campanha e palavra-chave
Tabela de documentos atribuídos com origem, UTMs, classificação e tempo de conversão
Documentos atribuídos
Detalhe de um pedido com a jornada: UTMs do lead, cadastro do cliente, orçamento vinculado e pedido gerado
Jornada completa de um pedido
Documentação das regras de vínculo com as janelas de 130 e 22 dias e a exceção para mídia paga
Regras documentadas no próprio painel

IA

O mês explicado pela IA

Com um clique, os indicadores do mês e dos dois anteriores são enviados a um modelo de linguagem, que devolve em formato estruturado um resumo executivo, os KPIs que mais mudaram e recomendações de ação — por exemplo, leads qualificados que ainda não receberam orçamento.

Janela de análise com IA mostrando resumo, KPIs e recomendações geradas a partir dos indicadores (resposta simulada com dados fictícios)
Análise com IA (dados fictícios)
Taxa de conversão por landing page e curva acumulada do mês comparada ao mês anterior
Eficiência por página e evolução do mês

Aquisição

Leads, qualidade e origem

O painel de novos leads mostra volume, média diária, participação do tráfego pago e o melhor dia da semana, com mapa por estado e detalhamento por município. A pré-venda avalia cada lead como qualificado ou desqualificado, e os motivos viram indicadores de qualidade por palavra-chave e por campanha.

Ver detalhes desta etapa

Tabelas cruzam canal × dispositivo e origem × mídia, e todos os filtros — período, canal, estado, carteira, tipo de item — podem ser combinados. Leads que chegam por telefone ou visita entram por um registro manual em duas etapas, com UTMs sugeridas.

Indicadores de aquisição e bloco de qualificação de leads com cobertura das avaliações e motivos de desqualificação
Qualificação pela pré-venda
Mapa do Brasil com leads por estado e destaque para tráfego pago
Mapa de leads por estado
Tabelas de desempenho por canal e matrizes canal por dispositivo e origem por mídia
Canais e UTMs
Formulário de registro manual de lead com escolha de origem e campanha UTM sugerida
Registro manual de lead

Relacionamento

E-mail marketing com meta

O terceiro painel acompanha campanhas e automações de e-mail: taxa de abertura e de entrega contra a meta, desempenho por tipo e categoria de campanha, melhor dia de envio e as respostas recebidas — que também entram na atribuição de vendas.

Painel de campanhas de e-mail com abertura e entrega contra a meta, tipos de campanha e comparativo com o período anterior
Campanhas de e-mail
Respostas a e-mails por dia e campanhas com mais respostas
Respostas às campanhas
Leads no celular
Vendas no celular

Por dentro

Seguro por arquitetura

O navegador nunca fala direto com os sistemas da empresa: todas as consultas passam por uma camada PHP autenticada, que busca os dados em fluxos do n8n e em APIs privadas guardadas fora da pasta pública. A interface usa Tailwind, JavaScript puro, Chart.js e ECharts — cerca de 40 gráficos nas três telas —, com exportação para Excel.

Ver detalhes desta etapa

O acesso é individual, com perfis de administrador e visualizador, proteção CSRF, limite de requisições e sessão com expiração. A metodologia de atribuição fica documentada numa página “Como funciona” dentro do próprio painel.

Página “Como funciona” com o fluxo de dados da captação do lead ao resultado em vendas
Metodologia documentada
Janela para explorar avaliações de leads com motivo, avaliador e origem
Explorar avaliações de leads

Resultado

O que mudou

  • 01

    O marketing passa a responder quanto vendeu, não só quantos leads gerou.

  • 02

    Cada pedido mostra a jornada completa: anúncio, palavra-chave, cadastro, orçamento e venda.

  • 03

    Pré-venda, comercial e marketing olham para os mesmos números, com regras de atribuição documentadas.

  • 04

    Um resumo mensal com recomendações gerado por IA em um clique.

Stack

  • PHP 8
  • JavaScript
  • Tailwind
  • Chart.js
  • ECharts
  • n8n
  • OpenAI GPT
  • SAP (ERP)
  • RD Station
  • XLSX