Datafit

App de treino para personal e aluno, painel web de gestão e site de apresentação, sobre uma base de dados única e com cobrança de planos por assinatura.

Ver no ar: godata.fit
Área
App, painel web e site
Setor
Fitness e treino personalizado
O que fizemos
Design de produto (UX/UI) · App iOS e Android · Painel web · Cobrança de planos · Site de apresentação
Onde roda
iOSAndroidWeb
Tecnologias
FlutterSwiftNext.jsReactTypeScriptTailwind CSSSupabaseAstro
Quando
setembro de 2026

01 O que estava acontecendo

O dia a dia de um personal trainer era espalhado. O treino ficava numa planilha ou num PDF, a conversa com o aluno no WhatsApp, as fotos de evolução na nuvem e a cobrança de cabeça. Para o aluno, o treino da semana era uma mensagem que precisava ser procurada.

O Datafit nasceu para ser a camada única dessa operação. Projetamos o produto em três frentes, app, painel web e site, sobre uma base de dados central, com três papéis separados por permissão: o personal que monta e acompanha, o aluno que treina e vê a própria evolução, e o administrador da plataforma.

02 O que precisava mudar

Treino, evolução e cobrança de cada aluno viviam em lugares diferentes, sem nenhum dado cruzando de um para o outro.

A execução do treino precisava funcionar no meio da série, com descanso cronometrado e vídeo do exercício a um toque, sem o aluno abrir planilha.

O personal precisava de uma leitura gerencial pronta de quem treinou, quem evoluiu e quem está devendo, sem montar relatório à mão.

App, painel e cobrança não podiam carregar duas versões da mesma regra de negócio. A regra precisava morar num lugar só, com acesso controlado por papel.

03 O que a gente entregou

App para iOS e Android a partir de uma base de código única, painel web do personal, do aluno e do administrador, execução de treino com cronômetro de descanso, métricas, metas e fotos de evolução, financeiro do personal, área social, cobrança de planos por assinatura com expiração automática, site de apresentação do produto.

04 Como foi feito

Design do app

Desenhamos um sistema de design próprio, com um kit de componentes reaproveitado em todas as telas, entre eles folhas de rodapé, fichas de perfil, cartões de atalho e a pilha de cartas que se arrasta. A navegação segue o papel de quem entrou, então aluno e personal enxergam produtos diferentes dentro do mesmo app.

O menu de ajustes empurra a tela inteira em vez de sobrepor e, no iPhone, o treino em andamento aparece na tela de bloqueio e na Dynamic Island, com o cronômetro correndo.

Execução de treino

O aluno executa o treino exercício por exercício, concluído, em andamento ou pulado, com o descanso entre séries cronometrado e o vídeo de cada exercício a um toque.

Evolução e metas

Peso, medidas e fotos mensais alimentam gráficos por período, com o antes e depois lado a lado. Metas e conquistas fecham o ciclo e dão ao aluno um motivo para voltar.

Financeiro do personal

O personal vê o que recebeu no mês e as mensalidades separadas em pagas, atrasadas e a vencer, sem planilha e sem cobrar de memória.

Comunidade

Uma área social em que alunos e personais compartilham treino e resultado, para manter a rotina viva fora da hora do treino.

Dados e regras

App e painel leem e gravam na mesma base, e a regra de negócio mora nela, em funções que os dois chamam. Existe uma regra só, e não uma cópia em cada lado que diverge no primeiro ajuste. O acesso de cada papel é controlado na própria base, e não na interface.

Painel web e cobrança

O mesmo produto no navegador. O personal gerencia alunos, exercícios, planos de treino e mensalidades, e o administrador acompanha personais e assinaturas. A cobrança dos planos entra por integração com o meio de pagamento, via webhook, e a expiração roda todo dia sozinha, sem ninguém para lembrar.

Site de apresentação

A página do produto, com os celulares em destaque, o antes e depois da rotina do personal e o caminho até as lojas de aplicativo.

05

Cores e tipografia

#1B98E0Azul
#F97316Laranja
#EFB71BAmarelo
#009663Verde
#181818Grafite

Inter

Todos os textos e números do app, do painel e do site, pela leitura limpa em tela pequena

06

O app

07

O site, por dentro

08 As peças

09 O que mudou depois

O personal passou a ter aluno, treino e recebimento no mesmo lugar, e o aluno passou a ter o treino no bolso, com o histórico da própria evolução.

O produto roda como app, painel e site sobre uma base única, e segue evoluindo.

Serviços neste projeto

Outros trabalhos

Ver todos os projetos

Resposta em até 1 dia útil

Tem algo travando
o próximo passo?

Conta em duas linhas. A gente devolve um caminho, não um orçamento genérico.