Example
What if a readiness checklist actually required the learner to make decisions?
For Articulate’s eLearning Challenge #565, I created Reset Ready, a responsive field-readiness simulation designed to feel more like a real performance tool than a traditional course interaction.
The learner must:
- compare an approved planogram to the current shelf
- identify inventory shortages
- select the correct tools and equipment
- inspect store conditions for blockers
- reach 100% readiness before the reset can begin
The experience includes immediate feedback, gated progression, a live readiness score, responsive layouts, and a completion celebration.
Technology used:
HTML5 • CSS3 • JavaScript • Responsive Web Design
Case Study + Live Demo:
https://iamtheinstructionaldesigner.com/lms2026/reset-ready/index.html
Articulate eLearning Challenge #565:
https://community.articulate.com/blog/e-learning-challenges/using-responsive-custom-blocks-in-rise-565/1270045
#eLearning #InstructionalDesign #LearningExperienceDesign #JavaScript #HTML5 #CSS3 #ResponsiveDesign #ScenarioBasedLearning #ElearningChallenge
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.