02 / 11
Produto próprio
vora
Você escreve o treino. A vora mede se ele funciona.
Fundei a vora e fiz a marca, o app, o relógio, o site e o vídeo.
01A ideia
Quem escreve o treino é o personal.
A vora é um app só, com dois lados. O personal monta os treinos, acompanha cada aluno, organiza a agenda e cobra a mensalidade. O aluno abre o treino no celular, faz série por série e vê a própria evolução.
A vora não prescreve. Nenhuma tela sugere treino, carga ou meta. Ela calcula e mostra cada número com a definição, sem rótulo de bom ou ruim. Até a IA segue a regra. Ela lê os números do aluno e escreve o que o personal pode avaliar, e só o personal vê.
Para o personal
Alunos, treinos, agenda e cobrança pelo Pix sem taxa, no mesmo app, com os números de cada aluno.
Para o aluno
O treino que o personal montou, com a carga da última vez e o descanso contado. Funciona sem internet.
Calcula, não classifica
Carga, meta, sequência e esforço aparecem como número e definição. Sem faixa, sem selo de bom ou ruim.
02Marca
Um V de traço aberto, numa placa escura.
A marca é criação minha, desenhada no Illustrator. Fiz o símbolo como um V de traço, com um entalhe no meio que cai no centro exato da placa. O traço leva o degradê de marca, do verde ao amarelo. No app, esse degradê só aparece em conquista de verdade: meta batida, recorde, treino concluído.
A base arredondada do V virou regra da interface. Os cantos dos cartões do app subiram de raio para acompanhá-la.
03Cor e tipografia
Fundo escuro, um verde só.
A vora não tem modo claro. O fundo é quase preto, as superfícies sobem em cinzas próximos e o lima marca a ação principal de cada tela. Os outros verdes saem dele: um mais escuro para o botão, um mais suave para o que está selecionado e a tinta escura para a letra por cima.
Degradê de marca
#D2F17E → #F1ED7E
Uma família, três vozes.
A Archivo Expanded Bold, em caixa alta, faz os títulos do vídeo e do site e o número grande da carga no app. A Archivo Regular e a Medium fazem o texto. Os rótulos vão em mono, em caixa alta, como numa ficha de laboratório.
VOCÊ ESCREVE O TREINO.
Títulos · Archivo Expanded Bold
Série por série, com a carga da última vez e o descanso contado.
Texto · Archivo Regular e Medium
O APP DO PERSONAL TRAINER
Rótulos · Mono do sistema
04Tom de voz
Laboratório de performance.
A vora fala como um caderno de treino: curto, seco e exato. Ela mede e conta, e deixa a opinião para o personal.
Calcula, não classifica.
A vora mostra o número e diz o que ele é. Nunca diz bom, ruim, alto, baixo ou ideal, e nunca recomenda. Quem decide é o personal.
Laboratório de performance.
Frases curtas e secas, verbo no imperativo, palavras de treino: sessão, carga, série, recorde. Sem exclamação, sem diminutivo, sem frase motivacional. Conquista aparece no degradê de marca, nunca num grito.
a vora, minúscula.
"vora" sempre em minúsculas, até no meio de um título em caixa alta. Em português, sempre no feminino: a vora, da vora, o app da vora. O substantivo central é "treino", nunca "rotina".
Treine. Meça. Evolua.
Em ritmo. Esfriando. Parado.
Cada sessão vira número.
Para a IA, só os números. Nome, e-mail e fotos ficam de fora.
Só você vê. Você decide.
05Interface
O aluno treina. O personal acompanha.
Desenhei cada tela dos dois lados. O aluno vê o treino do dia, faz série por série e acompanha a evolução. O personal vê quem treinou, quem sumiu e quem bateu a meta.
06Painel no computador
A gestão em tela grande.
O personal também usa a vora no computador. É o mesmo app, aberto no navegador, com a mesma conta, as mesmas regras e os mesmos números do celular. Só o desenho muda: um menu na lateral, os alunos numa tabela com colunas, a agenda em grade da semana e o perfil do aluno em duas colunas.
A tela de computador é só do personal, para montar o treino, ler os números e cuidar da agenda e das cobranças. O aluno treina no celular.
Os números do dia, o que há a fazer e as aulas de hoje, numa grade.
07Além do celular
No pulso, na notificação e na tela inicial.
O treino não fica preso no app. No relógio, com Wear OS ou Apple Watch, o aluno vê a série da vez, acompanha o descanso e marca o esforço no fim. O relógio controla a sessão aberta no celular e não decide nada sozinho. A média e a máxima dos batimentos chegam ao personal.
Com o celular no bolso, a notificação ao vivo mostra a barra do treino e a série, no Android. No iPhone, a mesma sessão aparece na Live Activity. Na tela inicial, os widgets mostram os treinos e a meta da semana para o aluno, e a próxima aula e a agenda do dia para o personal.
08O site
O site e a página do personal.
O site fala a mesma língua do app: fundo escuro, o símbolo, a Archivo e o verde. A página principal mostra o produto em movimento. O celular fica parado e as telas do personal passam com a rolagem; as do aluno correm para o lado. Os títulos sobem palavra por palavra.
Cada personal ganha também uma página própria na vora, com a apresentação, os planos, os depoimentos e um formulário. Quem preenche aparece no app como interessado e vira aluno num toque. A /exemplo mostra uma delas, com dados de demonstração.
O título do site, com o Início do personal e a execução do aluno.
09O vídeo
Sem voz, no tempo da música.
O vídeo não tem locução. A letra conta a história e a música marca o corte. Cada tempo é uma repetição, cada compasso é uma série. As perguntas do personal abrem o vídeo, e a tela do app entra como resposta.
Funciona sem som, porque o feed toca mudo. Montei em código, com a mesma Archivo e o mesmo verde do app, e cada corte cai na batida.
10Como foi feito
Um designer, com o Claude Code.
Fiz a vora sozinho, com o Claude Code. A divisão foi clara. A marca eu desenhei no Illustrator. Eu decidi o produto, as regras e cada tela. A IA escreveu o código.
O trabalho andou em etapas curtas, e eu revisava cada uma antes da próxima. Quando havia mais de um caminho, a IA perguntava e eu escolhia. Cada decisão de marca e de voz virou regra escrita, e a regra valia para todas as telas dali em diante.
Assim, a mesma marca chegou a cada lugar do produto, sem time.
App
Android e iPhone, para o personal e para o aluno.
Relógio
Wear OS e Apple Watch, com a mesma Archivo e o mesmo verde.
Notificação e widgets
A sessão ao vivo e a tela inicial, no desenho do app.
Painel web
O app do personal no navegador, para a tela grande.
Site
A página principal e a página que cada personal ganha na vora.
Vídeo
Montado no tempo da música, com a tipografia da marca.
Ficha do projeto
- Cliente
- vora
- Escopo
- Apps e interfaces, identidade visual, edição de vídeo
- Ano
- 2026
- Meu papel
- Fundador, design e produto de ponta a ponta
- Setor
- Fitness, tecnologia
- Plataforma
- Celular, relógio e web
Contato
Tem um produto que precisa de uma marca só, do app ao vídeo?
Faço a marca, as telas, o site e o vídeo, e escrevo as regras para que tudo fale a mesma língua.
Contato direto