Vibra Academy
Uma só jornada de ensino para uma academia médica: site, plataforma e app de iPhone
- Empresa
- Vibra Academy
- Função
- Product designer e desenvolvedor
- Período
- Maio a setembro de 2026
- Status
- Site e plataforma no ar · iPhone no TestFlight
- Site
- vibra.academy
- Especificação de produto
- Design system
- Plataforma web
- iOS
- Site
Resultados
O projeto
A Vibra Academy é uma empresa de educação e mentoria médica em São Paulo, e os alunos dela são médicos com CRM. Projetei e construí três produtos para ela, sozinho com agentes de IA, da especificação do produto ao back end, sobre a marca azul-marinho e dourada da academia.
O problema
Os médicos eram matriculados em turmas, cada um com um mentor, mas o programa vivia em vários lugares ao mesmo tempo: links de videochamada, grupos de WhatsApp, PDFs e planilhas compartilhados. Alunos, mentores e a equipe da academia sentiam isso cada um de um jeito.
- 01Os alunos não tinham um lugar único para retomar uma aula, no notebook ou no celular.Ver como resolvi
- 02As aulas chegavam em arquivos de slides e PDFs, e a única apresentação na web abria com uma senha compartilhada.Ver como resolvi
- 03Os mentores respondiam dúvidas em conversas de chat, sem lugar para guardar os arquivos ou as tarefas de acompanhamento.Ver como resolvi
- 04A equipe controlava turmas, matrículas e materiais em planilhas e pastas compartilhadas.Ver como resolvi
- 05Médicos que conheciam a academia em eventos presenciais precisavam de um jeito rápido de experimentar uma aula antes de se matricular.Ver como resolvi
Como resolvi
Uma resposta para cada dor. As telas da plataforma vêm de uma cópia local preenchida com alunos, mentores e aulas inventados; as telas do iPhone usam os dados de exemplo do próprio app.
01
Um só lugar para retomar a próxima aula, na web ou no iPhone
O que eu faço agora?
Os dois abrem na aula para retomar e no progresso do programa inteiro, e depois vêm os próximos passos: aulas ao vivo, dúvidas e tarefas.
02
Toda aula no navegador, liberada pela matrícula
Um slide de capítulo
Azul-marinho, o número do capítulo em fonte mono e a marca-d’água VB, com o contador e o sumário da apresentação sempre a um toque.
418
páginas em 9 apresentações de slides e 1 PDF
449
slides web, em 12 manifestos de aula
2
aulas gravadas, de 1h18 e 1h08
40
slides web a partir de cada gravação
602
slides em 16 apresentações num só motor estático, com o resto do catálogo. Cada aula é um manifesto tipado, então uma aula nova é um arquivo de dados, não uma nova apresentação.
03
Dúvidas numa fila, não numa conversa de chat
- 01 / 03Aluno
Uma dúvida, por assunto
O aluno pergunta na web ou no iPhone, anexa um arquivo e acompanha uma só conversa com todas as respostas.
- 02 / 03Mentor
Ela cai na fila do mentor
Os mentores trabalham a partir de uma fila ao lado dos mentorados, com um alerta para quem sumiu, e recebem avisos no WhatsApp.
- 03 / 03Mentor
Uma resposta, e uma nota que só a equipe vê
O mentor define status e prioridade, responde na conversa e deixa uma nota interna que o aluno nunca vê.
- 01 / 03Aluno
Uma dúvida, por assunto
O aluno pergunta na web ou no iPhone, anexa um arquivo e acompanha uma só conversa com todas as respostas.
- 02 / 03Mentor
Ela cai na fila do mentor
Os mentores trabalham a partir de uma fila ao lado dos mentorados, com um alerta para quem sumiu, e recebem avisos no WhatsApp.
- 03 / 03Mentor
Uma resposta, e uma nota que só a equipe vê
O mentor define status e prioridade, responde na conversa e deixa uma nota interna que o aluno nunca vê.
04
A equipe cuida de turmas, aulas e vídeos num só admin
Painel
Todas as áreas num só painel, cada uma com seu ícone 3D. Os números vêm dos dados inventados da cópia local.
Treze ícones 3D, um só padrão
Cada área tem um ícone de um conjunto que fiz com o mesmo padrão de câmera, luz e material, para que o admin, a área do aluno e o app de iPhone pareçam um só produto.
Para alunos7
Jornada
Continuar
Agenda
Biblioteca
Dúvidas
Avaliações
Perfil
Para a equipe6
Alunos
Mentores
Matrículas
Chamados
Vídeos
Conteúdo
05
Do QR code do evento a uma aula gratuita
No site ou no evento
O site mostra a próxima imersão presencial. Um botão ali, ou um QR code no próprio evento, abre o mesmo formulário curto.
E uma central de ajuda para o resto
15 guias divididos por perfil: 6 para alunos, 4 para mentores e 5 para administradores, com busca. Ela descreve só o que a plataforma já faz.
mentoria.vibra.academy/ajuda
Um site com a presença da academia
Gravado no site no ar, de cima a baixo.
O hero
Dois médicos ao lado do logotipo em dourado e uma frase sobre o que a academia defende.
Feito primeiro para o celular
Um QR code num evento abre o site no celular, então o layout mobile foi desenhado à parte: o hero mantém os dois médicos no enquadramento, e o formulário cabe numa tela.
Impacto e aprendizados
- SiteNo ar
- Plataforma de ensinoNo ar
- App de iPhoneTestFlight, build 4
- Um site público, uma plataforma para três perfis e um app nativo de iPhone, projetados e construídos por uma pessoa.
- Todas as aulas num só motor de apresentações, abertas pela matrícula ou por um código de acesso, e não por uma senha compartilhada.
- Dúvidas, arquivos e acompanhamento numa conversa por assunto, com notas que o aluno nunca vê.
- Um só admin para pessoas, turmas, aulas e vídeos, e um caminho de aula gratuita para leads vindos de eventos.
O que aprendi
Escrever a regra de paridade logo no começo manteve web e iPhone no mesmo passo: as funcionalidades chegam aos dois, com todos os estados desenhados.
Uma especificação é um ponto de partida. Duas decisões que moldaram o produto foram contra ela.
A especificação dizia
E-mail e senha para a equipe, código de quatro dígitos para os alunos.
Escolhi
Um só login por WhatsApp, com código de seis dígitos para todos os perfis, direcionado por perfil.
O login no ar diz isso numa linha: “Um único acesso para alunos, mentores e administradores.”
A especificação dizia
Uma interface escura primeiro.
Escolhi
Uma interface clara: superfícies brancas, bordas de 1px, azul-marinho para a estrutura e dourado só para o próximo passo.
A direção que defini foi precisão, serenidade e sofisticação clínica. Os tokens escuros existem; o seletor está desligado.
