Fitness and Wellness App

Banner com três smartphones exibindo telas do aplicativo de fitness FIT Flow. No centro aparece a tela inicial com fundo roxo e o logotipo “FIT Flow Your Home Workout”. À esquerda há uma tela de busca de treinos com categorias como Yoga, Cardio e Running e cartões de exercícios com fotos. À direita aparece o dashboard do app com saudação “Hello, Nádia!”, métricas de atividade e a lista de treinos do dia com botões de tutorial. Ao fundo há imagens desfocadas de halteres e pessoas treinando.

ㅤㅤ

FitFlow é um aplicativo de fitness e bem-estar concebido para ajudar pessoas a manter hábitos saudáveis dentro da realidade do dia a dia. A solução reúne treinos personalizados, acompanhamento nutricional e momentos de meditação em uma experiência única e intuitiva.

O objetivo do projeto foi criar uma plataforma simples, motivadora e acessível que ajudasse usuários a manter consistência na rotina de saúde sem exigir mudanças drásticas em suas vidas.

ㅤㅤ

Problema

Hoje em dia todo mundo fala sobre saúde, treino, alimentação e bem-estar. A informação está em todo lugar. Mesmo assim, manter uma rotina saudável continua sendo difícil para muita gente.

Segundo a Organização Mundial da Saúde, cerca de 31% dos adultos no mundo não atingem os níveis mínimos recomendados de atividade física, o que representa aproximadamente 1,8 bilhões de pessoas.

ㅤㅤ

Captura de tela do site da Organização Mundial da Saúde (WHO) mostrando uma notícia com o título “Nearly 1.8 billion adults at risk of disease from not doing enough physical activity”, com menu de navegação superior, opções de idioma e data da publicação.

ㅤㅤ

Ou seja, muita gente quer se cuidar, mas na prática acaba não conseguindo manter uma rotina.

ㅤㅤ

Captura de tela de uma página da Organização Mundial da Saúde com a seção “Key facts”, apresentando uma lista de informações sobre os benefícios da atividade física, níveis globais de inatividade e metas internacionais para redução do sedentarismo.

ㅤㅤ

Quando comecei a pensar nesse projeto, tentei olhar para o que realmente acontece no dia a dia. A maioria das pessoas tem uma rotina corrida. Trabalho, estudo, casa, compromissos. No meio disso tudo, tentar encaixar exercícios, alimentação equilibrada e algum tempo para cuidar da saúde mental pode parecer complicado.

Outro ponto que comecei a perceber é que as ferramentas que usamos para isso são muito espalhadas. Normalmente a pessoa tem um aplicativo para treinos, outro para acompanhar calorias, vídeos no YouTube para aprender exercícios e, às vezes, até anotações no celular para acompanhar progresso.

ㅤㅤ

Diagrama de Venn com três círculos que representam as dimensões do Jobs to Be Done: Functional Jobs, Emotional Jobs e Social Jobs. As áreas se sobrepõem no centro indicando a combinação dessas necessidades na experiência do usuário. Ícones ilustram trabalho, emoção e interação social. — Diagrama de Venn – Job To Be Done (Hubble)

ㅤㅤ

Três cartões lado a lado descrevendo tipos de necessidades do usuário: necessidades funcionais relacionadas a treinos e acompanhamento alimentar em um só lugar, necessidades emocionais ligadas à sensação de progresso e controle da saúde, e necessidades sociais associadas ao sentimento de cuidar do próprio bem-estar. — Job To Be Done (Fit Flow)

ㅤㅤ

Nada disso é necessariamente ruim, mas acaba deixando tudo mais difícil de organizar. No final, cuidar da própria saúde vira quase um projeto paralelo na vida da pessoa.

Mesmo com tantos aplicativos de fitness disponíveis, muitos deles focam só em uma parte da jornada. Alguns são muito voltados para treinos, outros só para nutrição. Poucos conseguem juntar tudo de uma forma simples e que realmente faça sentido no dia a dia.

Foi a partir dessa observação que comecei a pensar no FitFlow. A ideia não era criar só mais um aplicativo de treino, mas tentar juntar algumas coisas importantes em um único lugar. Um app que ajudasse a acompanhar exercícios, alimentação e progresso de uma forma mais simples e natural dentro da rotina.

ㅤㅤ

Seção intitulada “Problem statement” descrevendo que pessoas com rotinas ocupadas querem cuidar melhor da saúde, mas têm dificuldade em organizar treinos, alimentação e acompanhamento de progresso em um único fluxo simples.

ㅤㅤ

Ideação e processos

Depois de entender melhor o problema, comecei a pensar em como esse aplicativo poderia realmente ajudar no dia a dia das pessoas.

ㅤㅤ

🤔 O que faz alguém desistir de um aplicativo de fitness?

ㅤㅤ

Pensando na minha própria experiência e na de pessoas próximas, algumas coisas começaram a aparecer com frequência. Aplicativos complicados demais, informação demais na tela, dificuldade para encontrar o que fazer no dia e pouca sensação de progresso.

Então comecei a olhar para outros aplicativos que fazem parte dessa rotina de saúde. Apps de treino, nutrição, hábitos e bem-estar.

ㅤㅤ

Coleção de telas de diferentes aplicativos de fitness mostrando exemplos de interface mobile, incluindo descoberta de treinos, seleção de atividades, acompanhamento de progresso, métricas de saúde e fluxo de onboarding do usuário. — Benchmarking para a Fit Flow

ㅤㅤ

