Axxos Indica
Detalhes do Projeto
- Período:
- 08.2025 → hoje
- Company Project
- TypeScript
- React
- Vite
- Supabase
- PWA
- TanStack Query
- Gamificação
- Mobile-first
- LGPD
- Web Push

Impacto em números
Pelo celular, mobile-first
De Iniciante a Ícone
Indicação registrada sem conexão
ClickSign, CRM, n8n, WhatsApp, e-mail, push e broadcast
Sobre o projeto
Indicação de cliente acontecia por WhatsApp solto. Ninguém sabia quem indicou o quê, qual indicação virou venda, nem quanto o indicador tinha a receber. Um canal barato e de alta conversão desperdiçado por falta de estrutura.
O motor de gamificação é determinístico: pontuação automática por evento, com 10 pontos por nova indicação e 50 por indicação premiada, 7 níveis de progressão de Iniciante a Ícone, e badges concedidas por regra, como primeira indicação, 50 indicações, taxa de conversão acima de 20% e top 10 do ranking.
PWA instalável com funcionamento offline, porque o indicador está na rua e não na mesa.
Ranking em tempo real, com posição e pontos atualizados automaticamente.
TanStack Query para cache, invalidação e sincronização de estado servidor.
Onboarding guiado dentro do app, porque adoção é feature e não sorte.
Instrumentação de produto desde o lançamento, com GA4, Hotjar e Sentry, para saber onde o usuário trava antes de ele reclamar.
Exportação nativa para PDF e XLSX, para o time comercial trabalhar as indicações, e conformidade LGPD no consentimento do indicado com trilha de status auditável.
Em setembro o app passou a avisar. O push chega com o app fechado, agrupado por dia e fora do horário de silêncio de cada pessoa, que escolhe o que quer receber, e o admin manda comunicado para todo mundo de uma vez. Por trás são 11 edge functions no Supabase: a assinatura do termo pela ClickSign, a sincronização de ida e volta com o Axxos CRM, o envio para o n8n, o WhatsApp de boas-vindas, o e-mail, o push e o broadcast.
O desafio
Gamificação sem loop de feedback rápido é decoração. O que mudou comportamento não foi o badge, foi o ranking atualizar na hora e a pessoa se ver subindo. Tecnicamente isso exigiu recalcular posição e pontos de forma consistente sob concorrência, com invalidação de cache correta, sem transformar cada indicação numa varredura da tabela inteira.
Métricas de Crescimento
Edge functions no Supabase
Resultados
Cadastro de indicação em menos de 3 minutos, pelo celular. Um canal informal convertido em canal estruturado e auditável, com rastreamento de status ponta a ponta e conformidade LGPD.
Stack técnica
React e Vite
SPA mobile-first com build enxuto e HMR rápido.
Supabase
Auth e PostgreSQL gerenciados, com Prisma para modelagem.
TanStack Query
Cache, invalidação e sincronização de estado servidor.
PWA
Instalável e funcional offline para uso em campo.
GA4, Hotjar e Sentry
Instrumentação de produto e observabilidade desde o lançamento.
jsPDF e SheetJS
Exportação de indicações em PDF e XLSX.
Web Push
Service worker com precache, push agrupado por dia e horário de silêncio por pessoa.
Galeria(2)



