Laboratorio Bridge  - 管理者とアプリ  -  hero
製品デザイン2022-2025

Laboratorio Bridge - 管理者とアプリ

UX/UI デザイナー

Laboratorio Bridgeの管理パネルとアプリのインターフェイス設計。使いやすさ、視覚的な一貫性、コンテンツフローに焦点を当てました。

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

14M+

学生

277

WCAG違反(卒論)

3yr

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

編集コンテンツ

この長編ケーススタディ本文は現在ポルトガル語で管理されています。

このページの共通UIは各言語にローカライズされていますが、ケーススタディ本文は引き続きポルトガル語の編集版を基準にしています。

戦略的コンテキスト

役割範囲: 300名超の協業エコシステムの中でシニアデザイナーとして活動し、7つの gov-tech 製品に同時に関わりました。教育省向け案件と Bridge 内部のプロダクトの両方を担当しました。

意思決定権: 参加したスクワッドでは UX/UI に関する裁量を広く持っていました。DSGov やアクセシビリティのような横断テーマでは、PM、Tech Lead、必要に応じてデザイン/エンジニアリングのリーダーと直接連携して方針を進めました。

期間: 2022年7月〜2025年7月の3年間。短期スプリントから長期施策まで幅広く担当し、特に Jornada do Estudante は数百万人のアクティブユーザーを持つ継続的な重点領域でした。

構造的な成果: 単発納品からプロダクト基盤の整備へ移行し、スケールする Figma ライブラリ、学術公開した WCAG 監査、複数の公共サービスで再利用できるフローパターンを残しました。

背景

Bridge Lab(UFSC)はテクノロジーを通じて政府と市民を結びます。主力プロダクトはJornada do Estudante: ブラジル全土の1400万人の学生が使用する文部省のアプリです。

アプリはデジタル学生証、入学追跡、財政支援ポータル、省のサービスハブとして機能します。

私の担当範囲:4つのFigmaファイル: モバイルアプリ(Flutter)、ウェブ管理(Angular)、Boldデザインシステム、DSGovスタイルガイド。

1400万人の学生、ブラジル最大の教育アプリの一つ

フォームの問題

財政支援の申請フローの完了率が懸念されていました。ターゲット:低品質なスマートフォンと不安定な接続を持つ公立学校の学生。PMがFirebaseのデータを持ってきました:35%がフォームの途中で離脱。

最初の試み(失敗): 6つのステージを1ページに統合しました。論理:画面が少ない = 摩擦が少ない。結果:離脱率が15%上昇。クラッシュログは接続の切断で全進捗が失われることを示しました。

2番目の試み: ステップごとの自動保存付きの小さなステップに分割。結果:200万人以上のユーザーで離脱率が20ポイント低下。

単一ページ:離脱率が15%上昇。自動保存付きステッパー:200万人以上のユーザーで+20ポイント。

デジタル学生証

最もデリケートなモジュール:個人データ、写真、扶養家族。学校の入学に影響するデジタル書類を持つ14歳の生徒。プライバシー要件についてMECの弁護士と直接作業しました。デザインの決定:機密データはデフォルトで折りたたまれ、ティーン向けの言語、結果を説明するエラー状態。

財政支援プログラム

学生を学校に留める連邦奨学金。モジュール全体のデザインをリード:申請、ステータス追跡、支払い履歴、コミュニケーション。デザインを形成したデータ:ヘルプデスクへの電話の40%が「自分のステータスが分からない」でした。シンプルな言語、視覚的な進捗、次のステップの説明を持つ専用のステータス画面を作成しました。

ヘルプデスク電話の40%:「自分のステータスが分からない」。専用画面で混乱を軽減。

管理システム

省職員向けの12以上のモジュール。チームごとのアドホック実装ではなく、すべてのモジュールに一貫したテーブルコンポーネントを採用するようテックリードを説得しました。影響:新しいモジュールの配信が40%速くなりました(チーム見積もり)。

アクセシビリティ:論文とWCAG監査

私のコンピュータサイエンス論文(UFSC最高得点)はJornada do Estudanteのアクセシビリティ比較監査、6つの自動化ツールとスクリーンリーダーによる手動レビューを使用。277の違反が見つかりました。使用頻度とユーザーへの影響に基づいて23の重要な修正を優先しました。

6つのツールで277のアクセシビリティ違反を発見。23の重要な修正を優先。最高得点の論文。

スタイルガイドとナビゲーションマップ

連邦政府のデザインシステムはgov-techに必須です。Jornada do Estudanteの特定のコンテキスト向けにDSGovのカスタム適応を作成しました。逸脱点、理由、プロダクト固有のコンポーネントパターンを文書化しました。

リサーチが明らかにしたこと

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

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

意思決定: 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".

インサイト: O sistema tinha 12 estados possíveis, mas o design só comunicava 3.

意思決定: Mapeamos os estados com linguagem acessível. Tickets na categoria diminuíram.

スクリーンを超えた影響

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

一緒に働きましょう

一緒に仕事しませんか?

私は何百万人ものユーザーに届くプロダクト体験を設計しています。スタートアップから大規模プロダクトまで7年以上携わり、使いやすく、アクセシブルで、成果につながるインターフェースを作ることに注力しています。

で作られていますによるThiago Xikota