Quiz Gamificado — Expo Verde
Plataforma gamificada em totens interativos para captação de leads
O desafio
A FAI precisava captar contatos de potenciais alunos durante a Expo Verde, a maior feira da região. O método tradicional — formulário em papel ou um atendente com prancheta — tem duas falhas: cansa o visitante e produz dados de baixa qualidade.
A proposta da Studway foi inverter a lógica: em vez de pedir dados, oferecer algo em troca. Um quiz vocacional gamificado que diz ao visitante qual curso combina com o perfil dele — e, no processo, coleta as informações que a instituição precisa.
O projeto nasceu de uma indicação: a professora Eliane Vendramini, co-orientadora do meu TCC sobre gamificação no ensino, lembrou do LittleDev quando a FAI descreveu a necessidade.
Resultados
O que eu fiz
Protótipo completo no Figma
Desenhei 100% da interface antes de escrever código. Isso permitiu validar o fluxo com o cliente e antecipar o problema mais crítico: o app rodaria em totem vertical, operado em pé, por pessoas com pressa.
Arquitetura e desenvolvimento frontend
Next.js com TypeScript, estado global via Context API e Styled Components. Estruturei o quiz para suportar tipos diferentes de questão sem duplicar lógica de navegação ou de pontuação.
Interações adaptadas para toque
Implementei questões de arrastar-e-soltar com @dnd-kit. Foi o maior desafio técnico: o comportamento de toque difere bastante do mouse, e o alvo precisa ser generoso para funcionar com o dedo, em pé, sem treino.
Deploy em hardware físico e suporte ao vivo
Configurei a aplicação nos totens e dei suporte presencial durante os 4 dias de evento, com ajustes em tempo real e treinamento da equipe local da FAI.
Galeria
Decisões técnicas
Por que Zod para validação
Os dados coletados vão direto para a base de leads da instituição. Validar o schema em runtime — e não só confiar nos tipos do TypeScript, que somem na compilação — evita que um dado malformado contamine a base.
Gamificação como mecânica, não decoração
Barra de progresso, animações de transição (Framer Motion) e confete na conclusão não são enfeite: reduzem a sensação de esforço e sustentam a atenção. O resultado de 97,65% de conclusão em um formulário de 3 minutos é consequência direta disso.
Interface pensada para o contexto de uso
Botões grandes, poucas opções por tela, feedback imediato a cada toque e fluxo curto. Um formulário desenhado para desktop teria taxa de abandono muito maior naquele ambiente.
Foi o primeiro projeto pago da Studway e o que mais me ensinou sobre a diferença entre entregar software e entregar resultado. O cliente não comprou React — comprou 427 contatos qualificados.