Laboratorio Bridge - Admin e App  -  hero
Design di Prodotto2022-2025

Laboratorio Bridge - Admin e App

UX/UI Designer

Design dell'interfaccia per il pannello amministrativo e l'app del Laboratorio Bridge, con focus su usabilità, coerenza visiva e flussi di contenuto.

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

14M+

studenti

277

violazioni WCAG mappate (TCC)

3yr

a 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

Contenuto Editoriale

Questo case study longform è attualmente mantenuto in portoghese.

L'interfaccia condivisa attorno a questa pagina è localizzata, ma il contenuto narrativo del case study segue ancora la sua versione editoriale in portoghese.

Contesto strategico

Ambito: Senior designer in un ecosistema di oltre 300 collaboratori, lavorando in parallelo su 7 prodotti gov-tech. Ho operato sia per il Ministero dell’Istruzione sia per team interni di Bridge.

Autonomia decisionale: Ho avuto ampia autonomia UX/UI nei vari squad. Per cambiamenti sistemici, come raccomandazioni DSGov e accessibilità, ho lavorato direttamente con PM, Tech Lead e, nelle iniziative trasversali, con la leadership di design e ingegneria.

Timeline: 3 anni (lug 2022 - lug 2025), tra sprint rapidi e iniziative di lungo periodo. L’app Jornada do Estudante è stato il mio focus più continuo, al servizio di milioni di utenti attivi.

Risultato strutturale: Sono passato da consegne puntuali alla costruzione di infrastruttura di prodotto: librerie Figma scalabili, audit WCAG pubblicati in ambito accademico e pattern di flusso riutilizzati in più servizi pubblici.

Il Contesto

Bridge Lab (UFSC) collega governo e cittadini attraverso la tecnologia. Il prodotto di punta è Jornada do Estudante, un'app del Ministero dell'Istruzione utilizzata da 14 milioni di studenti in Brasile.

L'app funge da documento di identità studentesca digitale, monitoraggio delle iscrizioni, portale di aiuti finanziari e hub di servizi del Ministero. L'admin web consente al personale del MEC di gestire credenziali, notifiche, banner, contenuti e audit.

Il mio ambito: 4 file Figma: app mobile (Flutter), web admin (Angular), design system Bold e guida di stile DSGov.

14 milioni di studenti, una delle app di istruzione più grandi del Brasile

Il Problema del Modulo

Il flusso di iscrizione agli aiuti finanziari aveva tassi di completamento preoccupanti. Pubblico di destinazione: studenti di scuole pubbliche con telefoni di fascia bassa e connessione instabile. Il PM ha portato i dati Firebase: il 35% abbandonava a metà del modulo.

Primo tentativo (fallito): Ho consolidato 6 fasi in un'unica pagina. Logica: meno schermate = meno attrito. Risultato: abbandono aumentato del 15%. I log dei crash hanno mostrato che le cadute di connessione causavano la perdita di tutti i progressi.

Secondo tentativo: Ho suddiviso in fasi più piccole con salvataggio automatico per fase. Risultato: abbandono sceso di 20 punti per oltre 2 milioni di utenti.

Pagina singola: abbandono aumentato del 15%. Stepper con salvataggio automatico: +20 punti per 2M+ utenti.

Identita Studentesca Digitale

Il modulo più delicato: dati personali, foto, dipendenti. Un quattordicenne con un documento digitale che influisce sulle iscrizioni scolastiche. Ho lavorato direttamente con i legali del MEC sui requisiti di privacy. Decisioni di design: dati sensibili compressi per impostazione predefinita, linguaggio adattato per gli adolescenti, stati di errore che spiegano le conseguenze.

Programma di Aiuto Finanziario

Borsa di studio federale per mantenere gli studenti a scuola. Ho guidato il design dell'intero modulo: iscrizione, monitoraggio dello stato, storico dei pagamenti e comunicazione. Il dato che ha plasmato il design: il 40% delle chiamate all'helpdesk erano "Non capisco il mio stato." Ho creato schermate di stato dedicate con linguaggio semplice.

40% delle chiamate all'helpdesk: "Non capisco il mio stato." Le schermate dedicate hanno ridotto la confusione.

Sistema di Amministrazione

12+ moduli per il personale del Ministero. Ho convinto il tech lead ad adottare un componente tabella coerente in tutti i moduli invece di implementazioni ad-hoc per team. Impatto: i nuovi moduli venivano consegnati il 40% più velocemente (stima del team).

Accessibilita: Tesi e Audit WCAG

La mia tesi di Informatica (voto massimo, UFSC) è stata un audit comparativo di accessibilità di Jornada do Estudante, usando 6 strumenti automatizzati più revisione manuale con screen reader. 277 violazioni trovate. Ho dato priorità a 23 correzioni critiche in base alla frequenza d'uso e all'impatto sull'utente.

277 violazioni di accessibilità trovate. 23 correzioni critiche prioritizzate. Voto massimo per la tesi.

Guida di Stile e Mappa di Navigazione

Il design system del governo federale e obbligatorio per il gov-tech. Ho creato un adattamento personalizzato del DSGov per il contesto specifico di Jornada do Estudante, documentando deviazioni, giustificazioni e pattern di componenti specifici del prodotto.

Cosa ha rivelato la ricerca

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.

Decisione: 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.

Decisione: Mapeamos os estados com linguagem acessível. Tickets na categoria diminuíram.

Impatto oltre lo schermo

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

Lavoriamo insieme

Ti interessa lavorare insieme?

Progetto esperienze di prodotto per milioni di utenti. Con oltre 7 anni tra startup, scale-up e aziende globali, mi concentro su interfacce accessibili, curate e capaci di generare impatto reale.

Fatto condaThiago Xikota