Hidratasport

Hidratasport aparece na tela como Hidrata, um app em português feito para ajudar no treino e na nutrição. O arquivo do app está organizado por fluxo, do primeiro uso e do paywall até home, treinos, registros, ranking e perfil, e um segundo arquivo guarda a landing page. Aqui mostro as telas do dia a dia do app e a página que apresenta essas telas.

O arquivo guarda uma home anterior ao lado de uma mais nova, e o que muda é a prioridade. A versão anterior abria com um gráfico de hidratação e os totais do dia. A nova começa pela sincronização de dados, traz anéis de macros que comparam proteína, gordura, carboidrato e calorias com as metas diárias e transforma o resto da página em uma linha do tempo do dia, com tags como Pós-treino.

A página de um treino começa com distância e tempo em dois blocos grandes. Depois vem o percurso no mapa, com pace, frequência cardíaca e calorias ao lado. Mais abaixo, um gráfico sobrepõe o treino atual ao anterior, com marcadores ao longo das linhas. A análise com IA tem aba própria, então os números em si não ficam poluídos.

A tela de atividades amplia a escala: um resumo diário ou semanal de treinos, distância e tempo acima de um gráfico de barras, e um banner avisa quando uma nova análise com IA fica pronta.

A landing page abre com “Treine com inteligência. Performe com precisão.” sobre o azul do app, com a home em um celular logo abaixo do título. A partir daí, passa pelas principais funcionalidades, por como o app entra na rotina, por telas reais em “Mais do que dados: contexto” e por três passos para liberar o modo PRO convidando amigos.