Laboratorio Bridge - Admin y App  -  hero
Diseño de Producto2022-2025

Laboratorio Bridge - Admin y App

Diseñador UX/UI

Diseño de interfaces para el panel administrativo y la app del Laboratorio Bridge, enfocado en usabilidad, consistencia visual y flujos de contenido.

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

14M+

estudiantes

277

violaciones WCAG mapeadas (TCC)

3yr

en Bridge Lab (UFSC/CTC)

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

Contenido Editorial

Este caso de estudio largo se mantiene actualmente en portugués.

La interfaz compartida de esta página está localizada, pero el contenido narrativo del caso de estudio todavía sigue su versión editorial en portugués.

Contexto estratégico

Alcance: Diseñador senior en un ecosistema de más de 300 colaboradores, trabajando de forma simultánea en 7 productos gov-tech. Atendí tanto al Ministerio de Educación como a equipos internos de Bridge.

Autoridad de decisión: Tuve amplia autonomía de UX/UI en los squads en los que participé. Para cambios sistémicos, como recomendaciones de DSGov y accesibilidad, articulé directamente con PMs, Tech Leads y, en iniciativas transversales, con liderazgo de diseño e ingeniería.

Timeline: 3 años (jul 2022 - jul 2025), con proyectos que iban desde sprints rápidos hasta iniciativas de largo plazo. La app Jornada do Estudante fue mi foco más continuo, sirviendo a millones de usuarios activos.

Resultado estructural: Pasé de entregas puntuales a construir infraestructura de producto: bibliotecas escalables en Figma, auditorías WCAG publicadas académicamente y patrones de flujo reutilizados en múltiples servicios públicos.

El Contexto

Bridge Lab (UFSC) conecta gobierno y ciudadanos a través de la tecnología. El producto insignia es Jornada do Estudante, una app del Ministerio de Educación usada por 14 millones de estudiantes en Brasil.

La app funciona como carnet estudiantil digital, seguimiento de matrícula, portal de ayuda financiera y hub de servicios del Ministerio. El admin web permite a los funcionarios del MEC gestionar credenciales, notificaciones, banners, contenido y auditorías.

Mi alcance: 4 archivos Figma: app movil (Flutter), web admin (Angular), sistema de diseño Bold y guía de estilo DSGov. Coordinando con 3 POs, 2 equipos de ingenieria y stakeholders del Ministerio.

14 millones de estudiantes, una de las apps de educación más grandes de Brasil

El Problema del Formulario

El flujo de inscripción a la ayuda financiera tenía tasas de completado preocupantes. Público objetivo: estudiantes de escuelas públicas con teléfonos básicos y conexión inestable. El PM trajo datos de Firebase: el 35% abandonaba a mitad del formulario.

Primer intento (fallido): Consolide 6 etapas en una sola página. Lógica: menos pantallas = menos fricción. Resultado: el abandono subió un 15%. Los registros de errores mostraron que las caídas de conexión hacian perder todo el progreso.

Segundo intento: Dividi en pasos más pequeños con guardado automático por etapa. Resultado: el abandono bajó 20 puntos para más de 2 millones de usuarios (medido via Firebase Analytics). Lo que aprendi: "menos clics" es diferente de "menos fricción".

Página unica: abandono subió 15%. Stepper con auto-guardado: +20 puntos para 2M+ usuarios.

Identidad Estudiantil Digital

El módulo más sensible: datos personales, fotos, dependientes. Un adolescente de 14 años con documento digital que influye en las matrículas escolares. Trabajé directamente con abogados del MEC en los requisitos de privacidad. Decisiones de diseño: datos sensibles colapsados por defecto, lenguaje adaptado para adolescentes, estados de error que explican consecuencias, no solo qué salió mal.

Programa de Ayuda Financiera

Beca federal para mantener a los estudiantes en la escuela. Lideré el diseño del módulo completo: inscripción, seguimiento de estado, historial de pagos y comunicación. El dato que moldeó el diseño: el 40% de las llamadas al helpdesk eran "No entiendo mi estado." Creé pantallas de estado dedicadas con lenguaje simple, progreso visual y explicación del siguiente paso.

40% de llamadas al helpdesk: "No entiendo mi estado." Pantallas dedicadas redujeron la confusion.

Sistema de Administración

12+ módulos para funcionarios del Ministerio. Convencí al tech lead de adoptar un componente de tabla consistente en todos los módulos en lugar de implementaciones ad-hoc por equipo. Impacto: los nuevos módulos se entregaban un 40% más rápido (estimación del equipo).

Accesibilidad: Tesis y Auditoría WCAG

Mi tesis de Ciencias de la Computación (nota máxima, UFSC) fue una auditoría comparativa de accesibilidad de Jornada do Estudante, usando 6 herramientas automatizadas más revisión manual con lectores de pantalla. 277 violaciones encontradas. Prioricé 23 correcciones críticas basadas en frecuencia de uso e impacto en el usuario.

277 violaciones de accesibilidad encontradas. 23 correcciones críticas priorizadas. Nota máxima en la tesis.

Guía de Estilo y Mapa de Navegación

El sistema de diseño del gobierno federal es obligatorio para gov-tech. Creé una adaptación personalizada del DSGov para el contexto específico de Jornada do Estudante, documentando desviaciones, justificaciones y patrones de componentes específicos del producto.

Lo que reveló la investigación

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.

Decisión: 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.

Decisión: Mapeamos os estados com linguagem acessível. Tickets na categoria diminuíram.

Impacto más allá de la pantalla

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

Trabajemos juntos

¿Te interesa trabajar conmigo?

Diseño experiencias de producto para millones de usuarios. Con más de 7 años entre startups, scale-ups y empresas globales, me enfoco en crear interfaces accesibles, cuidadas y con impacto real en el negocio.

Hecho conporThiago Xikota