ESTUDO DE CASO / UX / EVENTOS
AGITAE
Projeto autoral de 2026, sem vínculo com cursos ou clientes.
Descobrir eventos por perto com informação confiável e no tempo certo
App pra galera encontrar um rolê perto de casa e ver como ele está antes de sair.
Resumo
O essencial do projeto em poucas linhas. Logo abaixo, o processo completo em 7 etapas, na ordem em que aconteceu.
- Contexto
- Projeto autoral para descobrir eventos próximos, seguir artistas e locais e receber avisos relevantes com antecedência.
- Problema
- O rolê bom aparece quando já passou: descoberta tardia, informação espalhada, mudanças que ninguém vê e alertas que não interessam.
- Público
- Pessoas que procuram shows, festas e feiras perto de casa.
- Minha contribuição
- Problema, decisões e direção visual; telas finais e design system no Figma; testes com pessoas e análise das falas; revisão de tudo que a IA fez.
- Apoio de IA
- ChatGPT na desk research, nos pedidos e nos textos. Claude na versão de baixa fidelidade, no protótipo navegável, na documentação do design system e nos vetores do mascote, pela minha direção.
- Solução e entregas
- 48 telas no modo claro e no noturno, design system com 61 variáveis de cor, 31 estilos de texto e 31 componentes, e protótipo navegável.
- Evidências e limitações
- Desk research com 6 relatos públicos, que servem para levantar hipóteses, e testes com 5 pessoas e 8 tarefas pelo celular. Não houve pesquisa primária antes dos testes.
Não conhece algum termo? Veja o que cada um significa
- Desk research
- Pesquisa em materiais que já existem, como relatos e comentários públicos.
- Hipótese
- Suposição que ainda precisa ser testada.
- Baixa fidelidade
- Primeira versão das telas, em tons de cinza e sem acabamento visual.
- Protótipo navegável
- Versão clicável das telas, que funciona como um app de verdade para testes.
- Design system
- Biblioteca de cores, textos e componentes que mantém todas as telas coerentes.
- Check-in
- Marcar no app que você chegou ao evento.
- Teste de usabilidade
- Sessão em que uma pessoa tenta fazer tarefas no protótipo, falando em voz alta o que pensa.
Etapas do estudo
Etapa 1 de 7Contexto e desafio
O rolê bom aparece quando já passou
Quem procura o que fazer perto de casa esbarra em quatro problemas:
- Descobre tardeAcha o evento depois que passou.
- Informação espalhadaProgramação em vários perfis e sites.
- Muda e ninguém vêCancelamento que não chega a tempo.
- Alerta que não interessaSugestão de artista que a pessoa nem segue.
Pergunta centralComo ajudar a pessoa a achar um rolê que combine com ela, a tempo de se organizar e com informação confiável?
Etapa 2 de 7Investigação e processo com IA
Hipóteses primeiro, com transparência
A desk research reuniu 6 relatos públicos (Reddit e Reclame Aqui) sobre descoberta tardia, informação espalhada, avisos irrelevantes, datas conflitantes e cancelamentos perdidos. Esses relatos servem para levantar hipóteses; não medem quantas pessoas têm cada problema.
Como usei IA no projeto
A IA acelerou a produção. As decisões e a revisão ficaram comigo.
- 01Eu defino o problema e a direçãoProblema, decisões e direção visual.
- 02ChatGPT pesquisa e escreve o pedidoDesk research com fontes, pedidos (prompts) e textos.
- 03Claude produz e confereLow-fi, protótipo navegável em HTML, documentação do design system, conferência de contraste e vetores do mascote e do letreiro.
- 04Eu testo, reviso e desenhoTestes com pessoas, telas finais e design system no Figma, e revisão de tudo que a IA fez.
Também testei o Gemini para o mascote, mas não gostei do resultado.
Etapa 3 de 7Principais decisões
Achar, guardar, chegar e contar
O app se organiza em quatro momentos, do interesse ao relato:
Achar, guardar, chegar e contar
Tela 1 de 4: Achar: rolês por perto, com filtros
Toque nos botões da tela, como num app. Ao tocar em outro ponto, as áreas clicáveis piscam. As setas do teclado também funcionam.
O que observar: o check-in libera o relato, e os relatos aparecem para os outros em “Como está agora”. Telas mais longas rolam dentro do aparelho.
O que orientou essas escolhas
- Check-in em destaque. É ele que libera os relatos de quem chegou, então não pode ficar escondido no fim da tela.
- Relatos só de quem fez check-in, a partir do início do evento, para a informação ser confiável.
- Nome que diz o efeito. “Guardar na agenda” explica mais do que “Vou”.
- Cortar também é design. Tirei funções, como confirmar presença, e o app ficou mais claro de usar.
Etapa 4 de 7O que os testes mudaram
Testes com 5 pessoas, 8 tarefas, pelo celular
O propósito não ficou claro de primeira
Uma pessoa perguntou: “É um aplicativo pra festa?”. A entrada passou a dizer o que o app faz.
A presença era marcada sem a pessoa pedir
Depois de criar a conta, a presença era marcada automaticamente. O botão passou a dizer o que vai acontecer: “Criar conta e guardar o rolê”.
Outras mudanças: check-in só no local, atalho “Grátis” e aviso do que falta preencher no relato. Depois dos ajustes, o protótipo passou por um teste final.
Etapa 5 de 7Telas finais e design system
Animado, da galera e pra todo mundo
O projeto reúne 48 telas em modo claro e noturno. Abaixo está a versão interativa de teste, com navegação entre os fluxos do aplicativo.
EXPERIMENTE O PRODUTO
Explore o AGITAE em primeira mão
Teste a navegação e as tarefas do aplicativo. Para uma experiência mais confortável no celular, abra o protótipo em uma nova aba.
Protótipo funcional para exploração e testes. O aplicativo apresentado aqui é um projeto de UX/UI, não um serviço de eventos ativo.
Identidade e design system
Azul para agir, coral e amarelo para festejar. Uma família tipográfica, Plus Jakarta Sans, do título ao detalhe. O tom fala como um amigo chamando para o rolê, mas horário, preço e erro são sempre diretos.
Etapa 6 de 7Avaliação e limitações
O que sustenta, e o que ainda não
- Os testes foram feitos com 5 pessoas, em 8 tarefas, pelo celular, e o protótipo ajustado passou por um teste final.
- Não houve pesquisa primária antes dos testes; a desk research foi feita com apoio de IA e serve para levantar hipóteses.
- A baixa fidelidade e o protótipo navegável foram produzidos com IA; as telas finais e o design system foram feitos por mim no Figma.
- Por enquanto, só o perfil Público foi desenhado.
Etapa 7 de 7Aprendizados e próximos passos
O que levo desse projeto
- 01Testar cedoO teste em tons de cinza mostrou problemas que eu não enxergava.
- 02Cortar também é designTirar funções deixou o app mais claro de usar.
- 03Nome que diz o efeito“Guardar na agenda” explica mais do que “Vou”.
- 04IA pede um pedido claro e revisãoQuanto mais claro o pedido, melhor o resultado. E tudo passa por mim.
Próximos passos
- Desenhar os perfis de artista e de local.
- Usar fotos reais, com autorização.
Próximo projeto
Ecossistema Digital Itaú
Uma experiência bancária mais clara entre dispositivos
Contato
Estou em busca da primeira oportunidade em UX/UI, UI ou Product Design. Fale comigo por e-mail, WhatsApp ou LinkedIn.
- E-mailpauloperesuxui@gmail.com
- WhatsApp(19) 99982-8490
- LinkedInlinkedin.com/in/paulo-peres-uxui