The Bridge Program · EdTech

A career launch program built as a learning platform.

The Bridge is a career-readiness program for young professionals, igniting the minds of future leaders through structured coursework, live sessions, and peer learning circles.

The Bridge Program cover
Role
Product Designer
Platform
Web app
Tools
Photoshop, Figma, Zoom
Timeline
2022

About Project

The Bridge is a career launch program that empowers learners with self-leadership skills and career-readiness tools critical for success in the 21st-century workplace. Learners explore personal growth strategies, understand the evolving job landscape, and cultivate key mindset and emotional intelligence skills, through a dashboard, classroom, learning circles, and facilitator-led sessions.

The problem

Career-readiness programs are often delivered as disconnected content, a video here, a worksheet there, with no sense of progress, community, or momentum for the learner.

The approach

Designed a learning dashboard with streaks, points, and a schedule; a classroom of modules with video lessons and course materials; and a learning circle and leaderboard to bring cohort-based motivation into an otherwise solo experience.

Research

Interviews with young professionals surfaced three recurring personas, entry-level engineers and a junior designer, each navigating the same gap between education and employment.

Design process

I owned this end to end, from the first discovery call to the shipped classroom experience.

  1. 01

    Discovery

    Facilitator interviews and a review of the existing career-readiness curriculum to see where learners dropped off.

  2. 02

    Information architecture

    Mapped dashboard, classroom, learning circle, leaderboard and profile into one coherent navigation.

  3. 03

    Wireframes

    Low-fidelity flows for onboarding, module progress and live sessions to validate structure before styling.

  4. 04

    Visual & UI design

    Applied the Bridge brand, teal, gold, and warm photography, into a full component system in Figma.

  5. 05

    Testing & handoff

    Walked facilitators through the dashboard and classroom, then documented specs for engineering handoff.

User flow & information architecture, registration through program completion

User flow and information architecture diagram

Onboarding

From first login to a personalized starting point, collecting career goals and a skill baseline before a learner ever sees the dashboard.

Log in / sign up

Log in screen

Career goal selection

Career goal selection

Skill assessment, self-rating

Skill assessment rating scale

Skill assessment, scenario-based

Scenario-based skill assessment

Completion & first badge earned

Success screen with badge

The learning experience

A dashboard that tracks momentum, a classroom to browse modules, and a video interface built for structured, timestamped lessons.

Dashboard, streaks, points, schedule

Learner dashboard

Classroom, module catalog

Classroom module catalog

Live lesson, video, polls & reflections

Live video lesson

Assessment & motivation

Quizzes reinforce each module, and two leaderboard views, individual and learning circle, turn a solo course into a cohort experience.

Module quiz

Module quiz

Individual leaderboard

Individual leaderboard

Learning circle leaderboard

Learning circle leaderboard

My contribution

Owned end-to-end UX and UI design for the learner-facing experience.

Outcome

Turned a scattered set of career-readiness materials into a structured program learners could track, return to, and complete alongside a cohort, not just consume once.