ELH Challenge #12 – Transform Infographics Into Interactive Graphics

The objective of this challenge – Transform Infographics Into Interactive Graphics – is to take a static infographic and rebuild it as an interactive infographic.

For this project, I adapted NeoMam Studios’ 13 Reasons Why Your Brain Craves Infographics into a multi-slide scrolling interaction. To maintain the look and feel of the original, I used Camtasia to capture and render the animated panels as.gif files. This presented something of a problem when I went to publish the project as there appeared to be an issue publishing animated gifs to HTML5 in Storyline 2Kudos to Susan Jones for discovering a workaround for this – exporting the video and images at the highest possible quality (9 and 100% respectively). I also noticed, as others have, that the animated gif slows down considerably when brought into Storyline 2, but this issue seems to be resolved in Storyline 3.

The other challenge I had, which at this time still remains unresolved, was to add a timer to the last slide which would display the amount of time someone has been viewing the entire project. I investigated a number of promising solutions in the Articulate Community but couldn’t find one that worked as I had intended.

If you can think of a solution, please feel free to reply with some suggestions.

Click here or on the image above to launch demo


ELH Challenge #11 – Design a Comic Book Theme for Your E-Learning Course

The objective of this challenge – Design a Comic Book Theme for Your E-Learning Course – is to design a comic book e-learning template.

The idea for this project came from an experience I had  a few months ago where I was verbally assaulted in a park while walking my dog in the early morning. I was followed by a man who shouted obscenities, hate speech, and threats at me – and no bystanders stopped, intervened, or checked to see if I was okay. This got me thinking about the Bystander Effect and what bystanders can do to support others as reported incidents like this appear to be on the rise. Here are just a few strategies:

For this challenge, I used comic book style frames shared by Articulate Community member, Ana Lucia Barguil, a background image from the Toronto subway from Justin Main, courtesy of Unsplashand illustrated characters within Storyline 2.

Click here or on the image above to launch demo


ELH Challenge #8 – Create an E-Learning Template from Clip Art

The objective of this challenge – Create an E-Learning Template from Clip Art – is to create one or more e-learning template slides using free clip art objects.

I had a challenging time locating classic clipart in a file format that could be pulled apart, so I decided to use a vector icon from Flaticon instead. The original icon is featured on the first slide and the few design elements contained in the project are pulled from it. A few textures and patterns were added as accents. The image used in the video thumbnail is courtesy of Michael Browning via Unsplash.


Click here or on the above image to launch demo


ELH Challenge #7 – Converting Static Content to Interactive Knowledge Checks

The objective of this challenge – Converting Static Content to Interactive Knowledge Checks – is to convert an existing content slide and convert it to an interaction using one of the Storyline’s six free-form questions.

For this challenge, I combined a few static slides from a human rights education training with some fill-in-the-blank questions from the unit’s quiz.


Using the Pick One free-form questions, participants can select from one of 6 possible answers and receive immediate feedback.

The icons used in the buttons are courtesy of the Noun Project – specifically Atom from Creative Stall, Natural by Greg Cresnar, Interconnected Circles by Davo Sime, Globe by iconsphere, Progress by Adam Stevenson, and Share by Vaidehi Bala.


Click here or on the above image to launch demo


ELH Challenge #6 – Bring This Medical Training Course Back To Life

The objective of this challenge – Bring This Medical Training Course Back To Life – is to resuscitate an actual project that needs a little doctoring. Given an existing PowerPoint slide deck and some basic project requirements, my task was to give this training a little medical makeover.

The background image is a stock photo from GraphicStock.

Click here or on the above image to launch demo


ELH Challenge #5 – Desktop and Office Theme Designs in E-Learning

The objective of this challenge – Desktop and Office Theme Designs in E-Learning – to create an office or desktop course template.

The background image is by kstudio courtesy of FreePik.  The 3 stormtrooper images, from top to bottom are from Tookapic via Pexels, from Tookapic via Pixabay, and from aitoff via Pixabay.

The videos included in this interaction are from Its hard to be a stormtrooper’s YouTube Channel and the MC Hammer music video is from Schmitstudios YouTube channel.


Click here or on the above image to launch demo.