Get Inspired With These E-Learning Samples and Examples

As a lover and designer of e-learning, I’m always on the lookout for cool samples and demo courses that I can use as inspiration; when I’m browsing the web I keep my eyes peeled for fun and engaging ways of presenting content, great uses of imagery and cool examples of typography. If I find a great design that I love, I take a screenshot and save it to an “Inspiration” folder. I also have a collection of sites bookmarked that I’ll visit regularly when I have design block and need to get my creative juices flowing. To that end, I thought I’d share a couple of recent e-learning examples created by me that might help you kick-start the design for your own next project. Click on the title of the demo to view the published output.

Demo #1: Weekly Challenge Compilation Course

This is a course that I created for DemoFest at Learning Solutions Conference in Orlando in March 2014 that compiles some of the awesome submissions we’ve received for the Weekly E-Learning Challenge. What is the Weekly E-Learning Challenge, you ask? It’s a fun, informal e-learning challenge hosted by Articulate in the E-Learning Heroes Community. Every week a new topic is presented (for example: drag-and-drops, virtual tours, results slides) and participants create samples and demos related to that topic in whatever authoring tool they have access to (Storyline, Powerpoint, etc.) and share them with the community. It’s become really popular over the last year and the submissions are super creative and impressive.


This sample course was developed in Articulate Storyline with the goal being to highlight some of the cool submissions that have been created by Articulate community members for the Weekly Challenge.  I “chunked” the submissions into two sections: by Weekly Challenge and by Community Member. For the Community Member section I was going for an effect that simulated a “network” of connected community members; I used a drag and drop interaction to make it more dynamic. After sharing this demo with the Articulate community several people mentioned that they loved the drag-and-drop interactivity in this demo. Since I aim to please, I went ahead and created a Storyline template that you can download here (you might also be interested in this video tutorial with instructions for using the template).

Demo #2: Herbs & Spices Course

One of the ways I know I’m passionate about my line of work is that I often enjoy creating sample e-learning courses just “for fun”, as was the case with this Herbs & Spices course. I have recently discovered a passion for cooking and as a result, I’ve started experimenting with different herbs and spices. I wanted to learn more about them, and thought to myself “What better way is there to learn something than by creating an e-learning course about it!?” That is how this sample course came to be; I did some online research and investigated the most common herbs and spices, tips on storing them effectively, and which dishes to pair them with. I compiled everything I learned into this mini e-learning course.


I selected a soft green color scheme for this course because I felt green just worked with the subject matter (herbs!) and the wooden texture background represents a cutting board. I used a casual-looking character as my course guide;  he introduces the course and provides the navigation instructions. I like characters because I feel they give your course personality and a human touch. You’ll notice he’s standing in a kitchen: I also love using contextual background images! The image has been faded so it’s noticeable but not distracting.

The final quiz becomes unlocked once you’ve visited both sections of the course (herbs and spices) and all three question slides were custom-built using Freeform slides with Storyline. Don’t forget to check out the three links at the top of the player to see more content!

Demo #3: Payroll 101

Here’s a sample course I built as part of a New Employee Orientation series using Articulate Studio ’13. I’d like to think this goes to show you can build a great-looking course whether you’re using Storyline, or even if you’re building in a “basic” tool like Powerpoint (as is the case for several of the slides in this example.)  This course also features one of my go-to design methods: using lightly blurred background images to set the context. In this case I used the outside shot of a building and the interior shot of an office. This e-learning demo also uses a character to give a personal touch and pop of color.


I hope you’ve had fun exploring these three e-learning sample courses; sometimes seeing an example is exactly what we need to kick-start our own creative engine. Keep in mind that building your own samples and examples is a great way to sharpen your skills and add content to your portfolio. And since you’ve made it all the way to the end of this post, perhaps you should subscribe to my blog!

9 thoughts on “Get Inspired With These E-Learning Samples and Examples

  1. Nicole L. says:

    Hi Ellen!

    Thanks for taking a time to leave your feedback, I appreciate it!

    To answer your question, yes I do work with stock photography. Here are a couple of my tricks/best practices that I apply when choosing photos for a course:

    – Select photos of similar quality and consistency (for example, for herbs and spices course I selected all photos of herbs and spices on a white background, to make them all consistent)

    – Select images that are colorful, bright, vibrant and that have a lot of pop.

    – Apply filters such as transparency or blurred effect to use photos as background images without making it difficult to read on-screen text

    These are just a few of my top tips🙂 I think you may have inspired my next blog post! Thanks again!

  2. Sonora says:

    Thanks, Nicole! This is a great perspective on creative design, and I love your Herb mini e course! You can tell from it that you are made it because you are passionate about design. And herbs! And it’s effective, because now I want to plant and use an herb garden!

  3. Kahlia says:

    I’m new to eLearning Design and want to know what kind of software did you use to create your projects specifically the Payroll 101?

    • Nicole L. says:

      Hi Kahlia, Two of the projects were created using Articulate Storyline and 1 project (The Payroll 101 you inquired about) was created using Articulate Studio ’13.

  4. Nancy says:

    Hello Nicole,
    I have been STUCK all day trying to come up with a new concept. Your examples were just the ticket to start the ball rolling.

Leave a Reply

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

You are commenting using your 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