UX Design for eLearning Course

The challenge was to create a 120 minute course supported by highly developed activities and stimulating experiences with close attention to the diverse abilities of our users. Working within a fully distributed team we researched and produced the Unconscious Bias @ Work training course completed by all employees of a well known global tech company. This was a meaningful program used to educate, empower, and support the diverse culture withing their organization. This stylized interactive learning experience navigated the bounds of the existing design library and utilized Material Design standards.

YEAR

2019

 

ROLE

Lead Designer

 

TEAM

Jessica Lawrence

Rebecca Schwartz

Anne Cornwell

John MacDonald

Lissy Robie

 

DELIVERABLES

Page layouts

Graphics

Animated video illustrations

Design library

DESIGN LIBRARY

UB-Assets-01

VIDEO ILLUSTRATIONS

UB-VideoTitleScreen-2-01

STAKEHOLDER IDEATION

Worked with a Project manager, Instructional designer, and an Engineer to translate course content into meaningful and engaging learning activities.

PLANNING

Developed strategies to balance launch goals and course requirements by prioritizing and negotiating design features.

DESIGN EXECUTION

Executed high fidelity page interactions using Adobe Illustrator. Designs and specs were passed to an Engineer for implementation, stakeholder handoff, and user testing.

DESIGN STRATEGY

DESIGN STRATEGY

Implemented design library to share the vision, and content strategy with project stakeholders. This helped to guide ideas, and drive decision making.

COLLABORATION

Partnered Engineer to translate product features using the material design system with close attention to user accessibilty needs.

LEADERSHIP

Presented designs to gain buy‐in from senior Stakeholders and other team members throughout the project lifecycle.

COURSE FLOW

TITLE PAGE

UB-TitlePage-01

TABBED INTERACTION

UB-TabbedInteraction-1new-01
UB-TabbedInteraction-2-01
UB-TabbedInteraction-3-01

PAUSE AND REFLECT

UB-ReflectionInteraction-01
UB-ReflectionInteraction-2-01

POP-OUT MODAL

UB-ModalBackdrop-01