Voltar ao portfólio

Desenvolvimento · 2026

Refine CRM, o sistema que a gente criou pra vender melhor

SaaS full-stack desenvolvido do zero pra substituir um stack de cinco ferramentas (funil, WhatsApp, social scheduler, ads manager e contratos). Aplicação web em React + TypeScript com backend em PostgreSQL, Row-Level Security por organização e APIs REST/Realtime pra sincronização instantânea entre os módulos.

DESENVOLVIMENTOCRMAUTOMAÇÃOIA
Cliente
Refine Cubo · produto próprio
Ano
2026
Frente
Desenvolvimento
Objetivo
Centralizar a operação comercial e responder todo lead na hora, sem depender de alguém estar online.
Refine Cubo - Refine CRM, o sistema que a gente criou pra vender melhor, capa do projeto

Preview do site.

refine-crm-o-sistema-que-a-gente-criou-pra-vender-melhor.preview
Refine Cubo - tela 1 do site Refine CRM, o sistema que a gente criou pra vender melhorRefine Cubo - tela 2 do site Refine CRM, o sistema que a gente criou pra vender melhorRefine Cubo - tela 3 do site Refine CRM, o sistema que a gente criou pra vender melhor

Preview do projeto. Role dentro da janela para ver todas as telas.

Resultados.

na hora

Primeira resposta ao lead

14 toques

Follow-up automático

5 em 1

Ferramentas substituídas

24/7

Funcionamento

O projeto.

O sistema centraliza CRM com pipeline kanban drag-and-drop, geração de propostas e contratos em PDF com link público assinável, inbox unificada do WhatsApp Business Cloud API, agendamento de posts no Instagram via Graph API da Meta e ingestão de métricas de tráfego pago via Marketing API. A camada de IA (LLM com function calling e memória persistente por lead) roda a LIA, nossa SDR automatizada, que atende, qualifica e faz handoff pro humano no ponto certo do funil.

Como foi feito

  • Backend em PostgreSQL com Row-Level Security (multi-tenant) e Realtime via WebSocket.
  • Pipeline de vendas em kanban drag-and-drop com alertas de deal parado (staleness detection).
  • Geração server-side de propostas e contratos em PDF com link público único e expirável.
  • Inbox unificada na WhatsApp Business Cloud API, com mídia (PDF, imagem, áudio) e templates aprovados.
  • LIA: SDR com LLM, function calling e memória persistente por lead, com handoff contextualizado.
  • Régua de follow-up em 14 toques com scheduler de jobs, reagendando sozinha se o lead responde.
  • Métricas do Instagram e Meta Ads ingeridas via Graph/Marketing API num dashboard unificado.
  • Envio de eventos offline via Conversions API pra otimização de campanha por resultado real.
  • Integrações nativas: Meta, WhatsApp, Google Meet (OAuth) e Asaas pra cobrança recorrente.
  • RBAC (controle de acesso por papel) com audit log de todas as ações do sistema.

Execução técnica.

05
01

Arquitetura de informação e escopo técnico

Mapeamento das jornadas prioritárias, definição da hierarquia de conteúdo e do modelo de dados antes de qualquer tela. O escopo é fechado em componentes reutilizáveis, o que reduz retrabalho e mantém o comportamento consistente entre páginas.

02

Design system e implementação em componentes

Tokens de cor, tipografia, espaçamento e raio definidos em CSS e consumidos por componentes — nenhum valor solto no código. Layout construído em grid responsivo com breakpoints reais de uso (mobile, tablet, desktop) e estados explícitos de hover, foco, carregamento, vazio e erro.

03

Performance e Core Web Vitals

Imagens servidas em formato moderno com dimensões fixas para evitar deslocamento de layout, carregamento diferido abaixo da dobra, divisão de código por rota e renderização no servidor do conteúdo crítico. Animações restritas a transform e opacity, aceleradas por GPU, para manter o scroll estável.

04

SEO técnico, acessibilidade e rastreio

Estrutura semântica com um H1 por página, meta e Open Graph por rota, dados estruturados em JSON-LD, sitemap e canônicas. Contraste, navegação por teclado e rótulos ARIA validados. Camada de analytics instalada com eventos de conversão nomeados por etapa da jornada.

05

Mensuração e ciclo de melhoria

Toda a entrega roda em ciclo fechado: definição de indicador primário, coleta em painel único, leitura semanal de variação e ajuste na semana seguinte. O critério de decisão é sempre o dado de saída — não o gosto pessoal. Neste projeto os indicadores acompanhados foram primeira resposta ao lead, follow-up automático, ferramentas substituídas, funcionamento.

Próximo projeto

LIA, a vendedora automática de WhatsApp

Fale conosco