Facilitando o caminho para uma rotina alimentar mais consciente.
Como o design centrado no usuário ajudou a criar uma solução digital que simplifica o registro de refeições e motiva o cuidado com a saúde.
Facilitando o caminho para uma rotina alimentar mais consciente.
Como o design centrado no usuário ajudou a criar uma solução digital que simplifica o registro de refeições e motiva o cuidado com a saúde.
O desafio
Durante a pesquisa de benchmarking, foi possível observar que a maioria dos aplicativos de controle alimentar apresenta excesso de informações, telas densas e navegação pouco fluida. Isso faz com que muitos usuários desistam de registrar suas refeições diárias, mesmo quando desejam melhorar sua alimentação ou alcançar metas de peso.
O desafio deste projeto foi criar uma experiência mais simples e convidativa, priorizando clareza visual, facilidade de uso e uma estrutura modular de componentes capaz de tornar o registro alimentar uma tarefa leve e prazerosa.
O desafio
Durante a pesquisa de benchmarking, foi possível observar que a maioria dos aplicativos de controle alimentar apresenta excesso de informações, telas densas e navegação pouco fluida. Isso faz com que muitos usuários desistam de registrar suas refeições diárias, mesmo quando desejam melhorar sua alimentação ou alcançar metas de peso.
O desafio deste projeto foi criar uma experiência mais simples e convidativa, priorizando clareza visual, facilidade de uso e uma estrutura modular de componentes capaz de tornar o registro alimentar uma tarefa leve e prazerosa.
Fluxo do usuário
O fluxo foi pensado para tornar o registro alimentar rápido e intuitivo.
A partir do painel principal, o usuário pode visualizar suas metas diárias e acessar o relatório do dia. Ao selecionar “Registrar refeições”, ele é direcionado ao diário, onde suas refeições são organizadas por períodos (café da manhã, almoço, jantar).
Dentro de cada grupo, é possível adicionar novos alimentos por meio de uma busca simples ou, caso o item ainda não exista, cadastrar um novo alimento informando calorias e macronutrientes.
Esse caminho reduz cliques desnecessários e mantém o foco na tarefa principal — registrar o que foi consumido — sem quebrar o fluxo natural de uso.
O objetivo desse design é eliminar barreiras comuns em aplicativos de nutrição, como excesso de etapas e telas complexas, priorizando eficiência, clareza e continuidade da experiência.
Fluxo do usuário
O fluxo foi pensado para tornar o registro alimentar rápido e intuitivo.
A partir do painel principal, o usuário pode visualizar suas metas diárias e acessar o relatório do dia. Ao selecionar “Registrar refeições”, ele é direcionado ao diário, onde suas refeições são organizadas por períodos (café da manhã, almoço, jantar).
Dentro de cada grupo, é possível adicionar novos alimentos por meio de uma busca simples ou, caso o item ainda não exista, cadastrar um novo alimento informando calorias e macronutrientes.
Esse caminho reduz cliques desnecessários e mantém o foco na tarefa principal — registrar o que foi consumido — sem quebrar o fluxo natural de uso.
O objetivo desse design é eliminar barreiras comuns em aplicativos de nutrição, como excesso de etapas e telas complexas, priorizando eficiência, clareza e continuidade da experiência.
Design Tokens
A paleta de cores foi pensada para equilibrar clareza visual, estímulo emocional e funcionalidade.
O azul foi escolhido como cor principal por seu efeito psicológico associado à calma, confiança e controle, além de ser uma cor que inibe o apetite, segundo estudos da psicologia das cores. Essa escolha ajuda a criar uma atmosfera serena, ideal para um aplicativo que envolve alimentação e autocontrole, reduzindo estímulos visuais que possam gerar ansiedade ou impulsividade.
As cores vermelho, verde e amarelo foram aplicadas de forma funcional, representando status e progressos dentro do sistema, além de serem usadas como cores de apoio.
Verde indica metas atingidas e boas escolhas;
Amarelo sinaliza atenção ou proximidade de limite;
Vermelho alerta para excessos ou metas não alcançadas.
Design Tokens
A paleta de cores foi pensada para equilibrar clareza visual, estímulo emocional e funcionalidade.
O azul foi escolhido como cor principal por seu efeito psicológico associado à calma, confiança e controle, além de ser uma cor que inibe o apetite, segundo estudos da psicologia das cores. Essa escolha ajuda a criar uma atmosfera serena, ideal para um aplicativo que envolve alimentação e autocontrole, reduzindo estímulos visuais que possam gerar ansiedade ou impulsividade.
As cores vermelho, verde e amarelo foram aplicadas de forma funcional, representando status e progressos dentro do sistema, além de serem usadas como cores de apoio.
Verde indica metas atingidas e boas escolhas;
Amarelo sinaliza atenção ou proximidade de limite;
Vermelho alerta para excessos ou metas não alcançadas.
Essa combinação garante feedbacks visuais imediatos, tornando o entendimento mais intuitivo e permitindo que o usuário interprete seu progresso de forma rápida e natural, sem depender apenas de números ou textos.
Essa combinação garante feedbacks visuais imediatos, tornando o entendimento mais intuitivo e permitindo que o usuário interprete seu progresso de forma rápida e natural, sem depender apenas de números ou textos.
Protótipo de alta fidelidade
Foram aplicadas microinterações, transições entre telas e animações nos elementos para proporcionar uma interface dinâmica, clara e consistente.
Protótipo de alta fidelidade
Foram aplicadas microinterações, transições entre telas e animações nos elementos para proporcionar uma interface dinâmica, clara e consistente.
Mede Calorias é um projeto fictício que foi desenvolvido para a prática de componentização no Figma.