Graduaid

2026 · Product design & development

  • Web
  • UX
  • Education

Graduaid is a personal project I built to learn UX/UI development while experimenting with ways AI could simplify college degree planning.

As a college student, I noticed that degree planning often requires juggling multiple PDFs, prerequisite chains, and academic planners — so I designed a single dashboard where requirements, scheduling, and progress live in one place.

The work moved from problem framing and scope sketches into a high-fidelity prototype: choose college, major, and minor; import transcript or AP credit; visualize four years across three quarters; drag courses into terms; color-code by requirement type; and flag prerequisite conflicts before registration.

View live project →

The problem

UCSD students navigate degree audits, GE trackers, and the Schedule of Classes separately — none of them talk to each other when you're trying to answer whether a plan actually works.

Planning & scope

Early notes mapped the core flows: choose college, major, and minor; upload transcript or AP credit; visualize four years across three quarters; drag courses into terms; color-code by requirement type; flag prerequisite and availability conflicts.

Graduaid

The dashboard

A term-by-term board with a requirements sidebar — drag courses into quarters, track units, and catch prerequisite errors before registration. Header progress bars track total and upper-division units; clicking a warning routes you to the conflict and highlights the offending course — for example, a missing prerequisite on MATH 10B.

Graduaid

Product walkthrough

Drag-and-drop scheduling, requirement expansion, and live conflict detection — the core loop students use to build and stress-test a degree plan.

Profile & transfer credit

Students start by selecting college, major, minor, and Programs of Concentration — Warren College, for example, requires two PoCs from non-contiguous disciplines. University transcripts and AP / high school credit import separately, then feed completed courses back into the plan and automatically adjust remaining requirements.

College, major & minor

College, major & minor

Changing any input re-runs the requirement engine so the sidebar and timeline reflect the correct catalog.

Transcript import

Transcript import

Separate entry points for university transcript and AP / high school credit.

Requirements & course detail

All graduation requirements appear in one sidebar, pulled from the UCSD catalog. Drag courses onto the timeline, expand categories to pick eligible options, and inspect prerequisites, unlocks, and requirement mapping without leaving the plan.

Drag to timeline

Drag to timeline

54 available requirements — drag directly onto a term, or expand a row to choose from eligible courses.

Course detail

Course detail

Prerequisites, unlocks (e.g. CAT 1 → CAT 2), and requirement mapping at a glance.

Compare alternate plans

Tabbed schedules let students explore what-if scenarios — a different minor, an extra quarter, a changed major — without losing their primary plan.

Multiple schedules, one workspace

Multiple schedules, one workspace

My Plan, Schedule 2, and new tabs save independently so students can compare paths side by side.

Dark mode

A glassmorphic dark theme for late-night planning — same layout and interactions, tuned for low-light readability with frosted panels over a soft gradient backdrop.

Graduaid