E-learning Heroes Challenge #50

I published my flat design slides made with Storyline 2 on Twitter, and David Anderson from Articulate suggested me to publish it on the ELH Challenge #50. So, I create a new post on my blog with all the existing slides of my module (which is not finished yet).

Thus, here are the several slides of my module. I created all the elements with Storyline 2 forms or textures: no drawing or picture.

1) Welcome slide – made with ArtRage and Storyline 2 – not very interesting for our flat design topic, but I think it was interesting to have a very simple and nice welcome slide in a ‘flat design’ module.


The welcome slide in ArtRage, before being included in Storyline.


The welcome slide in preview mode in Storyline.

As you can notice it, I tried to custom the player colors to match with the welcome slide colors.

2) ‘Meet Tim’ slide. Not the best one! It was hard to make a character with this view – to make him look like a human, with expression. I could probably improve it.


3) ‘Recruitment before the Internet’: this is an interesting slide, but it took me a lot of time to design it. I could probably have done it in a easier way. It was a hard work to add all the small elements. But the result is nice!


4) ‘Recruitment today’ slide: this one was easier, because it is very similar to the previous one. I just had to remove some elements and replace them with new ones easier to design. We can view a printer, a screen monitor, a simple keyboard. I confess the smartphone is a picture from Articulate galleries! I did it first myself, but I found this picture and I loved it, so I used it directly in the slide. But it would not have been hard to do it: 3 forms only.


5) Chapter title slide: this is a very basic background I design in 2 minutes in ArtRage. The text has been added in Storyline 2 of course, to add some ‘fade in’ effects.


6) ‘Definition of a job board’ slide: for this slide, I changed the view of the office. Now this is a front view. It was interesting to design it too.


If you want to find more interesting flat design slides made with Storyline 2, you can visit the ELH Challenge page: https://community.articulate.com/articles/flat-design-graphics-elearning

You can also have a look at Matt Guyan’s article about his own flat designed office, a nice work too: http://www.mattguyan.com/showing-my-work-6/

New tests with Storyline and ArtRage

Friday, it’s e-learning test day!

1- I worked quickly on the customization of the player in Storyline. It looks like we can choose a lot of colors for all the different elements of the player. Of course, I will need to respect my company’s graphic charter for the colors, and we actually already have a standard player.

2- I tried to create a basic but nice background for the ‘welcome’ slide of the module. It took me about 15 minutes to make it in ArtRage. The most complicated has been to draw the 4 logos. The text has been directly added in Storyline to add some ‘fade in’ effects.



3- Then, I tried to create a scene 100% in Storyline, only with forms and textures included in the software. It is nice and make a kind of ‘flat design’ style, but it takes a lot of time to do it. Of course, it was a first test, so I will do it faster in the future!


The topic of the module is only to have an example, this is not something I’m currently working on – but I prefer to have a topic for my tests and experiments!

Ergonomics activity

Today I share a simple activity for a module about ergonomics.

The work was really simple on Storyline: I only added markers on the background elements that the learner will have to click to reach out more about ergonomics at office. I also added a voice, to present the scene and the activity.

The big work was the background itself: I drew it myself with my new graphic tablet in ArtRage Studio. So, I’m not an expert in drawing (absolutely not!) but I am satisfied of the result! It took me less than one day to create this scene (in ArtRage and Storyline) and I’m sure I’ll be able to make it faster in the future when I am more at ease with ArtRage.

About the content, I’m not an ergonomics specialist so if I have to work on a real module about this topic, of course an expert will help me 😉

You can access the animated scene here.

And here is the original drawing:

Sans nom2