TU·QUE·FEZ
Disponível p/ 2026 Q1Iniciar um Projeto
CASE 01 · PRODUTO + SITE

Amarathi Hub Cultural do caderno de chamada ao check-in que gera repasse.

A escola inteira em um app — e um endereço único para a casa: agendamento, créditos, pagamentos e convênios corporativos com repasse identificado por check-in.

Cliente
Amarathi Hub Cultural
Ano
2026
Local
Rio de Janeiro / RJ
Status
Em produção — web e Android
Frentes
Produto digital · Engenharia · Web · Identidade aplicada
Painel de operação do Amarathi Hub Cultural com indicadores da semana e alertas
Hub de operação: indicadores, receita da semana e alertas de evasão.

O Amarathi é um hub cultural no Rio que opera várias frentes ao mesmo tempo: aulas recorrentes por crédito, locação de espaços, café e eventos. Cada frente vivia num canal diferente — a chamada no papel, a cobrança no WhatsApp, a locação no boca a boca, a divulgação no Instagram.

O estúdio entregou as duas pontas do mesmo produto: o app multi-perfil que opera a escola por dentro e o site institucional que é a vitrine pública do hub. Mesma marca, mesma linguagem, papéis distintos — o site converte, o app opera.

O que doía

  • Chamada em papel; admin sem visibilidade de frequência.
  • Cobrança manual: PIX avulso no WhatsApp, sem régua, sem alerta de vencimento.
  • Convênio (Wellhub/TotalPass) opaco: recebe X no mês sem saber de quais aulas e alunos — reconciliação em Excel.
  • Lista de espera no WhatsApp: a vaga abre, o aviso chega tarde, a turma fica vazia.
  • Evasão invisível: o dono percebe que o aluno sumiu quando já foi.
  • Sem endereço único: quem queria alugar o espaço ou ver a agenda perguntava no direct.
CAPÍTULO 01 · APP

O app que opera a escola

App multi-perfil (aluno · instrutor · admin) que centraliza agendamento, créditos, pagamentos e convênios corporativos com repasse identificado por check-in — em produção web e Android.

O problema

Escolas de atividades culturais operam com chamada em papel, cobrança manual por PIX avulso, lista de espera no WhatsApp e reconciliação de convênio em planilha. O dono não sabe quanto o convênio pagou nem quais alunos sumiram até ser tarde.

A solução

Um só produto para os três perfis: o aluno reserva, cancela, vê saldo e paga no app; o instrutor faz chamada digital e enxerga a fila; o dono acompanha indicadores em tempo real, repasse por check-in e alerta de evasão.

  • 46 millinhas Dart em 134 arquivos
  • 93telas
  • 18funções de borda
  • 43tabelas · 53 funções SQL
  • 72testes da lógica de segurança
  • 15 minjanela da lista de espera
Tela de login do app Amarathi, escura, com o símbolo da marca
Entrada do app: dark-first, amarelo da marca sobre grafite.
Agenda do administrador com as aulas da semana
Agenda do admin — a semana inteira da escola em uma tela.
Tela inicial do aluno com atalhos para agendar aula, comprar créditos e explorar espaços
Home do aluno: agendar, comprar créditos, explorar espaços e loja.
Checkout do aluno com pagamento por PIX
Checkout PIX — valor conferido no servidor antes de gerar a ordem.
Detalhe de uma aula com opção de reservar usando crédito
Detalhe da aula: reserva por crédito e entrada na fila de espera.
01

A lista de espera que se resolve sozinha em 15 minutos

O aluno cancela, o banco aciona a função de fila, o primeiro da lista recebe a notificação e tem 15 minutos para confirmar — expirou, passa a vez. O que era o dono avisando “vagou!” no WhatsApp virou fluxo automático com posição, expiração e confirmação.

02

Preço recalculado no servidor — nunca confiar no cliente

O valor do pagamento passou a ser recalculado no servidor a partir do preço do pacote antes de criar a ordem: um QR de R$ 0,01 gerado por fora não compra mais nada. Mesma blindagem aplicada às funções privilegiadas do banco, com guarda de papel e revogação nominal de acesso.

03

O “tempo real” que não era — e a coragem de remover

O app assinava mudanças em tabelas que nunca estiveram publicadas: os retornos jamais disparavam, mas o banco decodificava alterações 24 horas por dia. Diagnóstico, remoção das assinaturas mortas e tempo real só onde importa — o checkout. Menos mágica, menos disco, comportamento previsível.

Stack e porquês

Flutter + Material 3
Um código para web e Android; tema dark-first com identidade própria
Supabase
RLS no banco como camada real de autorização; Edge Functions para a lógica sensível fora do cliente
Riverpod 2.x
Estado reativo tipado, com os providers organizados por feature
GoRouter 14
Navegação por perfil, com guarda de papel em cada rota
Mercado Pago
PIX e cartão com webhook assinado (HMAC)
CAPÍTULO 02 · SITE

A casa digital do hub inteiro

Site institucional com área comercial dedicada — do aluguel de espaço ao botão que leva para o app.

O problema

A operação multi-frente do hub — aulas, locação, café, eventos — não tinha um endereço único para apontar. Quem queria alugar perguntava no WhatsApp; quem queria a agenda perguntava no direct.

A solução

Uma vitrine que apresenta o espaço, a locação, o café e a agenda de eventos, com página por evento, formulário de contato que cai direto no e-mail do hub e caminho claro para o app.

  • 9páginas (home + área comercial)
  • 13componentes próprios
  • 4,6 millinhas TypeScript
  • 8tokens de cor da marca
Topo do site institucional do Amarathi com padrão geométrico retrô
Topo do site: padrão retrô em código, amarelo sobre grafite.
Área comercial do site com informações de locação de espaço
Área comercial: espaço, locação, café e agenda de eventos.
Site do Amarathi em tela de celular
A mesma casa no celular.
01

Parallax 3D que sobrevive ao recorte do container

O chão em perspectiva do topo quebrava dentro de containers que recortam o conteúdo. A perspectiva saiu do elemento-pai e passou a viver na própria transformação animada — o efeito funciona em qualquer container.

02

Identidade retrô-cultural em código, não em imagem colada

O padrão geométrico anos 60/70 é componente, não PNG: escala em qualquer tela, muda de cor com os tokens da marca e não pesa como imagem.

Stack e porquês

Next.js 16 + React 19
Componentes de servidor por padrão; site estático e rápido
Tailwind v4
Tokens de design como variáveis — a mesma paleta do app
Framer Motion 12
Parallax e microinterações do padrão retrô sem inflar o carregamento
Resend
Formulário de contato com domínio verificado, sem servidor próprio
DIFERENCIAL

Integração nativa com convênios corporativos e repasse identificado por check-in — a reconciliação que hoje vive no Excel. Os concorrentes verticais do nicho cultural não entregam isso; os generalistas de academia não falam a língua de escola de dança, yoga ou circo.

Tem um projeto assim?

Do produto digital à casa que o apresenta — o estúdio entrega as duas pontas.