Bridge × MEC: Jornada do Estudante e Pé-de-Meia  -  hero
Design de Produto2022-2025

Bridge × MEC: Jornada do Estudante e Pé-de-Meia

UX/UI Designer

Ecossistema digital do Ministério da Educação desenhado no Laboratório Bridge: Jornada do Estudante, módulo Pé-de-Meia, operação web e sistema administrativo para uma base nacional de 14M+ estudantes.

Ministério da Educação e Governo Federal
Jornada do Estudante
Pé-de-Meia

14M+

estudantes impactados

277

violações WCAG mapeadas (TCC)

3yr

no Laboratório Bridge (UFSC/CTC)

  • 14M students impacted (national education app)
  • TCC: 277 WCAG violations mapped (84 critical)
  • 3 years contributing to the Bridge Lab ecosystem

Contexto Estratégico

Escopo: Designer sênior em um ecossistema de 300+ colaboradores, atuando simultaneamente em 7 produtos gov-tech. Atendi tanto o Ministério da Educação quanto times internos da Bridge.

Autoridade de decisão: Tive ampla autonomia de UX/UI nos squads em que entrei. Para mudanças sistêmicas, como recomendações de DSGov e acessibilidade, articulei diretamente com PMs, Tech Leads e, em iniciativas transversais, com a liderança de design e engenharia.

Timeline: 3 anos (jul 2022 - jul 2025), com projetos variando de sprints rápidas a iniciativas de longo prazo. O app Jornada do Estudante foi meu foco mais contínuo, atendendo milhões de usuários ativos.

Resultado estrutural: Saí de entregas pontuais para construir infraestrutura de produto: bibliotecas Figma escaláveis, auditorias WCAG publicadas academicamente e padrões de fluxo reutilizados em múltiplos serviços públicos.

O Contexto

O Bridge Lab (UFSC) conecta governo e cidadãos através da tecnologia. O produto principal é o Jornada do Estudante, um app do Ministério da Educação usado por 14 milhões de estudantes em todo o Brasil.

O app funciona como carteira estudantil digital, acompanhamento de matrícula, portal do programa Pé-de-Meia e hub de serviços do Ministério. O admin web permite que servidores do MEC gerenciem credenciais, notificações, banners, conteúdo e auditorias.

Para sair do desenho abstrato e entender a operação real do programa, cruzei Hotjar, Firebase, painéis do Metabase, tickets de suporte e entrevistas com stakeholders. Consolidei esse material em três personas-chave: Janaína (coordenação de projetos e acompanhamento transversal), Silmara (decisão executiva com urgência política) e Rafael (perfil operacional jovem, ideal para tarefas táticas com alta familiaridade digital). Esse recorte deixou claro que o ecossistema não precisava funcionar só para estudantes: precisava também comunicar status, risco e próximo passo para quem sustenta o programa por trás dos bastidores.

14 milhões de estudantes, um dos maiores apps de educação do Brasil

O Problema do Formulário

O fluxo de inscrição no auxílio financeiro tinha taxas de conclusão preocupantes. Público-alvo: estudantes de escola pública com celulares básicos e conexão instável. O PM trouxe dados do Firebase: 35% abandonavam no meio do formulário.

Primeira tentativa (falhou): Consolidei 6 etapas em uma única página. Lógica: menos telas = menos fricção. Resultado: abandono subiu 15%. Os logs de crash mostraram que quedas de conexão causavam perda de todo o progresso.

Segunda tentativa: Quebrei em etapas menores com salvamento automático por etapa. Resultado: abandono caiu 20 pontos para mais de 2 milhões de usuários (medido via Firebase Analytics). O que aprendi: "menos cliques" é diferente de "menos fricção". Para esse público, a maior fricção era perder progresso.

Página única: abandono subiu 15%. Stepper com auto-save: +20 pontos para 2M+ usuários (medido via Firebase Analytics).

Identidade Estudantil Digital

O módulo mais sensível: dados pessoais, fotos, dependentes. Um adolescente de 14 anos com documento digital que influencia matrículas escolares. Trabalhei diretamente com advogados do MEC nos requisitos de privacidade. Decisões de design: dados sensíveis colapsados por padrão (expandidos por ação explícita), linguagem adaptada para adolescentes, estados de erro que explicam consequências, não apenas o que deu errado.

Programa Pé-de-Meia

