Organização pessoal que respeita o ritmo de cada pessoa

Etapa 1 de 7Contexto e desafio

Organizar é só o começo

A pergunta do projetoComo ajudar cada pessoa a organizar suas tarefas, perceber seu progresso e manter a constância?

Transformei a pergunta em três objetivos de design:

• 01Saber o que fazerAs tarefas do dia aparecem na tela inicial.
• 02Perceber o avançoO progresso do dia fica visível.
• 03Querer continuarConquistas ligadas à constância.

A direção: incentivar o progresso pessoal, sem comparar rotinas. São objetivos de design, não efeitos comprovados.

Etapa 2 de 7Exploração e testes iniciais

Antes das cores, a estrutura

Rascunhos e wireframes organizaram as telas de tarefas, progresso, perfil, amigos e ranking. Testei o protótipo inicial em baixa fidelidade em duas sessões remotas.

O que observar: a versão inicial tinha nível, XP e um ícone de ranking na barra de navegação.

Etapa 3 de 7Decisão central

Retirar XP, níveis e ranking

Tarefas exigem esforços diferentes. Comparar pessoas por número de tarefas ou por pontos de experiência não considera essas diferenças e não combinava com a proposta de valorizar o ritmo individual.

Foi uma decisão minha, para evitar comparação e frustração. Ela não veio diretamente das sessões de teste.

Antes

Depois

O que passa a contar: dias ativos no mês e sequências de dias seguidos. Concluir pelo menos uma tarefa já conta como dia ativo.

Etapa 4 de 7Evolução da experiência

Do progresso à próxima ação

Home: o próximo passo à vista

Antes, a Home destacava o progresso. Depois, passou a mostrar também as tarefas do dia, com “Ver todas” para a lista completa. Perceber o progresso ajuda, mas a pessoa abre o app para saber o que fazer agora.

Antes

Depois

Amigos no lugar certo

O acesso aos amigos saiu da barra de navegação inferior e foi para a seção “Meus amigos”, no perfil, junto das informações e conquistas pessoais.

Versão 2: todas as telas refeitas

Em novembro de 2026, refinei as telas do aplicativo. Mantive a barra de navegação flutuante e a identidade visual do projeto; melhorei acabamento, espaçamentos e organização dos cartões. O protótipo abaixo usa essa versão.

Carregar o protótipo4 fluxos navegáveis

Protótipo recriado em código a partir das telas e conexões do Figma da versão 2. Escolha um fluxo no painel e toque nos botões da tela, como num app.

1. Concluir as tarefas do dia
2. Criar uma tarefa
3. Ver perfil e amigos
4. Trocar moedas por uma borda

Abrir em tela cheia

Retomar também faz parte

Quando a sequência quebra, a interface explica o que aconteceu e oferece dois caminhos. Estas telas são da versão original; o remake não refez este fluxo.

Acolher a retomada também é uma decisão de interface.

Reconhecer o esforço

Na loja, as moedas servem para escolher bordas e personalizar o perfil. Depois da compra, a pessoa pode aplicar a borda ou voltar à loja.

Etapa 5 de 7Identidade e adaptação

Uma companhia para cada momento

A formiguinha aparece para incentivar, celebrar e acolher a retomada. A personalidade está mais no jeito de falar do que na decoração.

As cores têm função (ação, navegação, ritmo e recompensa). A marca usa Odibee Sans e a interface usa Nunito Sans.

A mesma rotina, outros espaços

A tela de metas foi pensada para três tamanhos. Na versão 2, refinei as três e preservei as decisões da versão original: menu lateral no desktop, menu recolhível no tablet e barra de navegação no celular. A adaptação vale para esta tela; não representa todas as telas do app.

Etapa 6 de 7Avaliação e limites

O que foi avaliado, e o que não foi

As duas sessões remotas aconteceram com a versão inicial em baixa fidelidade, que ainda tinha níveis e ranking. Elas não validam a versão final.

• Há registro qualitativo de facilidade de uso e de uma experiência agradável, sem número de participantes nem métricas.
• Na revisão visual, verifiquei contraste entre pares de cores, como off-white sobre cinza (15,18:1).
• Melhora em produtividade, retenção ou constância exigiria uma avaliação com uso contínuo, que não foi feita.
• Não há registro de testes com a versão 2 (remake).

Etapa 7 de 7Aprendizados e próximos passos

Revisar também é projetar

• 01Escolher o comportamento certoDecidir o que a gamificação deveria incentivar veio antes de desenhar recompensas.
• 02Nem tudo disputa atençãoDistribuir recursos sem fazer tudo brigar pela mesma tela.
• 03Progresso ligado à açãoConectar o avanço à próxima tarefa deu direção às decisões de interface.
• 04Retirar é decidirTirar funcionalidades também é uma decisão de design.
• 05O recomeço faz partePerder o ritmo é previsível; a experiência precisa receber a pessoa de volta.
• 06Telas diferentes, mesma rotinaReorganizar conteúdo e navegação conforme o tamanho da tela.

Próximos passos propostos

• Testar a versão final, sem ranking, com pessoas usando o app por alguns dias.
• Observar como as pessoas usam o fluxo de retomada.