O objetivo era entender como esses aplicativos organizam informação e o que parecia funcionar bem para o usuário.

Algumas coisas começaram a se repetir nas referências:

Uso de cartões para organizar treinos
Dashboards simples com progresso
Ações rápidas para registrar atividades
Feedback visual quando o usuário completa algo

Isso começou a me dar pistas sobre como a experiência poderia funcionar.

ㅤㅤ

🤔 Qual é a menor quantidade de coisas que o usuário precisa ver para continuar usando o app?

ㅤㅤ

Aplicativos de saúde costumam mostrar muitos dados, métricas e gráficos. Isso pode ser útil, mas também pode deixar tudo confuso. Então tentei manter o foco no essencial.

Aos poucos comecei a perceber que o aplicativo poderia se organizar em três partes principais: home, treinos e nutrição.

A ideia era que o usuário abrisse o aplicativo e rapidamente entendesse o que está acontecendo com sua rotina naquele dia.

ㅤㅤ

Painel com diversas referências visuais e telas de aplicativos de fitness, incluindo exemplos de interfaces mobile, fluxos de onboarding, dashboards de saúde, componentes de UI, paletas de cores, ilustrações e ideias de identidade visual usadas como inspiração para o design do produto. — Rascunhos, pensamentos, ideias e decisões

ㅤㅤ

Design

Com a estrutura mais clara, comecei a transformar essas ideias em interface.

Queria que o app tivesse uma aparência leve e motivadora. Algo que desse vontade de abrir, em vez de parecer mais uma tarefa na lista do dia.

A identidade visual acabou seguindo uma direção com tons de roxo e gradientes. Essas cores ajudam a trazer energia para a interface e também diferenciam o aplicativo de muitas plataformas de fitness que usam sempre as mesmas combinações de preto, branco e cores neon.

ㅤㅤ

Escala de cores em tons de roxo organizada do mais claro ao mais escuro, com variações numeradas de 50 a 950 e seus respectivos códigos hexadecimais, usada como paleta de cores do sistema de design. — Paleta de cores selecionadas

Capturas de tela de uma ferramenta de verificação de contraste WCAG mostrando combinações de cores roxo e branco e roxo claro com fundo escuro, ambas com proporção de contraste de 7.9:1 e aprovação para os níveis AA e AAA de acessibilidade para texto normal e grande. — Contrast Checker utilizando a ferramenta Stark

ㅤㅤ

Home

A Home funciona como um resumo rápido do dia. O objetivo é que o usuário abra o aplicativo e veja rapidamente como está sua rotina, o que já foi feito e o que ainda pode fazer.

ㅤㅤ

Interface mobile do aplicativo de fitness FIT Flow exibindo a tela inicial com saudação “Olá, Nádia!”, métricas diárias de passos, calorias e hidratação, lista de treinos do dia com botões de tutorial e seção de acompanhamento de metas como treinos semanais e consumo de água.

ㅤㅤ

Treinos

A parte de treinos foi pensada para ser direta. O usuário consegue navegar pelos exercícios, iniciar um treino e acompanhar o tempo de cada atividade.

ㅤㅤ

Sequência de telas do aplicativo de fitness mostrando o fluxo do usuário: busca e navegação por categorias de treinos, página de detalhes do programa de ioga com semanas e sessões, visualização das posições do exercício e tela de execução do treino com temporizador e botão para pausar.

ㅤㅤ

Nutrição

Durante o design das telas tentei sempre manter três coisas em mente: facilidade de leitura, ações rápidas e sensação de progresso.

Esses três pontos ajudam a manter o aplicativo mais fácil de usar no dia a dia.

ㅤㅤ

Interface mobile do aplicativo FIT Flow mostrando a tela de acompanhamento alimentar com barra de progresso de calorias consumidas em relação à meta diária, distribuição de macronutrientes e lista de refeições do dia como café da manhã, almoço, jantar e lanches, com opção de adicionar refeições.

ㅤㅤ

Mesmo sendo um projeto conceitual, trabalhar no FitFlow me ajudou a entender melhor como experiências de saúde podem ser organizadas dentro de um produto digital.

Uma coisa que funcionou bem foi manter a interface simples. Em vez de tentar colocar muitas funcionalidades, o foco ficou em mostrar o que realmente importa para o usuário naquele momento.

O uso de cartões para organizar treinos também ajudou bastante a deixar a navegação mais clara. O usuário consegue entender rapidamente o que cada exercício representa sem precisar ler muita informação.

Outra decisão que gostei no resultado final foi a organização em poucas seções principais. Isso evita que o usuário se perca dentro do aplicativo.

ㅤㅤ

💡 Qual é a menor quantidade de coisas que o usuário precisa ver para continuar usando o app?

ㅤㅤ

Por exemplo, o aplicativo poderia ter mais personalização de treinos, integração com dispositivos de saúde como smartwatches e talvez um sistema de metas ou gamificação para incentivar consistência.

Trabalhar nesse projeto também reforçou algo que hoje considero muito importante no design de produtos: quanto mais simples a experiência parece, mais difícil foi chegar nela.

Grande parte do processo foi justamente tirar coisas que não eram necessárias até que a experiência ficasse mais direta.

ㅤㅤ

Smartphone segurado por duas mãos exibindo a tela inicial do aplicativo de fitness FIT Flow com fundo roxo, logotipo do app, texto “Seu treino em casa” e botões “Iniciar” e “Criar conta”. Ao fundo aparecem imagens desfocadas de pessoas praticando exercícios.

ㅤㅤ