Começamos mergulhando no universo dos professores. Conduzimos entrevistas em vídeo, mapeamos jornadas de uso e identificamos onde a maioria desistia – geralmente na etapa de anexar documentos. Com esses dados em mãos, desenhamos um novo mapa de navegação e prototipamos wireframes mobile-first. Cada tela era testada em cliques rápidos pelo heatmap; se menos de 80 % completasse a tarefa, voltávamos à prancheta.

Quando partimos para o visual, escolhemos uma paleta que combinasse a sobriedade institucional da Globo com um toque de neon azul, criando o efeito de feixe de luz que guia o usuário pela página. Todos os componentes entraram em um design system documentado no Storybook: botões, cartões de projeto, marcadores de progresso, badges de gamificação e as recomendações de contraste para atingir WCAG AA. O hand-off ficou tão minucioso que o time de desenvolvimento interno levou apenas duas sprints para levantar a versão funcional no Next.js.