Midializando – CRM de Vendas CreativeGrow
Descrição do Projeto
Sistema CRM (Customer Relationship Management) completo e moderno desenvolvido para o Grupo PIGA Assessoria, focado em gestão de vendas, leads e clientes com funcionalidades avançadas de geolocalização, comissionamento e análise de desempenho.
Contexto e Objetivos
Desenvolvido para otimizar o processo de vendas de uma equipe comercial, o Midializando oferece uma solução integrada que permite desde a captação de leads até o acompanhamento pós-venda, incluindo gestão de comissões e metas. O sistema é projetado para ser usado tanto por gestores (Master) quanto por vendedores individuais, com interfaces e permissões específicas para cada perfil.
Funcionalidades Principais
🎯 Gestão de Leads
- Cadastro completo com informações de contato, localização e segmentação
- Sistema de “temperatura” do lead (Frio, Morno, Interessado, Quente, Muito Quente)
- Geolocalização com mapas interativos para visualização territorial
- Histórico de atividades e interações
- Conversão de leads em clientes
- Filtros avançados por status, temperatura, cidade e vendedor
💼 Gestão de Clientes
- Perfil detalhado com histórico de vendas
- Acompanhamento de valor total de vendas
- Registro de endereço completo
- Histórico de conversão do lead
💰 Sistema de Vendas
- Registro de vendas com valores e descrições
- Vinculação com leads e clientes
- Rastreamento por vendedor
- Dashboard com gráficos de desempenho
- Conversão de pedidos de orçamento em vendas
📋 Pedidos de Orçamento
- Criação e gestão de orçamentos
- Aprovação hierárquica
- Cálculo de comissão do vendedor
- Conversão direta em venda
💸 Gestão de Comissões
- Comissões por venda individual
- Comissões recorrentes mensais
- Controle de status (Pendente, Pago, Cancelado)
- Relatórios de comissões por vendedor
- Sistema de aprovação e pagamento
🎯 Metas e Indicadores
- Definição de metas por período (Diário, Semanal, Mensal, Anual)
- Acompanhamento de performance vs meta
- Visualização em dashboards interativos
- Metas por vendedor
📅 Agenda de Atividades
- Agendamento de visitas, ligações e reuniões
- Sistema de notificações
- Vinculação com leads e clientes
- Status de atividades (Pendente, Concluída, Cancelada)
🔔 Sistema de Notificações
- Central de notificações em tempo real
- Notificações sonoras configuráveis
- Priorização de alertas
- Notificações de novos leads, atividades e atualizações
🗺️ Geolocalização
- Mapa interativo de leads
- Seletor de localização com busca de endereços
- Visualização territorial de oportunidades
- Otimização de rotas de visita
📱 Progressive Web App (PWA)
- Instalável em dispositivos móveis
- Funcionamento offline
- Notificações push
- Experiência nativa em smartphones e tablets
Tecnologias Utilizadas
Frontend:
- Next.js 16 (App Router com React Server Components)
- React 19.2 com hooks modernos e Activity component
- TypeScript para type safety
- Tailwind CSS para estilização responsiva
- shadcn/ui para componentes de UI consistentes
- Recharts para visualização de dados
- Leaflet para mapas interativos
- Lucide Icons para ícones
Backend:
- Next.js API Routes para endpoints RESTful
- Server Actions para operações de dados
- Supabase como banco de dados PostgreSQL
- Row Level Security (RLS) para segurança de dados
Infraestrutura:
- Vercel para deploy e hospedagem
- Supabase para banco de dados gerenciado
- PWA com Service Workers para funcionalidades offline
Arquitetura:
- Arquitetura modular com separação de concerns
- Sistema de autenticação com roles (Master/Vendedor)
- Validação de dados client-side e server-side
- Otimização de performance com caching
Diferenciais Técnicos
- Arquitetura Moderna: Uso de Next.js 16 com App Router e React Server Components para melhor performance
- Segurança: Implementação de RLS (Row Level Security) no Supabase para proteção de dados
- UX Excepcional: Interface animada e responsiva com feedback visual constante
- Geolocalização: Integração completa com mapas para gestão territorial
- PWA: Aplicação instalável que funciona offline
- Escalabilidade: Arquitetura preparada para crescimento e novas funcionalidades
- Type Safety: TypeScript em todo o projeto garantindo qualidade de código
- Design System: Uso consistente de componentes reutilizáveis
Estrutura de Usuários
Master (Administrador):
- Visualização completa de todos os leads e vendas
- Gestão de vendedores
- Aprovação de pedidos de orçamento
- Definição de metas
- Dashboard consolidado com métricas gerais
- Gestão de comissões
Vendedor:
- Visualização dos próprios leads
- Cadastro de novas oportunidades
- Gestão de atividades pessoais
- Criação de pedidos de orçamento
- Acompanhamento de metas individuais
- Consulta de comissões
Impacto e Resultados
O sistema permite uma gestão completa do funil de vendas, desde a prospecção até o pós-venda, com:
- Redução do tempo de gestão manual de leads
- Melhor organização territorial da equipe comercial
- Transparência no cálculo de comissões
- Acompanhamento em tempo real de metas
- Histórico completo de interações com clientes
Design e Experiência do Usuário
A aplicação conta com uma tela de login vibrante e moderna com animações suaves, gradientes coloridos e elementos flutuantes que transmitem modernidade e profissionalismo. O design interno é limpo e intuitivo, com dashboards informativos, cards organizados e navegação fluida.























