me.health

01 · problema01 · problem

Tudo espalhado em vários lugaresEverything scattered across different places

Meu treino morava em notas e prints. Na academia, eu abria três apps para fazer uma coisa só: ver a ficha, cronometrar o descanso e fazer o check-in no GymRats, o app de desafios de treino que eu uso. Comida e água ficavam fora de qualquer registro.

My workouts lived in notes and screenshots. At the gym, I'd open three apps to do one thing: check my plan, time my rest and check in on GymRats, the workout challenge app I use. Food and water weren't tracked anywhere.

E quando eu comia fora de casa, não dava para pesar a comida, então a contagem de calorias simplesmente parava.

And whenever I ate out, I couldn't weigh my food, so calorie counting just stopped.

Eu queria abrir uma tela e já saber o que fazer hoje. I wanted to open one screen and know right away what to do today.

Objetivo: criar um hub de saúde pessoal que ajude a manter hábitos saudáveis com o menor esforço possível no dia a dia.

Goal: create a personal health hub that helps keep healthy habits with as little day-to-day effort as possible.

02 · princípio02 · principle

Hábito saudável de um jeito saudávelHealthy habits, in a healthy way

O universo do wellness pode ser tóxico, com muita cobrança e pressão estética. Eu queria o contrário: um app que deixasse o cuidado com a saúde mais leve e divertido.

The wellness world can be toxic, full of pressure and body-image demands. I wanted the opposite: an app that makes taking care of your health lighter and more fun.

Por isso, a estética é mais descontraída e os feedbacks vêm em emojis. Toda segunda-feira, o app mostra um resumo da semana anterior com uma mensagem motivacional, tanto para quem bateu 100% das metas quanto para quem não bateu nenhuma.

That's why the look is more playful and feedback comes as emojis. Every Monday, the app shows a recap of the previous week with an encouraging message, whether you hit 100% of your goals or none at all.

• 🤩 75% ou mais75% or more"Ihul! Semana passada foi um sucesso.""Woohoo! Last week was a success."
• 😎 de 50% a 74%50% to 74%"Semana passada você foi bem! Simbora pra próxima!""You did well last week! On to the next one!"
• 🫶 abaixo de 50%below 50%"Semana passada foi mais devagar, e tá tudo bem. Toda segunda-feira é um novo começo.""Last week was a slower one, and that's okay. Every Monday is a fresh start."

Como posso ajudar alguém a manter hábitos saudáveis sem transformar isso em mais uma fonte de cobrança? How might I help someone keep healthy habits without turning them into one more source of pressure? how might we

03 · solução03 · solution

Quatro abas, um lugar sóFour tabs, one place

1. treinoworkout O treino do dia aparece na home, com check por série e um timer de descanso que você ajusta girando o círculo. Quando o descanso acaba, o próximo exercício pisca na tela, pra você não se perder.Today's workout shows up on the home screen, with a check for each set and a rest timer you set by turning a dial. When rest is over, the next exercise flashes on screen so you don't lose track.
2. comidafood Você tira uma foto do prato e a IA estima calorias, proteína, carboidratos, gordura e fibras, e diz se a refeição está alinhada ao seu objetivo. Ajuda muito quando você come fora e não tem como pesar a comida.You take a photo of your plate and AI estimates calories, protein, carbs, fat and fiber, and tells you whether the meal fits your goal. It really helps when you eat out and can't weigh your food.
3. águawater Um círculo que você arrasta com o dedo, atalhos para copo, garrafa e 1 litro, e o histórico dos últimos 7 dias.A ring you drag with your finger, shortcuts for a glass, a bottle and 1 liter, and the last 7 days at a glance.
4. perfilprofile Objetivo, metas de calorias, nutrientes e hidratação, lista de objetivos pessoais, biblioteca de treinos e semana padrão, pra saber o que fazer em cada dia. Pra montar os treinos, basta tirar uma foto da ficha da academia: a IA lê os exercícios, séries e repetições, e você só confere.Your goal, calorie, nutrient and hydration targets, a list of personal goals, a workout library and a standard week, so you know what to do each day. To set up your workouts, just snap a photo of your gym plan: AI reads the exercises, sets and reps, and you just double-check.

Comunidade sem reinventar a rodaCommunity without reinventing the wheel

Muita gente já compartilha os treinos com os amigos no GymRats. Em vez de criar uma rede social do zero, o me.health copia o resumo do treino e abre o GymRats para o check-in.

Lots of people already share their workouts with friends on GymRats. Instead of building a social network from scratch, me.health copies a workout summary and opens GymRats for the check-in.

04 · decisões04 · decisions

Pensado para quem está no meio do treinoDesigned for someone mid-workout

