🏆 The Perfect Sub, Every Time

Design new hire training for a fictitious sub shop franchise's frontline and kitchen staff.

Created an eLearning course to train new staff to meet Hoboken Hoagies goal of serving its customers the perfect, made-to-order sub, every time with 98% order accuracy.

The target audience are newly hired frontline staff (cashiers) and kitchen staff (sandwich builders).

Designed an action map that aligns Hoboken Hoagies training efforts toward measurable business goals.

Wrote performance-based learning objectives by focusing on what staff will be able to do once they've completed training. Each objective defined training outcomes by specifying the action, condition and the standard of performance. For example: "After completing this course, frontline staff (cashiers) will be able to capture orders from customers with an accuracy rate of at least 98% or higher."

Designed a storyboard to organize the content to guide course development. It is a useful tool for scripting narration.

To adhere to Hoboken Hoagies branding guidelines, I started by designing a branded course template using the Master Slides feature in Articulate Storyline. This made it easier to follow good visual design best practices with a cohesive and consistent use of fonts, colors, images and graphics, as specified in the company style guide and brand assets provided with the challenge. 

Incorporated decision-based interactions, based on real-world scenarios, to challenge learners to practice their newly learned skills.

Click-to-reveal restaurant menus, zoom images, and buttons were created to add interactive elements.

For practice and knowledge checks, I added multiple choice, fill in the blanks, drag-and-drop, click to select, and scenarios.

Used AI generated text-to-speech tool for voice over narration.

To bring the content to life, I added entrance and exit animations, motion paths, slide transitions, zoom regions, and worked with cue points to synchronize animations with the timeline.

To meet WCAG 2.1 accessibility standards, I ran Articulate Storyline's accessibility checker as a guide.

I defined text styles, such as headers, to provide content hierarchy for screen readers and made fonts at least 12 points or larger. Clickable objects are sized at least 24 x 24 pixels. I added closed captions with narration, alt-text on all images, enabled accessible video controls, disabled video autoplay, and set the focus order.