enricosf ~/work/vanderbilt-online %
Pick brand, product or code to check out that branch. Pick main to see everything.

5b93e61 · merge feat/vanderbilt-online · 2023

Vanderbilt Online

A learning portal for Vanderbilt’s online degrees, certificates and courses, built on the university’s new design system.

role
UX/UI, the learning portal
at
Upstatement
on
product
since
2023
fig. 1The catalog: degrees, certificates, courses and boot camps, filtered by type, subject and school.

git log --graph main..feat/vanderbilt-online5 commits

+product · 8e3c1a7

A school-sized site in the system

The portal is its own landing page inside Vanderbilt’s new design system, which runs every page in a light and a dark theme. Online Learning opens dark.

+product · 41b9d6e

Three ways in

Degrees, certificates and courses, each a door of its own, then the subject areas for people who start with a field.

+product · c27f05b

One catalog, every program

Type, subject and school narrow the catalog in place. Pick Degrees and 120 programs become 14, each card keeping its start, length and cost.

The catalog filtered to degrees: 14 programs
The catalog unfiltered: 120 programs, courses first

+product · 9a64e2d

The facts up front

Each program opens on its school, credits, format, enrollment and tuition, before a word of copy.

+product · e1d83f0

The portal on a phone

The filters fold into one Filter Programs bar, so the catalog starts with its first card.

The computer science program page on a phone
The catalog on a phone: a Filter Programs bar, then the first course

merge feat/vanderbilt-online into main · 5b93e61 · 2023

programs in one catalog
120
schools behind one front door
9
program types, from degrees to boot camps
4
live at vanderbilt.edu/online-learning ↗
drag the mark to turn it