WGU_02_3x.png

Western Governors University

A FULLY DIGITAL UNIVERSITY EXPERIENCE
PROJECT

The goal of this project was to modernize the mobile and desktop student portal at WGU, which allowed students and staff to access a complete university experience including the registrar’s office, course work, social forums, and exams. WGU catered to students who wanted to continue their education but needed to fit it into their busy lives.

 

For this project, I updated the user interface visuals and branding, helped to develop a design system with a focus on meeting WCAG AAA accessibility standards, and assisted with user research and wire-framing.

ROLE

VISUAL LEAD

PLATFORM

RESPONSIVE WEB

VERTICAL

EDUCATION

Student Portal

WGU_07_3x.png
WGU_06_3x.png
WGU_03_3x.png

The Work

I created high-fidelity visuals, prototypes, and design systems for the mobile and web student platforms. Below is an example of some of the user flows that would be skinned using the WGU design system. Flows like these were created for all of the main navigational screens and actions. 

WGU_F08_3x.png

Design System

The design system was built in collaboration with WGUs internal design team, and my company's UX team. 

The updated graphics and stylings would slowly be implemented to update the current student portal, as well as any new web portal instances.  

The team used the base system of Atomic Design 'Prime', built with Sketch, shared through Abstract to the broader design team and dev teams. Documentation around the use of these assets and styles was created in Invsions DSM. 

Artboard_2x.png
Buttons_2x.png
Artboard tabs_2x.png
iOS Form Controls_2x.png

Faculty Portal

Similar work was completed for the Faculty portal, though much of the wireframes and prototyping were handled by other research teams. My main focus here was maintaining brand consistency and developing new modular components for charts and graphs.

WGU_05_3x.png
WGU_04_3x.png