4 E-Learning Examples To Inspire Your Next Project

As e-learning developers, we’re always on the lookout for examples that will give us ideas and inspire our next course design. That’s what I’m hoping to share with you in this post! Working with Articulate Storyline and Articulate Studio ’13 on a daily basis means I get to develop all kinds of cool e-learning courses and interactions. I want to share some of my most recent e-learning examples, in hopes giving you ideas for a project you’re currently working on!

E-learning Example #1: Interactive Hover Menu

This is a cool interactivity I created with Articulate Storyline. Hover over an object (such as the lamp or monitor) to view available actions. Once you’ve completed an action, different options become available on hover.


This interaction was inspired by the game The Sims. If you’ve ever played you know that when you hover over an item you are offered multiple choices for what to do with that item. For example, hover over the refrigerator and you might be given the following options: “Get a drink”, “Make dinner”, or “Grab a snack”. I wanted to challenge myself to recreate this functionality using Storyline.

Almost everything in this interaction, including the monitor, lamp, cork-board, and coffee mug was created using shapes directly in Storyline. You don’t need to create fancy graphics in a separate application: you can create your own great-looking graphics right inside Storyline. You can view a published example and download the .story file for this example on the E-Learning Examples section of the Articulate site.

E-Learning Example #2: Labeled Graphic Interaction

Here’s a great construction-themed interaction developed using Engage ’13. The content was construction safety information, which inspired the black and yellow colour scheme, as well as the thick, chunky black fonts. I like to let the subject matter guide the design whenever possible.

For this project I purchased some great images from iStockphoto that were heavily discounted. One thing I’ve learned is to look for photos that are on sale. A large, high-quality image will often sell for between 20-40 credits on iStockphoto; this particular photo was only 2 credits. If you look beyond the first page of search results and dig around, you’ll often find great photos for a fraction of the cost.


You can check out the published version of the e-learning interaction, as well as a more detailed post I wrote about how I built it (Engage ’13: How I Built This Labeled Graphic Interaction) on my Articulate blog.

E-Learning Example #3: Colorful Pencil Template

Here’s an example of a fun Articulate Storyline template I created with a bright color scheme. I  was inspired by these colorful crayon photos I came across on a great free stock photography site called MorgueFile. I loved the crayon photo so much I had to build a template around it. I ended up going with a light blue color scheme. I picked up the shade of blue from a blue pencil in the photo, using the color picker tool. You can easily edit the template to make it whatever color works with your project.


Interested in using the template? You can head on over to the E-Learning Examples site to check out the published version and to download the .story file.

E-Learning Example #4: Tablet Style Template

Tablets and handheld devices are all the rage these days, so I thought it would be great to build a fun tablet-themed template. This template was created in Articulate Storyline and the tablet, all of the app icons, and the sheets of paper in the example are built completely using shapes in Storyline.


View a published example of the template and download it to use it in your own projects on the Download page of the Articulate site.

Remember: when it comes to sharing examples of work and demos  of your e-learning, you don’t always need to share a completely polished course. Often, small tidbits and examples are enough to inspire us for our next project.

If you enjoy reading my blog posts you might be interesting in checking out my articles on the Articulate website! I post new articles there every week on everything from working with Subject Matter Experts to how to do an e-learning needs analysis. As always, I love to see your comments and feedback!

3 thoughts on “4 E-Learning Examples To Inspire Your Next Project

  1. Caleb says:

    It is important that e-learning solutions are interactive and present relative material to improve development and productivity.

  2. Katie says:

    Great ideas for interactivity! Do you have experience in Captivate or Lectora in addition to Articulate?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s