Shaken: A Story about Financial Fraud

Digital Storytelling with Articulate Storyline and JavaScript

Who doesn’t love a good story? Mundane topics can be made memorable with a well-chosen story. Some interesting digital storytelling formats that I like to employ are comic book story panels and interactive videos. In this micro-story, however, I’ve used a vertical scrolling format. The story is about credit card fraud and is inspired by a real-life incident. The reason it works is that:

  • It has all the elements of a story plot: setup, rising tension, climax and resolution.
  • It reflects the real world.
  • It is short and sweet.
  • The design elements spice it up and add to the story.
  • The UI is simple and easy to navigate.

I’ve used some epic music and a bold colour scheme to arouse an emotional response in the viewer. I spent a lot of time on these two aspects. These are some earlier colour schemes I tried out before settling for an intense, colourblind-friendly five-colour palette.

The vertical scrolling format is a departure from the usual slide-based format. I was able to create it by tapping into Storyline’s scrolling panels and JavaScript. Many thanks to Chris Hodgson for sharing his expertise on scrolling panels with JavaScript.

Featured Skills

  • Instructional Design
  • Visual Design
  • Articulate Storyline 3
  • JavaScript

Watch this story by selecting the image below.