Pathways pages at North Seattle College Pathways pages at North Seattle College

Pathways

Goals

Create a holistic and intuitive system that offers a device agnostic approach for students to navigate more than 130 programs, degrees and certificates. Increase ease of use and effectiveness of the pathways builder system, resulting in accurate data, more frequently updated course curriculum, and increased consistency.

Role: Design lead, wireframing, user interface, user experience, prototyping

Interaction design and template flow Interaction design and template flow

I built the template/user flow off of the interaction design.

Pathways builder wireframes Pathways builder wireframes

I created wireframes for the pathways builder, and edit pathway screens.

Pathways builder UI Pathways builder UI

Working with a fellow designer/developer to create a React wizard pathways builder, I designed the UI.

Pathways builder visual Pathways builder visual

I color coded the builder UI so that editors could see their campus pathways at a glance. I created an admin UI that would share some styles with front facing pages so we could build visual familiarity.

Areas of Study filter and degree pages Areas of Study filter and degree pages

I made the Areas of Study entry, filter, and degree page visual design.

Areas of Study are new to the colleges, so we are building their visual recognition. I worked with another graphic designer and we decided to color code UI controls for front facing pages with each AOS.

Seattle Central maritime students
Seattle Central chemistry lab student
Seattle Central STEM lab student
North Seattle students taking notes
North Seattle print class
North Seattle ceramics class
South Seattle aviation class
South Seattle apprenticeship student

Outcomes

Phase one (North and South) has been deployed to the production environment. Early feedback has been stellar. We just received official kudos from college leadership: As a League for Innovation college, we have to provide a “Project Highlight” as a district and Program Pathways was chosen.