Bolsa federal para manter estudantes na escola. Liderei o design do módulo completo: inscrição, acompanhamento de status, histórico de pagamentos e comunicação. O dado que moldou o design: 40% das ligações para o helpdesk eram "Não entendo meu status." Criei telas de status dedicadas com linguagem simples, progresso visual e explicação do que acontece em seguida.

Além da experiência dentro do app, desenhei materiais de comunicação, telas detalhadas de parcelas e uma superfície web responsiva para acompanhamento pelo navegador. Isso ajudou a manter a marca do MEC e do Pé-de-Meia visível em todos os pontos de contato, sem trocar clareza por propaganda.

Após o lançamento, os tickets de helpdesk relacionados ao status caíram visivelmente.

40% das ligações para o helpdesk: "não entendo meu status." Telas dedicadas reduziram a confusão.

Sistema Administrativo e Versão Web

12+ módulos para servidores do Ministério. Convenci o tech lead a adotar um padrão consistente: lista com filtros, formulário de criação/edição, indicadores de status por cor, trilha de navegação e paginação. Apliquei o mesmo padrão em todos os módulos; gestores que aprendem um já sabem usar todos.

O NPS embutido (modal com escala de emoji + texto livre) foi minha proposta ao PM para coletar feedback in-app dos gestores públicos. Dados coletados alimentavam a priorização de backlog.

Também desenhei do zero a porta de entrada da versão web do ecossistema Jornada do Estudante: login, experiência responsiva no navegador e superfícies de acompanhamento do Pé-de-Meia fora do app. O objetivo era ampliar acesso sem perder coerência com DSGov, com a identidade do MEC e com o restante do produto. Quando o stakeholder é o Ministério da Educação, consistência visual é requisito institucional, não detalhe estético.

Acessibilidade: TCC e Auditoria WCAG

Meu TCC em Ciência da Computação (nota máxima, UFSC) foi uma auditoria comparativa de acessibilidade do Jornada do Estudante, usando 6 ferramentas automatizadas mais revisão manual com leitores de tela. 277 violações encontradas. Priorizei 23 correções críticas com base em frequência de uso e impacto no usuário. Todas as 23 foram implementadas antes do lançamento da versão seguinte.

277 violações de acessibilidade encontradas por 6 ferramentas. 23 correções críticas priorizadas. Nota máxima no TCC.

Guia de Estilo e Mapa de Navegação

O design system do governo federal é obrigatório para gov-tech. Criei uma adaptação personalizada do DSGov para o contexto específico do Jornada do Estudante, documentando desvios, justificativas e padrões de componentes específicos do produto. O mapa de navegação (todas as telas, todos os estados, todos os fluxos) tornou-se a fonte de referência para novos membros da equipe.

O que a pesquisa revelou

O formulário de página única teve mais abandono que o fluxo anterior.

Insight: Formulários longos sem salvar progresso geravam ansiedade, especialmente para públicos com baixa literacia digital.

Decisão: Implementamos um stepper com auto-save e a completude voltou a crescer.

Parte expressiva dos tickets de suporte era variação de "não entendo meu status".

Insight: O sistema tinha 12 estados possíveis, mas o design só comunicava 3.

Decisão: Mapeamos os estados com linguagem acessível. Tickets na categoria diminuíram.

Impacto além da tela

Trabalhei por 3 anos no Laboratório Bridge como UX/UI Designer, contribuindo para o ecossistema Jornada do Estudante (MEC) e conduzindo o TCC de auditoria comparativa de acessibilidade entre Bold DS e DSGov (277 violações WCAG mapeadas, 84 críticas). Aprendizado central: em gov-tech com milhões de usuários, cada decisão de design toca política pública, e conquistar adoção vem mais de evidência compartilhada com colegas do que de posição.

2022

Foundation

  • First user flows designed
  • 6 personas mapped
2023

Scale

  • Form redesign delivered
  • 14M students reached
2024-2025

Maturity

  • WCAG AA certified
  • TCC published
  • DSGov adopted org-wide

Vamos trabalhar juntos

Tem interesse em trabalhar comigo?

Eu desenho experiências de produto para milhões de usuários. Com mais de 7 anos entre startups, scale-ups e empresas de diferentes contextos, gosto de criar interfaces acessíveis, refinadas e com impacto real no negócio.

Feito comporThiago Xikota