Organiza
Organiza, um app para iPhone que junta agenda, treinos, estudos, coleção e finanças e transforma a rotina num jogo.
Me dê um Oi!
Resumo
Criei um app para quem divide o dia entre trabalho, estudos, treino, leitura e dinheiro. A primeira versão resolvia onde guardar cada coisa, mas não fazia ninguém voltar. Na segunda, o app ganhou uma identidade nova e uma gamificação que recompensa a constância, com avatar, XP, moedas e missões.
- Meu papel
- UX/UI Designer e desenvolvedor
- Plataforma
- iPhone, instalado como app
- Para quem
- Pessoas com várias rotinas ao mesmo tempo
- Ferramentas
- Figma, HTML, CSS e JavaScript
01Contexto
A rotina estava espalhada em seis lugares
O Organiza nasceu de uma necessidade minha. Entre o trabalho como representante comercial, os estudos de UX/UI e o desenvolvimento full stack, meu dia ficava dividido entre agenda num app, pauta no bloco de notas, treino na memória, gastos no banco, estudos no Notion e livros soltos.
Cada troca de app custa atenção, e o que fica fora da vista é esquecido. O desafio era juntar tudo sem virar um app pesado.
- 39telas e estados
- 6abas, uma por área
- 30componentes com variantes


02Redesign
Organizar não bastava, era preciso voltar
Depois de semanas usando a primeira versão, percebi que ela resolvia o “onde está cada coisa”, mas não o “por que continuar”. A segunda versão trouxe uma identidade nova, com gradiente roxo e magenta, seis abas fixas e um Perfil com avatar, XP, moedas e missões.


03Gamificação
A rotina vira jogo
Tudo o que a pessoa já registra, como tarefas, hábitos, páginas lidas, treinos, estudo e gastos, vira XP por área e moedas para gastar na loja do avatar.
Por que funciona
- Recompensa imediata: o XP aparece no topo de toda aba na hora
- Metas no próprio ritmo: o desafio da semana usa as últimas 4 semanas
- Sem punição: uma falta por semana não quebra a sequência
- Um avatar em pixel art que cresce com a pessoa, criado do zero


04Interface
Base calma e cor com função
O app se abre muitas vezes ao dia, então a base continua neutra e silenciosa. A cor de cada área diz onde a pessoa está sem precisar ler, e o gradiente roxo e magenta aparece no cabeçalho, nos botões principais e no progresso: é a cor da ação e da recompensa.
A interface se apoia em 30 componentes com variantes, que se repetem em todas as telas.


05Fluxos
Do compromisso ao treino, passo a passo
Desenhei os fluxos principais a partir do uso real: marcar uma reunião com pauta, avançar no plano de carreira, treinar série por série com o celular na mão, acompanhar uma leitura e registrar uma compra parcelada.




06Acessibilidade
O que medi e o que ainda vou melhorar
Segui a WCAG 2.1 nível AA: medi o contraste das cores de texto, da marca e das áreas, usei alvos de toque de 44 px e texto de campo de 16 px, que evita o zoom automático do iPhone. Algumas cores de área ainda só passam com texto grande, e isso entra na próxima versão.

07Próximos passos
Validar com uso real antes de crescer
O app está publicado e instalado no meu iPhone, funcionando offline. Agora quero testá-lo com outras pessoas antes de adicionar qualquer coisa.
- Usar a v2 por 4 semanas e anotar onde trava
- Teste de usabilidade com 5 pessoas em 3 tarefas
- Medir se a gamificação aumenta os dias de uso por semana

08Aprendizados
O que levo desse case
Levar uma ideia do problema até um produto publicado, passando por design e desenvolvimento, aproximou as duas áreas que estudo. E usar o próprio app todo dia mostrou que organizar é só metade do trabalho: a outra metade é dar um motivo para voltar.