E-learning Heroes Challenge #55


I did not have a lot of time to work on the ELH Challenges last week. As you know, I’m also working in HRIS, not only e-learning. So, I spent the last week working on the Learning Management System of my company. But today, I found time to finish my participation to the ELH Challenge #55! Finally!

This challenge is: how to survive to a zombie apocalypse? Here is my stupid funny answer: just catch them all! And fight other zombies with your own zombie. This is s how I decided to create ‘Pokézomb’, a parody of Pokémon and zombies. I like Pokémon (I spent so much time on this game when I was a kid!) and I like zombies: perfect match!

The idea was to imitate an old Game Boy with the first versions of Pokémon (blue & red). I designed the player to look like a Game Boy, and I added buttons A, B, START, etc. So, there are no colors in this game! I only created the starting scene of the original game, and customized it with zombies. I had to adapt it to make it easier to design in Storyline, so don’t blame me if you notice some parts of the starting scene are missing: I know it. I also had no idea for the names of my Pokézomb, so please forgive my lack of originality.

When you are in the game, use the button A to read the text or continue.

If you notice any mistake (wrong text or image, wrong link…), please let me know. I spent a lot of time on this challenge, and it was not easy, so I may have missed a mistake even if I reviewed the game several times before publishing it.

Click here to play!


E-learning Heroes Challenge #53

One more ELH Challenge!

Today, I created a slide for the ELH Challenge #53. The idea of this challenge is to create pictogram characters. As I did with the flat design challenge, I only used forms from Storyline to create my character.

The concept of my slide is very simple: you start with a basic character, and you can customize him (skin, eyes, hair), choose his mood, and his job.


To customize the skin, eyes and hair, I used states of the shapes and triggers. When you click a color, you change the state of the shapes.

To customize the mood, I used normal/hidden states to change the mouth form. All the forms are hidden by default (except the neutral form that you can view in the picture above), and clicking on a button change the states of the forms. Example, if I click “Happy”, it will change the state of the happy mouth to normal, and the state of all the other mouths to hidden.

Then, you can choose a job for the character. For the jobs, I used layers. I added the forms for each job in each layer.


The last step was the backgrounds for each job. I used normal/hidden states like I did for the mood.

It’s a very funny slide, and we can imagine even more interaction, like choosing an object to the character (hat, pipe, scarf, etc.).


You can view the demo here.

E-learning Heroes Challenge #64

01/08/2015: I updated the demo with some new slides.

Today, it was not easy to work after what happened in Charlie Hebdo headquarters in Paris, as I explained it in my previous post. Finally, to change my mind, and to improve my skills on Storyline 2, I decided to participate to the last ELH Challenge #64. The objective is to show how we can present data (charts, etc.) with Storyline 2. Presenting data or information in general is a very important part of instructional design and conception in Storyline, because it is very important to not make the information boring. There is nothing worse for a learner than to read a lot of text or numbers without any interaction, animation or game.

I started creating a nice demo with a timeline, but the result was a bit off topic, so I decided to keep this first work for later. Then, I decided to create 2 short slides about key facts on tourism.

The first slide is very simple, you hover the part of the pyramid and you can view the numbers:


The second slide is not interactive but uses nice and simple fade in / fly in animations:


The third slide is interactive. I created the colored circle with InkScape in a few minutes, and built the slide with hot spots and triggers:


The last slide is interactive too: the learner can choose to view the information by country, or all the information. It was done really easily with layers and forms:

You can access the demo here.

I hope this demo is helpful and gives you ideas!