• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jackie Van Nice

E-Learning Goodness by Jackie Van Nice

  • Home
  • About
  • Blog
  • Portfolio
    • Articulate’s ELH Challenges
    • Sales Mobility Software
    • Product Sales
    • Sexual Harassment
    • Code of Conduct
  • Freebies
    • Free Storyline Templates
    • Free PowerPoint Templates
    • Free Images
    • Freelancing Tips
    • Free Resources to Help Get Started in eLearning
  • Work With Me
  • Contact

Video Backgrounds to Enhance E-Learning

August 16, 2015 By Jackie Van Nice 3 Comments

Click Image to Launch Demo (With Audio)

Click Image to Launch Demo (With Audio)

This week’s challenge is to show how video backgrounds can be used to make elearning more engaging. Thanks to some free assets, it was a quick way to have some fun this week.

The Idea

As challenged, I wanted to design e-learning start screens, but make them more engaging using simple video backgrounds to lure learners in.

The Design

I started by browsing some of the free video assets David Anderson linked to, and found these videos at Coverr. I was looking for something that would loop well and that I was inspired to play with. After that it was a matter of coming up with course topics and visual  and audio design elements to fit.

Busking Video Background ExampleEntry #1 – Busking

I’m sure there are countless reasons someone would be outdoors playing with a yoyo, but it made me think of street performers and buskers. I added a font that looked rather string-like and buttons designed to mimic the color, shape, animation, and position of the yoyo. I also added a bluesy acoustic bit of music from audionautix to complete the scene.

Color Palette Video Background ExampleEntry #2 – Inspired Color Palettes

To me, the most stunning part of this video was the gorgeous natural palette that had developed on this railing at the beach, so that became my theme. The button shapes mimic the clouds in the sky, and I looped an audio track of ocean waves beneath the video. Of course, the most important part was to integrate the natural palette on the railing into my own color scheme, and you’ll see it in the text colors. The sans-serif font is Century Gothic and the serif font is Centaur.

See (and Hear) Them in Action!

Ready to see if video backgrounds make these courses seem a little more appealing? You can decide right here:

  • See the busking video background example.
  • See the inspired color palettes video background example.
Click Image to Launch Demo (With Audio)

Click Image to Launch Demo (With Audio)

Share this:

  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on X (Opens in new window) X
  • Click to share on Pinterest (Opens in new window) Pinterest
  • Click to share on Tumblr (Opens in new window) Tumblr
  • Click to email a link to a friend (Opens in new window) Email
  • Click to print (Opens in new window) Print
  • More
  • Click to share on Reddit (Opens in new window) Reddit
  • Click to share on Pocket (Opens in new window) Pocket

Like this:

Like Loading...

Related

Filed Under: E-Learning Tagged With: Articulate Storyline, E-Learning Design, ELHChallenge, Emotional Engagement, Instructional Design, Motivation, Show Your Work, Video, Visual Design

Previous Post: « Making a Simple Prototype
Next Post: It’s a Kid-U-Cational (+ Free) Template! »

Reader Interactions

Comments

  1. Richard Watson says

    August 16, 2015 at 5:11 pm

    Jackie,

    Love these. Nice use of music for backgroud and integrating complementary colors too.

    Richard

    Loading...
    Reply
    • Jackie Van Nice says

      August 16, 2015 at 5:33 pm

      Thanks, Richard! Hope you get a chance to play along too. :)

      Loading...
      Reply
      • Richard Watson says

        August 17, 2015 at 12:34 am

        Thanks Jackie. I just put something together this evening and will put it up tomorrow.

        Loading...
        Reply

What do you think?Cancel reply

Primary Sidebar

Welcome!

I’m an award-winning instructional designer and proud Articulate Super Hero who creates e-learning for large organizations. I blog to explain my design process, share tips and tricks, and help others succeed. I hope you enjoy my refreshing gallery of e-learning goodness!

  • View jackietrains’s profile on Instagram
  • View jackievannice’s profile on LinkedIn

Tags

Articulate 360 Articulate Rise Articulate Storyline Articulate Studio Audio Avatars CCAF Characters Community Context Design Makeover Dials Drag & Drop E-Learning Design ELHChallenge Emotional Engagement Free Download Freelancing Games German Glossary Instructional Design Languages Makeover Menu Mobile Motivation Pantone Portfolio PowerPoint Professional Development Quick Reference Quizzes Sales Training Scenarios Show Your Work Software Training Storyline 360 Tables Technical Training Templates Typography Video Visual Design Voiceover

Top Posts & Pages

  • Portfolio
    Portfolio
  • Home
    Home
  • Sexual Harassment Training
    Sexual Harassment Training
  • Sales Mobility Software Training
    Sales Mobility Software Training
  • Navigating a Tasty Circular Menu
    Navigating a Tasty Circular Menu
  • Articulate's E-Learning Heroes Challenges
    Articulate's E-Learning Heroes Challenges
  • About
    About
  • Free Visual Storyboard Template
    Free Visual Storyboard Template
  • Free Storyline Templates
    Free Storyline Templates
  • How to Go Full-Screen & Lose the Player in Storyline
    How to Go Full-Screen & Lose the Player in Storyline

Copyright © 2025 Jackie Van Nice and E-Learning Goodness by Jackie Van Nice

%d