Case 031Design de app mobile
Habit Tracker
Uma única tela inicial para um app de hábitos: o ano vira uma grade de quadrados amarelos, com um convite para o próximo check-in.
- Meu papel
- Design de interface
- Status do projeto
- Design de interface · Acervo do Figma
01
Minha contribuição
Este arquivo guarda uma tela que desenhei: a Home de um app de hábitos, construída em torno de um componente de calendário. O ano corre pela tela como uma grade de quadrados, e quanto mais forte o amarelo, mais coisas feitas naquele dia.
02
O ano num relance, uma ação logo abaixo
Habit timeline ocupa o topo da hierarquia: meses na horizontal, dias na vertical, um seletor de ano ao lado do título e uma legenda de Less a More que explica os tons de amarelo.
Logo abaixo, um único card transforma esse histórico no próximo passo. “Don't lose your habit score streak” leva direto ao check-in do dia, e o botão amarelo de adicionar, no topo, é a única outra cor forte da tela.
