P6.2 · Painel ROI
Depende de P6.1 e P2.1. Em `roi.ecomsmart.com.br`.
O prompt
Construa o painel que responde, em 5 segundos e sem planilha: quanto investi, quanto faturei, e qual campanha devo escalar amanhã.
Componentes de P2.1. Sidebar navy, fundo #F6F8FC, cards brancos com borda e sem sombra. Claro e escuro desde o primeiro commit, claro como padrão. Gráficos monocromáticos em escala de azul; verde, âmbar e vermelho só para variação. Todo KPI em Figtree 700, azul, tabular-nums, tracking -3%, com período e base.
1. Hoje
Quatro KPIs de 32 a 40 px: Investido hoje · Faturado hoje · ROAS · MRR atual. Cada um com a variação contra o mesmo dia da semana anterior, em pílula.
Abaixo: gráfico de 30 dias com duas séries — investido em #8DB0FF e faturado em #0A5BF0 — e o ROAS no eixo secundário.
Abaixo: as cinco campanhas com pior CAC nos últimos 7 dias, para ação imediata.
2. Campanhas
Tabela ordenável e filtrável por período e canal:
| Campanha | Canal | Investido | Leads | Qualif. | Radar | Hub | Receita | CAC | ROAS 90d | Payback |
|---|
- Semáforo na coluna de decisão: verde acima de 3,0, âmbar de 1,5 a 3,0, vermelho abaixo de 1,5. Sempre com forma além da cor, por acessibilidade
- Expandir a linha abre conjuntos e anúncios, com o CAC de cada criativo. É aqui que se descobre qual imagem vende
- Percentual sem atribuição visível no rodapé da tabela
3. Palavras-chave
Só Google. Investido contra receita atribuída por palavra, ordenado por desperdício. Botão que exporta candidatas a negativa no formato que google_publicar consome.
4. Funil
Cliques → leads → qualificados → Radar → Hub. Taxa entre cada etapa, comparada com a semana anterior e com a meta de docs/02-economia.md. A etapa mais distante da meta fica destacada, com a frase do que fazer.
5. Coortes
Matriz de mês de entrada por meses decorridos, cada célula com a receita acumulada por cliente, em escala de azul de #EEF4FF a #0A5BF0. Linha de LTV médio acumulado. Abaixo, quantos de cada coorte viraram Hub.
6. Alerta diário às 8h
E-mail e WhatsApp, tom EcomSmart — analítico, um número por frase, sem exclamação:
Ontem · 21/09 Investido R$ 148,20 · Faturado R$ 291,00 · ROAS 1,96 9 lojas conectadas · 3 com faturamento acima de R$ 30 mil Radar de Preço com CAC de R$ 112 contra a meta de R$ 90. Três criativos com CTR abaixo de 0,8%. 2 leads na fila A aguardando ligação.
Template editável no banco, não fixo no código.
7. Exportação
Botão que gera o relatório mensal em PDF no padrão do item 14 do manual — capa Profundo, dado principal em #8DB0FF, internas claras, gráficos em escala de azul. Reaproveite o gerador de P1.3.
Critérios de aceite
- As 5 telas em claro e escuro, mobile e desktop — 20 capturas
- Checklist do manual respondido pergunta por pergunta
- Todos os números conferidos contra o Gerenciador da Meta, o Google Ads e o dashboard da Stripe, no mesmo período. Divergência acima de 2% precisa ser explicada antes de eu aprovar
- Alerta diário entregue por e-mail e WhatsApp de verdade
- PDF mensal gerado
- Cada tela carregando abaixo de 1,5 s com 12 meses de dados