CASE STUDY | PRODUCT DESIGN + IA

Enrolled Course Enrollment App

A high-fidelity class project prototype for a cleaner university course registration experience, focused on search, comparison, visual hierarchy, and confident enrollment decisions.

RoleProduct Designer
TimelineJan 2023 - Apr 2023
FocusInformation architecture + usability testing
Enrolled search results screen shown on a phone mockup
Enrolled schedule menu screen shown on a phone mockup

THE PROBLEM

Course registration asks students to make important decisions inside a dense system.

Students need to search by institution, term, subject, course number, instructor, keyword, open seats, and meeting days, then compare sections against their schedule before enrolling. My goal was to make that path feel more organized and less stressful without removing the detail students need to make a good decision.

User goals

Find the right class, compare options, and avoid schedule mistakes.

The student goal was not just to search faster. It was to understand whether a section fit their time, location, seat availability, and plan before committing to enrollment.

Success metrics

The prototype was not shipped, so I framed measurable product goals.

If implemented, I would evaluate task completion rate, time to find a viable section, error rate when adding classes, confidence before enrollment, and satisfaction with the planning workflow.

MY CONTRIBUTION

I designed the flow from search to plan to enrollment confirmation.

I created high-fidelity Figma screens, applied color, typography, and information architecture principles, then used usability feedback to iterate on clarity. The prototype focuses on helping students narrow options, compare course sections, build a plan, and understand enrollment status before committing.

01

Search

Grouped required fields and optional filters so students can start broad, then refine by day, instructor, keyword, and open classes.

02

Compare

Designed result cards that surface section, schedule, instructor, location, and status details before students add a course.

03

Enroll

Connected the plan, shopping cart, and final enrollment screens so students can see what is selected and what still needs action.

DESIGN DECISIONS

A simple mobile interface for a complicated registration task.

01

Progressive filtering

The search screen keeps core inputs visible first, while additional criteria and day filters help reduce irrelevant results.

02

Readable hierarchy

Green actions, large page titles, and card-based results create a clearer path through search, planning, and enrollment.

03

Decision support

Schedule views, cart states, and enrollment checks make the system feel more like a guided workflow than a list of disconnected pages.

KEY SCREENS

The static prototype covered search, comparison, planning, and schedule changes.

Since the original interactive prototype is not available to share, these screens show the main flow and the interface decisions behind it.

OUTCOME

A course registration prototype that makes the next step easier to understand.

Enrolled helped me practice turning a messy institutional workflow into a more approachable product experience. The project strengthened my ability to organize information, prototype realistic mobile flows, and use feedback to make screens clearer.

Back to portfolio