UX Design for eLearning Course

UX Design for eLearning Course

YEAR

2019

ROLE

Lead Designer

TEAM

Jessica Lawrence

Rebecca Schwartz

Anne Cornwell

John MacDonald

Lissy Roble

Jessica Lawrence

Rebecca Schwartz

Anne Cornwell

John MacDonald

Lissy Roble

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 delivered 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. I delivered high fidelity page layouts, graphics, and animated video illustrations, interpreting wireframes and written course content. This stylized interactive learning experience navigated the bounds of the existing design library and utilized Material Design standards.

COURSE FLOW

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.

UB-WorkingDoc1-01

DESIGN LIBRARY

UB-Assets-01

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

VIDEO ILLUSTRATIONS

UB-VideoTitleScreen-1-01
UB-VideoTitleScreen-2-01
UB-VideoTitleScreen-3-01