João Pedro

Command Palette

Search for a command to run...

Command Palette

Search for a command to run...

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
Logo de Axxos Indica
Axxos Indica

Impacto em números

Tempo de Cadastro
<3 min

Pelo celular, mobile-first

Níveis de Progressão
7

De Iniciante a Ícone

Disponibilidade Offline
PWA

Indicação registrada sem conexão

Edge Functions
11

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

11funções
1000%
04/0229/0410/09

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

01

React e Vite

SPA mobile-first com build enxuto e HMR rápido.

02

Supabase

Auth e PostgreSQL gerenciados, com Prisma para modelagem.

03

TanStack Query

Cache, invalidação e sincronização de estado servidor.

04

PWA

Instalável e funcional offline para uso em campo.

05

GA4, Hotjar e Sentry

Instrumentação de produto e observabilidade desde o lançamento.

06

jsPDF e SheetJS

Exportação de indicações em PDF e XLSX.

07

Web Push

Service worker com precache, push agrupado por dia e horário de silêncio por pessoa.

Galeria(2)

Axxos Indica, imagem 1
Axxos Indica, imagem 2