SHOWCASE FUNCIONAL CRM E AUTOMAÇÃO

Lead Flow Studio — CRM de Gestão de Leads

Sistema completo de gerenciamento comercial em formato Kanban, desenvolvido para acelerar a conversão de leads, automatizar respostas no WhatsApp e dar visibilidade total ao funil de vendas.

Aplicação
CRM B2B / Vendas no WhatsApp
Stack
React 19, Vite, Supabase, Vitest
Status
Produto em Operação
Ano
2026
Interface demonstrativa do Lead Flow Studio com funil Kanban, tags de leads e métricas locais
Explorar Lead Flow Studio Demo interativa · sem login

💡 Toque na imagem acima para abrir a demonstração interativa do Lead Flow Studio.

Desafio do Produto

Centralizar atendimentos dispersos e organizar o funil de vendas sem complexidade.

Muitas empresas perdem vendas porque os contatos ficam espalhados no WhatsApp sem acompanhamento de estágio (proposta, orçamento, fechamento) e sem métricas claras de receita em negociação.

O Lead Flow Studio foi criado como um showcase interativo: um quadro Kanban em Dark Mode, responsivo para celular e computador, com mensageria simulada e histórico de tags.

Funcionalidades Principais

Organizado para explorar o fluxo comercial.

  • Funil Kanban Interativo: Arraste e solte ou mova leads entre etapas (*Novos Leads, Em Contato, Proposta Enviada, Fechado*).
  • Mensageria simulada: Respostas rápidas e ações de contato representadas no fluxo local da demonstração.
  • Sistema de Tags Dinâmicas: Categorização por segmento (*SaaS, E-commerce, Serviços*), temperatura (*Hot, Cold*) e urgência.
  • Respostas Rápidas (Quick Replies): Modelos locais de mensagens para explorar diferentes caminhos de atendimento.
  • Métricas e Relatórios: Cálculo local da receita potencial total, contagem de leads ativos e taxa de conversão sobre os dados da demonstração.
  • Qualidade & Testes: Suite de 36 testes automatizados (Vitest) cobrindo componentes, regras de negócio e integrações.

Arquitetura Técnica

Uma base pequena para demonstrar o produto.

  1. 1. Front-end React 19 + TypeScript

    Interface responsiva criada com componentes modulares em TailwindCSS e ícones Lucide.

  2. 2. Estado local do showcase

    Dados e interações da demonstração são mantidos no navegador; o modo visitante não depende de Supabase.

  3. 3. Execução Web

    Build preparado para a demonstração pública, sem Docker ou AWS no fluxo apresentado.

  4. 4. Suite de Testes Vitest

    Cobertura de testes para o funil, hooks customizados, serviços de tags e integração de mensagens.

Acesso à Aplicação

Veja o produto em funcionamento.

O Lead Flow Studio é um showcase interativo criado pela AndreStudio.dev para avaliação técnica e demonstração de produto.

Precisa de um software sob medida?

Desenvolvemos sistemas web, CRMs e plataformas SaaS com a identidade da sua empresa.

Da concepção do banco de dados ao aplicativo final responsivo.