Dashboard geral de vendas e marketing

Com base no dashboard da wemoove que você compartilhou, aqui está o briefing para o desenvolvedor:

Briefing Técnico - Dashboard Wemoove
Visão Geral
Preciso de um dashboard web responsivo para monitoramento de marketing digital e vendas, dividido em duas seções principais: Marketing e Vendas.
Integrações Necessárias
APIs a integrar:

RD Station API - para dados de leads, oportunidades e funil de vendas
Meta Ads API - para métricas de campanhas do Facebook/Instagram
Google Ads API - para dados de campanhas do Google
Google Analytics API - para dados do site

Seção 1: Marketing
Filtros superiores:

Seletor de período (data range picker)
Dropdown de campanhas (puxar da Meta Ads + Google Ads)
Dropdown de criativos (puxar assets das campanhas)

KPIs principais (cards com indicadores visuais):

INVEST: Soma total gasto nas campanhas
Conversão: Taxa de conversão geral (vendas/leads × 100)
CPA: Custo por aquisição (gasto/conversões)
ROI: Retorno sobre investimento ((receita-gasto)/gasto × 100)
CAC: Custo de aquisição de cliente
CPL: Custo por lead (gasto/leads)
ROAS: Return on Ad Spend (receita/gasto)

Gráficos:

Top Origens: Gráfico de barras horizontal mostrando performance por canal (Google Ads, YouTube, Site, Facebook Ads)
Cada KPI deve ter barra de progresso com meta definida e indicador percentual

Seção 2: Vendas
Filtros superiores:

Seletor de período
Dropdown de vendedores (puxar do RD Station)
Dropdown de locadoras

KPIs principais:

GMV: Valor bruto de mercadoria
Conversão: Taxa de conversão de vendas
Ticket: Ticket médio das vendas
Vendas: Número total de vendas

Funil de Vendas:
Gráfico de funil com as seguintes etapas:

Pendente (subdivido em: Atendimento, Aprovado, Reprovado)
Acionado (subdivido em: Aprovado, Reprovado)
Contato Feito
Quente
Assinado

Tabelas e Rankings:

Mais Assinados: Lista dos produtos mais vendidos
TOP 5 Vendedores: Tabela com colunas:

Nome do vendedor
Número de leads
GMV gerado
Taxa de conversão
Ticket médio
Número de vendas



Requisitos Técnicos
Frontend:

Interface responsiva (mobile-first)
Cores da marca wemoove (azul como cor principal)
Atualização em tempo real ou intervalos definidos
Filtros interativos com aplicação automática
Animações suaves nos indicadores

Backend:

Sistema de cache para otimizar consultas às APIs
Agendamento de sincronização de dados
Campos calculados para métricas compostas
Logs de auditoria das integrações

Performance:

Carregamento inicial < 3 segundos
Dados atualizados a cada 15 minutos
Fallback para dados em cache em caso de falha de API

Configurações:

Painel administrativo para configurar:

Metas dos KPIs
Intervalos de atualização
Credenciais das APIs
Usuários e permissões



Campos de Correlação Entre Plataformas

UTM parameters para tracking cross-platform
Campo "origem" padronizado no RD Station
Mapeamento de campanhas entre Google Ads e Meta Ads
Tracking de conversões por pixel/GA4

Entregáveis Esperados

Aplicação web funcional
Documentação das APIs integradas
Manual de configuração
Scripts de deploy
Testes automatizados das integrações