1. 

   01

   Gestos no lugar de formuláriosGestures instead of forms

   Na academia, a mão está ocupada e a atenção também. Por isso, água e descanso viraram roletas que se ajustam com o polegar, e a ficha virou uma sequência de toques em bolinhas, uma por série.

   At the gym, your hands are busy and so is your attention. That's why water and rest became dials you adjust with your thumb, and the workout plan became a row of dots to tap, one per set.

2. 

   02

   O timer devolve a pessoa para o treinoThe timer hands you back to your workout

   O descanso termina sem pedir nenhuma ação: o popup fecha e o próximo exercício pisca na lista. Depois do play, a roleta enche e espera um segundo antes de contar, para dar tempo de largar o celular.

   Rest ends without asking you to do anything: the popup closes and the next exercise flashes in the list. After you hit play, the dial fills up and waits one second before counting down, so you have time to put your phone down.

3. 

   03

   Ser honesta sobre a estimativaBeing honest about the estimate

   Calorias por foto são uma média. A interface deixa isso claro, aceita uma observação (como "1 colher de azeite") para melhorar a estimativa e traduz o número num veredito simples em relação ao objetivo.

   Calories from a photo are an average. The interface says so, accepts a note (like "1 tbsp olive oil") to improve the estimate and turns the number into a simple verdict about your goal.

4. 

   04

   Contornar uma integração que não existeWorking around an integration that doesn't exist

   O GymRats não tem API pública. Em vez de prometer um check-in automático, desenhei o fluxo mais curto possível dentro dessa limitação: resumo copiado, app aberto e foto indicada.

   GymRats has no public API. Instead of promising an automatic check-in, I designed the shortest possible flow within that limit: summary copied, app opened and photo pointed out.

05 · construção05 · build

Da ideia a um app de verdadeFrom idea to a real app

Eu queria um produto funcional, não só um protótipo. O app tem login com e-mail ou Google, cada pessoa vê apenas os próprios dados e funciona em português e inglês. Dá para instalar no celular direto do navegador, sem loja de aplicativos.

I wanted a working product, not just a prototype. The app has email or Google sign-in, each person only sees their own data, and it works in Portuguese and English. You can install it on your phone straight from the browser, no app store needed.

1. necessidades reaisreal needs Comecei com uma lista curta do que eu mesma precisava: treino do dia, check-in, objetivos, foto do prato e água.I started with a short list of what I needed myself: today's workout, check-in, goals, meal photo and water.
2. ciclos rápidos com IAfast cycles with AI Construí com o Claude Code em ciclos de pedido, teste no celular e ajuste, com mais de quinze iterações num único dia.I built it with Claude Code in cycles of request, test on my phone and adjust, with more than fifteen iterations in a single day.
3. identidade visualvisual identity Partiu de uma referência editorial em creme e verde-lima, com serifada macia e botões em pílula. Depois limpei os ornamentos para priorizar a leitura na academia.It started from an editorial reference in cream and lime green, with a soft serif and pill buttons. Then I stripped back the ornaments to make it easier to read at the gym.
4. teste no celulartesting on mobile Validei cada interação no navegador, em telas de 320 a 390 px de largura.I checked every interaction in the browser, on screens 320 to 390 px wide.
5. de v1 pessoal a app realfrom personal v1 to real app A primeira versão era só para mim. A atual é um app de verdade para outras pessoas, com conta, banco de dados e dois idiomas.The first version was just for me. The current one is a real app for other people, with accounts, a database and two languages.

Next.js

a estrutura do appthe app's framework

Supabase

login, banco de dados e fotossign-in, database and photos

Claude

Claude Code para construir e API para analisar o pratoClaude Code to build, API to analyze meals

GitHub + Vercel

código e publicaçãocode and hosting

06 · demo

Experimente o appTry the app

Esta é uma versão de demonstração com dados de exemplo, salvos só no seu navegador. Marque séries, abra o timer, arraste o círculo da água e, no Perfil, veja o resumo de segunda-feira e teste a foto da ficha.

This is a demo version with sample data, saved only in your browser. Check off sets, open the timer, drag the water ring and, under Profile, see the Monday recap and try the workout plan photo.

A demo está em português. A análise do prato e a leitura da ficha devolvem resultados de exemplo.

The demo is in Portuguese. The meal analysis and the workout plan reading return sample results.

abrir demo em tela cheia →open demo full screen →

07 · próximos passos07 · next steps

De app de treino a hub de saúdeFrom workout app to health hub

• medicamentosmedicationAcompanhar quem toma remédio com regularidade, pra o app ser de fato o hub de saúde da pessoa.Help people who take regular medication keep track, so the app truly becomes their health hub.
• app nativonative appIntegrações como Apple Health e Garmin só funcionam em app nativo. O próximo passo técnico é empacotar o app para as lojas.Integrations like Apple Health and Garmin only work in native apps. The next technical step is packaging the app for the stores.