Automato AI Sales
Dar forma visual a um fluxo de campanhas e atendimento.
Os componentes e gráficos são de um protótipo de interface. Os valores do dashboard são dados estáticos de demonstração, não métricas reais de vendas ou IA.
Objetivo do protótipo
Automato AI Sales é um protótipo de interface para um produto SaaS de campanhas e atendimento. A implementação permite explorar landing, cadastro, login e dashboard com uma linguagem visual consistente.
Seu escopo é frontend: não há evidência de um motor de IA integrado a esse dashboard. Ele é distinto da IA Vendedora, cujo repositório contém integrações de canal e modelos.
Composição e navegação
React e TypeScript organizam páginas e componentes; Vite sustenta o build de desenvolvimento. React Router representa a navegação entre superfícies públicas e dashboard.
Sidebar, cabeçalho, cartões de métricas, lista de campanhas e atividade recente dividem a interface em responsabilidades de apresentação. A reutilização reduz a necessidade de duplicar estrutura visual em cada tela.
Dashboard e gráficos
O dashboard combina cards e gráfico de área com Recharts. Dados e indicadores estão definidos no frontend, tornando o protótipo navegável sem uma API. Responsividade organiza cards e gráfico conforme o espaço disponível.
Os valores exibidos são demonstrativos, não métricas comerciais obtidas em produção. A integração real precisaria de contratos de consulta, estados de carregamento, erros e critérios consistentes para os indicadores.
Formulários e estados de interação
Campos controlados por useState organizam e-mail, senha e estado de carregamento. O fluxo de login simula uma espera, apresenta um toast e navega para o dashboard.
Essa simulação é uma decisão de prototipagem, não autenticação. Uma versão real precisa substituir o timeout por verificação de servidor, sessão e proteção das rotas.
Sistema visual e manutenção
Tailwind CSS e componentes de UI compõem espaçamento, cores, formulários e estados. Ícones e hierarquia tipográfica ajudam a diferenciar navegação, números e ações, enquanto cards compartilham uma estrutura reutilizável.
A arquitetura de apresentação demonstra componentes e composição, sem converter dependências instaladas em funcionalidades automaticamente usadas. Acessibilidade precisa de verificação por teclado e leitores de tela, além da aparência.
Aprendizado e evolução
O projeto demonstra UI de produto, roteamento, formulários, estados e visualização de dados demonstrativos. A revisão inspecionou o frontend sem medir conversão ou vincular resultados de vendas ao protótipo.
Próximos passos incluem contratos de API, autenticação real, estados de falha, testes de componentes e cenários E2E. A base visual pode evoluir sem esconder a diferença entre demo e produto conectado.
Repositórios privados. Resumos autorizados; o código-fonte não é distribuído aqui.