ERP, CRM e Field Service em uma plataforma
Comercial, obra, campo e almoxarifado deixaram de ser quatro ferramentas.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
- shadcn/ui
- Supabase
- PostgreSQL
- react-hook-form
- Zod
- dnd-kit
- Vercel
- Situação
- Em produção, em evolução contínua
- Módulos entregues
- CRM, Obras, Ordens de Serviço, Despacho, App do técnico
- Cargos com permissão própria
- 6
- Em construção
- Estoque e almoxarifado
O problema
O que estava acontecendo
O comercial vivia numa ferramenta, as obras em outra, a agenda dos técnicos numa planilha e o almoxarifado num caderno. Nenhuma dessas peças conversava.
O efeito prático: ninguém tinha a visão completa de um cliente, e a execução em campo só aparecia na gestão depois que alguém digitava.
Havia ainda um problema de acesso: com tudo espalhado, ou a pessoa via demais, ou dependia de outra para ver o mínimo.
A solução
O que construímos
Construímos uma plataforma única, modular, onde cada área tem a própria tela e o mesmo dado por baixo.
O comercial trabalha o funil e enxerga o perfil completo do cliente. A engenharia planeja a obra em fases e despacha os técnicos num quadro de arrastar e soltar, respeitando a capacidade de cada um. O técnico executa e encerra a ordem no celular. O almoxarifado controla produto, localização e movimentação.
Sobre tudo isso, um controle de acesso por cargo: cada pessoa entra e vê apenas o que o cargo dela permite, e o desvio é bloqueado no servidor, não escondido na interface.
A interface
Como ela se parece
Ordens distribuídas por técnico em quadro de arrastar e soltar, com capacidade e bloqueios de agenda.
Recriação da interface, construída com os tokens visuais do projeto. Os números exibidos são ilustrativos, e nenhum dado real de cliente é reproduzido.
Funcionamento
Como funciona na prática
Comercial
A oportunidade entra no funil, com atividades registradas e o histórico completo no perfil do cliente.
Obra
Fechado o negócio, vira projeto com fases acompanháveis, e o cliente continua sendo o mesmo registro.
Despacho
As ordens de serviço são distribuídas num quadro de arrastar e soltar, com capacidade e bloqueios de agenda por técnico.
Campo
O técnico recebe a agenda no celular, executa, dá baixa no material e encerra a ordem. É mobile-first, feito para ser usado em pé.
Retorno
O encerramento realimenta a obra e o estoque na hora. A gestão não espera digitação.
Escopo
O que o sistema faz
Comercial e obras
- Funil de negócios com registro de atividades
- Perfil 360° do cliente, com histórico consolidado
- Projetos de obra organizados em fases
Campo
- Agenda de despacho em quadro, com arrastar e soltar
- Capacidade por técnico e bloqueios de agenda com motivo
- Aplicativo do técnico (PWA) mobile-first para executar e encerrar ordens
- Baixa de material na própria ordem de serviço
Controle
- Seis cargos com matriz de permissão por rota, aplicada no servidor
- Estoque com produtos, localizações e movimentação
- Trilha de auditoria por gatilho de banco e registro de consentimento (LGPD)
Engenharia
Os problemas difíceis
O que exigiu decisão de arquitetura, não apenas código.
Permissão que não é decoração
Esconder um menu não é controle de acesso. Cada rota tem guarda no servidor, e o banco aplica política de linha. Quem tenta acessar o que não lhe cabe é redirecionado, não apenas deixa de ver o botão.
Arrastar e soltar que não trava
O quadro de despacho precisa funcionar com rolagem horizontal e muitas ordens simultâneas, sem perder o item durante o arrasto. Exigiu cuidado específico com a camada de sobreposição e o contexto de rolagem.
O celular é o ambiente principal, não a versão reduzida
O técnico usa o sistema em pé, com uma mão, muitas vezes com sinal ruim. A interface dele foi desenhada primeiro para 375px de largura. O desktop é que é a adaptação.
Dado pessoal sob LGPD
O sistema guarda dado de cliente e de colaborador. Mapeamos o que é sensível, aplicamos política de linha, registramos consentimento e criamos trilha de auditoria automática nas tabelas críticas.
Resultado
O que mudou na operação
- Uma plataforma no lugar de quatro ferramentas desconectadas
- Visão completa do cliente, do primeiro contato ao encerramento da ordem em campo
- A execução em campo chega à gestão no momento em que acontece
- Cada cargo entra e vê exatamente o que lhe cabe
- Rastreabilidade: quem alterou o quê, e quando
Quer uma solução parecida?
Começamos entendendo a sua operação, não vendendo este sistema. Retorno em até 24h úteis. Sem proposta e sem compromisso.
Solicitar diagnóstico gratuitoContinue
Outros projetos
Plataforma de Ordens de Serviço e Repasse
Prestadora de serviços de campo em telecom
Plataforma multi-tenant que importa a produção do sistema da operadora, aplica um motor de regras de preço versionado e calcula o repasse de cada técnico, com fechamento aprovado e conferência do próprio técnico.
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- Supabase
- +8
Portal de Indicadores Operacionais
Provedor regional de internet
Coletor agendado que extrai um sistema legado de dentro da rede corporativa e um portal na nuvem que consolida seis módulos de indicador, mais um módulo de ações onde o dado nasce no próprio portal.
- Python
- Flask
- Jinja2
- Supabase
- PostgreSQL
- +4