Introduction
The Safety Learning Development (SLeD) team is part of Amazon’s Workplace Health & Safety. The team designs, updates, and implements dozens of safety training courses each year. As one of SLeD’s visual designers, I collaborated with Learning Experience Designers to create graphics for these courses.
The Hydrocollator Awareness Training course was a new program developed for on-site medical care providers who assist Amazon warehouse associates. In this course, learners play the role of the on-site care provider assisting an associate, John, who is seeking help with lower back pain. Throughout the course, learners ask questions about John’s injury, make assessments, and decisions on what kind of treatment would be most suitable.
For this particular course, the Learning Experience designer needed custom course graphics and illustrations, as well as an overall course style guide, including UI components, interactive elements, and user flows.
My role
As Lead Visual Designer I managed the overall design timeline, created a course styleguide, all course graphics and storyboard, designed the overall user flow for the entire course, and provided guidance on course UX/UI and all interactive components.
Process
My process began with a full course audit and review to ensure course content accuracy and clarity. Throughout the process, I collaborated closely with the Learning Experience Designer to ensure course content and goal alignment, as well as determine exact graphic needs, understand UX/UI capabilities within the authoring software, and propose user flows within the course.
After completing the course review, I dove into developing all course graphics and illustrations. Working within the templates and customizations available in the authoring software, I developed an overall course styleguide, providing guidance on all buttons, interactions, and UI elements to be used.
Finally, I produced detailed course storyboard emulating the flow of the entire course to aide in course development.
Final Deliverables
Final deliverables for the course included a detailed storyboard emulating the flow of the entire course; a course style guide, including HEX codes, different button states, and all UI elements; and high-quality individual graphics and illustrations used throughout the course.
Partial course styleguide (work samples are limited due to NDA)
Sample user flows showing different interactive elements and feedback provided based on learner input
Sample course graphics
Partial course storyboard (work samples are limited due to NDA)
Conclusion
We found that collaboration between visual and learning experience designers is vital to ensure course and goal alignment, and seamless course development. The Learning Experience Designer was extremely happy with final deliverables, and the storyboards and sample user flows greatly expedited the course building process. My overall process and final deliverables were shared with other designers on the SLeD team as reference for how to set up files and deliver to Instructional Designers
