O problema: gestão e histórico de treinos fragmentados.
Treinando jiu-jitsu há anos, percebi uma rotina fragmentada: presença manual, comunicação espalhada e pouco registro da evolução de cada aluno.
O FightLab nasceu dessa vivência. A proposta foi reunir gestão, comunicação e acompanhamento do atleta em um produto pensado para academias de artes marciais.
Conduzi o projeto da identificação do problema à pesquisa, definição do produto, UX/UI e desenvolvimento de front e back-end. Também usei o projeto para explorar como a IA poderia ampliar minha capacidade de construir e refinar uma solução funcional.
CONTEXTO
Projeto autoral Artes marciais
MEU PAPEL
Pesquisa, produto, UX/UI e desenvolvimento
ENTREGA
Plataforma SaaS, experiência mobile e landing page
ESTÁGIO DO CASE
Produto construído Piloto em duas academias
MINHA CONTRIBUIÇÃO
Defini o produto a partir da rotina das artes marciais e conectei fluxos, perfis de acesso e dados à implementação. A plataforma atende à operação da academia e à consulta frequente do aluno no celular.
02 / DESCOBERTA
Pesquisa com professores, alunos e donos de academia.
As conversas com professores, alunos iniciantes e avançados e donos de academia ampliaram o problema: faltava uma visão contínua da jornada de quem treina.
O WhatsApp concentrava boa parte da comunicação. Professores tinham dificuldade para visualizar o histórico dos alunos; alunos não encontravam um registro claro do próprio progresso.
No benchmark, observei soluções orientadas à gestão de academias fitness. Isso ajudou a definir o foco do FightLab: considerar faixas, graduações e a relação entre professor e aluno na organização do produto.
01
Rotina dispersa
Reunir aulas, presença e mensalidades em uma operação compartilhada.
02
Evolução pouco visível
Dar continuidade ao histórico de treinos, faixas e graduações.
03
Informação sem conexão
Conectar o que o professor acompanha ao que o aluno consulta.
03 / LÓGICA DE PRODUTO
Perfis de acesso para plataforma, academia e aluno.
O login é único. O perfil de acesso define a área que cada pessoa encontra e as tarefas que precisa realizar.
A plataforma foi estruturada para atender várias academias. Cada unidade tem seus próprios dados, usuários e personalização visual dentro da mesma estrutura de produto.
Essa organização conecta dois níveis de gestão à experiência mobile do aluno: a administração do SaaS e a operação de cada academia.
LOGIN ÚNICO Identificação do perfil ↓
01 / PLATAFORMA
Super Admin
Academias, usuários, permissões e visão global da operação.
02 / ACADEMIA
Admin / Professor
Aulas, presença, alunos, graduações e mensalidades.
03 / ATLETA
Aluno
Check-in, histórico, progresso e rotina de treinos no celular.
Role dentro da tela para explorar ↓
Login único
Role dentro da tela para explorar ↓
Gestão da plataforma
WHITE LABEL
Personalização visual por academia.
O FightLab foi pensado como uma plataforma white label: cada academia pode usar o sistema com a própria identidade visual, personalizando as cores e adicionando seu logo.
Logo da academiaA marca aparece no login e nos painéis, com opção de exibir o logo, o nome ou os dois.
Cores da identidadeBotões, destaques, fundos, bordas e textos podem seguir a paleta utilizada pela academia.
Uma estrutura compartilhadaAs funcionalidades são as mesmas, com uma apresentação personalizada para cada unidade.
Role dentro da tela para explorar ↓
Exemplo de aplicação: Alliance
04 / DECISÕES DE EXPERIÊNCIA
Decisões de UX/UI para a gestão e a rotina do aluno.
01 / VISÃO OPERACIONAL
Dashboard e agenda para acompanhar a operação.
O dashboard reúne alunos ativos, presenças do dia, ocupação e aulas programadas. A agenda organiza horários e professores em uma visão semanal.
A decisão foi dar ao administrador uma leitura inicial da rotina e acesso aos módulos em que pode agir, sem depender de informações espalhadas por canais diferentes.
FOCO DA INTERFACE
Entender a operação e encontrar a próxima tarefa.
EXPLORE A ÁREA DA ACADEMIA
Selecione um módulo para conhecer a interface.
Role dentro da tela para explorar ↓
Painel
Indicadores da academia, aulas e ranking.
Role dentro da tela para explorar ↓
Agenda
Agenda da academia e aulas programadas.
Role dentro da tela para explorar ↓
Alunos
Cadastro de alunos e filtros por modalidade.
Role dentro da tela para explorar ↓
Presença
Painel de check-in e presenças.
Role dentro da tela para explorar ↓
Mensalidades
Gestão de mensalidades e pagamentos.
Role dentro da tela para explorar ↓
Eventos
Treinos, eventos e campeonato.
Role dentro da tela para explorar ↓
Agenda de aulas
Role dentro da tela para explorar ↓
Gestão de alunos
02 / JORNADA DO ATLETA
Histórico e graduação no perfil do aluno.
O “RG do Lutador” reúne graduação, histórico de treinos e indicadores de evolução. Faixas e níveis aparecem por modalidade, dando um lugar próprio ao percurso do aluno.
Ranking, conquistas e metas de frequência complementam a proposta de incentivar consistência. O efeito desses recursos no engajamento depende do acompanhamento do uso.
FOCO DA INTERFACE
Transformar registros da rotina em uma evolução que o aluno pode consultar.
ÁREA DO ALUNO / GRADUAÇÃO POR MODALIDADE
Role dentro da tela para explorar ↓
RG do Lutador
03 / USO NO DIA A DIA
Encontrar a aula. Confirmar a presença.
Na experiência mobile, o aluno consulta aulas do dia e faz check-in. Treinos, eventos e mensalidades também ficam acessíveis nessa mesma área.
O produto utiliza o conceito de PWA: acesso pelo navegador e instalação no celular. Isso orientou uma experiência pensada para consulta frequente e tarefas rápidas antes e depois do treino.
Role dentro da tela para explorar ↓
Check-in do aluno
Role dentro da tela para explorar ↓
Treinos e eventos
05 / DESIGN E DESENVOLVIMENTO
Da prototipação à implementação com apoio de IA.
Usei IA como apoio à prototipação, estruturação de código, validação de fluxos e resolução de problemas durante o desenvolvimento.
Minha atuação conectou pesquisa, decisões de produto e refinamento da interface à construção técnica. O trabalho foi além das telas: incluiu diferentes perfis de acesso, organização dos dados e uma experiência utilizável no navegador.
A base descrita no projeto combina React e TypeScript, Tailwind, design system próprio e Firebase para autenticação, banco de dados e armazenamento. React Query, Zod e React Hook Form apoiam dados e formulários.
INTERFACEReact + TypeScript
Tailwind e design system próprio
DADOS E ACESSOFirebase
Auth, Firestore e Storage
EXPERIÊNCIA MOBILEPWA
Navegador e instalação no celular
APRENDIZADO
Construir o produto ampliou meu papel como designer: além de desenhar a experiência, precisei conectar fluxos, dados e regras de acesso para que ela funcionasse.
06 / ENTREGA E EVOLUÇÃO
Plataforma construída e piloto em duas academias.
No estágio documentado neste case, o FightLab estava em teste em duas academias, levando a proposta para a rotina real de uso.
A mudança entregue é a integração de aulas, presença, mensalidades e histórico do aluno em uma plataforma com acessos por perfil. O piloto permite avaliar essa organização na rotina; os ganhos de adoção, eficiência e engajamento ainda não foram quantificados.
A evolução prevista inclui preparar o produto para distribuição como aplicativo. Essa etapa é distinta da experiência PWA já descrita e ainda faz parte do caminho de desenvolvimento.
ENTREGA COMPLEMENTAR
Landing page para apresentar o SaaS às academias.
Criei uma landing page para explicar a proposta, apresentar funcionalidades e oferecer um ponto de entrada para academias interessadas.
