Logo

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 — Present
  • Company Project
  • TypeScript
  • React
  • Vite
  • Supabase
  • PWA
  • TanStack Query
  • Gamificação
  • Mobile-first
  • LGPD
Axxos Indica logo
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

Integrações via Edge Functions
8

ClickSign, CRM, n8n, WhatsApp e e-mail

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.

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.

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.

Galeria(2)

Axxos Indica — imagem 1
Axxos Indica — imagem 2