YANApp mobile e landing page
Hidratasport. Treino e nutrição na mesma linha do tempo
Um app para acompanhar treino e nutrição, que aparece na tela como Hidrata, com macros, treinos, suplementação e análise com IA, mais a landing page que apresenta o produto. Todos os números são dados de exemplo.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do arquivo de design original no Figma, com dados de exemplo.
Minha contribuição
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.
Duas versões da mesma manhã
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.
Uma corrida lida em camadas
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.
Uma landing page que explica mostrando
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.
