• 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

Sell Like Your Surfboard Depends On It!

June 15, 2014 By Jackie Van Nice 8 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s Articulate challenge is to use a template to create a game. It’s actually a free template I created from a German drinking game I made for another challenge – so we know each other pretty well by now.

My Goals

I challenged myself to:

  1. Make it potentially usable for a client.
  2. Stay true to the template.

I’m working on an outside sales training project for a client right now, so a traveling salesperson moving across a game board and working his way towards a big prize (they’ve been known to send their top people to Hawaii) seemed spot-on.

Mai Tai Progress Meter

Mai Tai Progress Meter

Waiter, there’s some freight in my drink

The biggest challenge was figuring out when to use company design elements versus game design elements. For example, in the mai tai progress meter the ice cubes were originally little cardboard packages themed for the company.

They still made clinking sounds like ice cubes, which entertained me, plus it was a great blend of company and game elements. But in the end it was a lot more refreshing and rewarding to see ice cubes amassing in my glass rather than pieces of freight. (Who knew?)

Challenge Screen

Challenge Screen

Realistic Challenges

For the challenges I used background images and realistic situations to add more context and meaning.

See it in action!

You can see my sales game right here, and if you’d like to see what others are coming up with this week, keep an eye on the comments section of David Anderson’s blog right here.

(You can play along too, you know!)

Before & After

By the way, here are some side-by-side comparisons of the template screens versus my finished game screens. Click on any of them for a larger view.

Introduction

Introduction

Game Start

Game Start

Game Board

Game Board

Challenge Question

Challenge Question

Feedback When Incorrect

Feedback When Incorrect

Feedback When Correct

Feedback When Correct

Progress Meter

Progress Meter

Success Screen

Success Screen

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, Characters, Community, E-Learning Design, ELHChallenge, Games, Instructional Design, Sales Training, Show Your Work, Templates

Previous Post: « Can You Crowdsource Your Mentors?
Next Post: Podcast: A One-Sided E-Learning Interview »

Reader Interactions

Comments

  1. Natalia Mueller says

    June 16, 2014 at 11:06 am

    This is great, Jackie. I’m a big fan of re-purposing templates and past design. Not only to make great new courses and games in less time but also as a learning tool for designers that may not know all of the ins and outs of Storyline. This is a great example of preserving the original functionality with a completely new visual design. Really nicely done. As always, thank you for sharing your beautiful and creative work!!

    Loading...
    Reply
    • Jackie Van Nice says

      June 16, 2014 at 3:10 pm

      Thank you so much, Natalia! I haven’t done a lot of re-purposing in the past, so this has been a good exercise for me. Your comments and a before-and-after tweet from David reminded me of the value of before-and-after views for this one, so I just added a passel of those to the post. Thank you for the reminder! I can’t tell you how much I appreciate your comments.

      Loading...
      Reply
  2. David Anderson (@elearning) says

    June 17, 2014 at 10:40 pm

    Just wanted to say THANK YOU again for sharing your template and ideas with the community. It’s inspiring to see what folks are sharing based on your original template. I’m going to work more of these types of makeovers into the challenges.

    Loading...
    Reply
    • Jackie Van Nice says

      June 17, 2014 at 11:13 pm

      You’re so welcome, David – and thank YOU for facilitating it all and giving us such a great playground to make it happen. I love what everyone’s sharing too – it’s beyond gratifying to see such creativity. I think more challenges like this would be fantastic. Great idea!!

      Loading...
      Reply
  3. Wendy Winters (@wenwin) says

    June 18, 2014 at 9:07 am

    I love it, thank you for sharing. I have one question – how do you handle the basic information that must be presented, but might overwhelm a game?

    Loading...
    Reply
    • Jackie Van Nice says

      June 18, 2014 at 9:32 am

      Hi Wendy.
      You’re so welcome! I’m not sure how you were thinking of using this, but if it’s being used to reinforce knowledge gained from a course, the mass of information the learner would need would be in that course and then they could be directed to this game.
      If you’re treating this as a standalone piece, you can include additional information in a couple of ways. First, you could have some intro screens that lead up to the game, but to retain the game feel I’d suggest adding information in the player. You’ll notice I added a tab to the player called “Quick Tips”, which shows information in a light box. In this case, those are the answers to the game questions and I only included them to help people navigate this demo.
      In real life you could put whatever information you wanted there. Doing something like that might be a good way to introduce a job aid, for example. For my sales training, I could put one or all of the sales brochures up in the player tab and then ask game questions that require the learner to refer to those brochures and interpret or apply that information.
      Does that help at all? Thanks for your question, Wendy!

      Loading...
      Reply
      • Wendy Winters (@wenwin) says

        June 18, 2014 at 10:39 am

        Thank you Jackie – that does answer my question. I was thinking along those lines, but didn’t want the intro slides or to overwhelm the game. It is a compliance course, so there is required info needed, but I really like the idea of having the participant “pull” the info needed to get the correct answer. Thank you again for your quick response!

        Loading...
        Reply
        • Jackie Van Nice says

          June 18, 2014 at 10:49 am

          You’re so welcome, Wendy! I’m sure there are a million ways to do it, but to me using the “pull” strategy would be clean and easy – both for you and your learners. Good luck and have fun. I’m sure it’ll be great!

          Loading...
          Reply

Leave a Reply to Jackie Van NiceCancel 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