Pular para o conteúdo
Projetos sob medida
Projeto sob medidaNo ar

MK Personal Trainer

Site, área do aluno e painel para o personal trainer MK. O visitante conhece os planos e chama; o aluno abre a ficha do dia no celular e registra cada série; o personal monta os treinos, acompanha a evolução e recebe as mensalidades num lugar só.

  • Next.js
  • Área do aluno
  • Painel do personal
  • Asaas: Pix, boleto e cartão
  • Login Google
  • PWA offline
  • App React Native
Ver o site no ar (abre em nova aba)
O site no ar, no computador e no celular, em grafite e laranja, a cor da marca.
  • 3frentes: site, área do aluno e painel
  • A–Efichas de treino por aluno
  • 3jeitos de pagar: Pix, boleto e cartão
  • 1clique para entrar, com a conta Google
O desafio

A consultoria inteira fora do papel e do WhatsApp.

Ficha de treino em arquivo, carga anotada no caderno, cobrança uma a uma pelo WhatsApp: o trabalho do personal ficava espalhado. A ideia foi juntar tudo num sistema próprio, com a cara da marca.

E tinha que ser simples para o aluno na academia: abrir no celular, ver o treino do dia, marcar a série e seguir. Sem cadastro complicado e funcionando mesmo com a internet fraca.

O que foi entregue

Três partes, um só sistema.

  • Site

    Para quem ainda não é aluno conhecer o trabalho e chamar.

    • Início, sobre e planos com perguntas frequentes
    • Cupons, loja e parceiros com benefícios
    • Página do app e formulário de contato
    • Tudo editável pelo painel, sem mexer em código
  • Área do aluno

    O treino do dia no bolso, mesmo com a internet fraca da academia.

    • Ficha do dia (A a E) com séries, cargas e cronômetro de descanso
    • Recordes pessoais, meta da semana e sequência de semanas
    • Histórico e evolução de carga por exercício
    • Avaliações físicas, agenda com confirmação de presença
    • Mensalidade com Pix, boleto ou cartão e baixa automática
    • Fotos de progresso privadas e questionário de saúde (PAR-Q)
  • Painel do personal

    O dia a dia da consultoria num lugar só.

    • Alunos, editor de fichas e modelos de treino
    • Biblioteca de exercícios com vídeo
    • Mensalidades com cobrança automática
    • Agenda, recados e relatórios com exportação em CSV
    • Equipe com permissões e registro de atividades
    • Conteúdo do site: planos, cupons, loja e parceiros
As telas

Site, área do aluno e painel do personal.

O site no celular: início, planos e sobre
O site no celular: início, planos e sobre
O site no computador
O site no computador
Área do aluno: início, treino em execução e recordes
Área do aluno: início, treino em execução e recordes
Área do aluno: fichas, ficha do dia e constância
Área do aluno: fichas, ficha do dia e constância
Painel: visão geral do dia
Painel: visão geral do dia
Painel: editor das fichas do aluno
Painel: editor das fichas do aluno

A área do aluno e o painel aparecem na versão de demonstração; alunos, valores e treinos são fictícios.

Por dentro

Simples na academia, completo no painel.

  • Aplicação

    Next.js 16, React 19 e Tailwind 4. Pensado primeiro para o celular e instalável como app (PWA).

  • Offline no treino

    Cada série marcada fica guardada no celular e é enviada quando a internet volta: se o sinal da academia cair, nada se perde.

  • Cobrança

    Integração com o Asaas: assinatura do aluno, QR Code Pix, boleto e cartão, com baixa automática pelo webhook.

  • Contas e privacidade

    Login com Google (Better Auth). Dado de saúde e foto de progresso só o aluno e o personal veem, seguindo a LGPD.

  • Dados e servidor

    Drizzle e Postgres em servidor próprio, com Coolify e Cloudflare Tunnel.

  • App nativo

    Um app em React Native (Expo) está em desenvolvimento, usando a mesma base do site.

Quer um sistema assim para o seu negócio?

Site, área do cliente e painel com cobrança automática. Conta como você trabalha hoje e a gente desenha junto.