Serena Zhang
All selected work
GitHub Classroom

A clearer start for educators

Helping teachers understand the product and create their first classroom with a clearer, more focused setup experience.

My role
Design lead · UI/UX · Design direction
Focus
First-use experience and organization setup
Context
GitHub Education

Onboarding redesign · Archived design exploration

Marketing composition based on selected interface designs. Original design work is presented below.
The design challenge

Make the first classroom
feel reachable.

Educators had to navigate setup before they had a clear understanding of GitHub Classroom. The relationship between their account, a GitHub organization, and a classroom was not immediately apparent.

I explored a focused introduction and creation flow that brings the product story and required setup into the same experience.

01 / Journey design

Separate the dependency
from the destination.

An organization is required for a classroom, but educators should not lose sight of what they are trying to create.

Earlier flow
Original flow study · Organization setup interrupts the classroom path
Proposed flow
Original flow study · Existing and new organizations return to classroom creation
01

Orient first

Introduce Classroom alongside account context before requesting configuration.

02

Support both paths

Educators may select an organization or create one when needed.

03

Preserve the destination

Organization setup leads back into the first-classroom task.

02 / Interface design

A welcome that
also helps you act.

Original design · Product explanation and classroom creation share one view
01

A reason to begin

The introduction explains the product and the benefits available to a verified teacher.

02

Visible account context

The signed-in account is shown where the educator makes setup decisions.

03

A focused creation form

Organization and classroom name sit together, with one clear create action.

Design decision

Treat organization setup as a connected detour.

When an account has no organization, the introduction remains while the setup area explains the dependency. A distinct organization-creation step then leads back to classroom creation.

The proposed flow makes that return visible rather than leaving educators to reconstruct the path.

Original design · An explanation at the moment the dependency matters
01 / Create an organization
Original organization form
02 / Return to Classroom
Original return state
03 / Confirm the classroom
Original classroom and guided-tour state
Explore the remaining onboarding studiesView original designs
Earlier onboarding interfaces
Starting with an existing organization
03 / Transition into the product

Show what happened.
Make the next action visible.

Design decision

Creation is a transition, not a dead end.

The first-classroom view confirms completion and introduces the teaching workspace. The initial tour sits alongside assignment-creation options, connecting the setup task to what an educator can do next.

Original design · Confirmation in the teaching workspace
04 / Project status

Preserving the design exploration.

Final rollout and post-launch results have not been confirmed. GitHub retired Classroom on August 28, 2026, so these designs are presented as an archived case study.

GitHub’s retirement notice ↗

Open full image