Tornado Safety

A scenario-based eLearning module to test skilled nurses on their understanding of facility-specific tornado safety

"I am in awe. For a complex project, you did an amazing job thinking through all the details. I loved how you had the thought bubble of the client eluding to whether or not answers were correct. The checklist at the very end is a great recap."

- Savitre Tubrung, Lead HRIS Analyst, Cook County Government

"I was particularly blown away by Scott's commitment to creating a more equitable learning experience by allowing learners to choose from a diverse array of avatars to represent themselves. Throughout this delightful visual experience, learners can make decisions, discover the consequences, and come away with valuable feedback."

- Shimrit Lee, Instructional Designer

"The artwork is not only beautiful, but it does a wonderful job of pulling you into the scenario and the realistic storytelling keeps you engaged. Scott’s understanding of ID principles is evident throughout this project from using the ADDIE model to effectively implementing Mayer’s Principles of Multimedia Learning."

- Sabrina Gonzalez, Instructional Designer

Audience

Recently hired hair stylists

Responsibilities

Needs Analysis
Action Mapping
Storyboarding
Visual Design
eLarning Development

Tools Used

Articulate Storyline 360
Adobe Illustrator
Adobe XD
Mindmeister
Google Docs

Full Course Design

Only one module is completely built for this demo, but a full course structure is included in the project, offering a clear, easy to navigate experience.

Immersive Audio

Experiencing a tornado event is noisy. Sounds one might experience during such an event are included in the simulation for enhanced realism.

Learner-Requested Tips

The learner is in the driver's seat for this simulation. At each decision point, no information is automatically provided, but the learner has access to helpful tips when they need it.

Branded Visuals

The color scheme of the experience matches the client's brand's colors. In the version given to the client, the logo in the lower right is the client's actual logo.

Audience

Skilled nurses in a nursing facility

Responsibilities

Visual Design

eLearning Development


Tools Used

Articulate Storyline 360

Adobe Illustrator

Full Course
Design

Only one module is completely built for this demo, but a full course structure is included in the project, offering a clear, easy to navigate experience

Immersive Audio to Enhance Realism

Experiencing a tornado event is noisy. Sounds one might experience during such an event are included in the simulation for enhanced realism.

Learner-Requested Tips Along the Way

The learner is in the driver's seat for this simulation. At each decision point, no information is automatically provided, but the learner has access to helpful tips when they need it.

Branded
Visuals

The color scheme of the experience matches the client's brand's colors. In the version given to the client, the logo in the lower right is the client's actual logo.

Full Course Design

Only one module is completely built for this demo, but a full course structure is included in the project, offering a clear, easy to navigate experience

Immersive Audio

Experiencing a tornado event is noisy. Sounds one might experience during such an event are included in the simulation for enhanced realism.

Learner-Requested Tips

The learner is in the driver's seat for this simulation. At each decision point, no information is automatically provided, but the learner has access to helpful tips when they need it.

Branded Visuals

The color scheme of the experience matches the client's brand's colors. In the version given to the client, the logo in the lower right is the client's actual logo.

Full Course
Design

Only one module is completely built for this demo, but a full course structure is included in the project, offering a clear, easy to navigate experience

Immersive
Audio

Experiencing a tornado event is noisy. Sounds one might experience during such an event are included in the simulation for enhanced realism.

Learner-Requested Tips

The learner is in the driver's seat for this simulation. At each decision point, no information is automatically provided, but the learner has access to helpful tips when they need it.

Branded
Visuals

The color scheme of the experience matches the client's brand's colors. In the version given to the client, the logo in the lower right is the client's actual logo.

Project Overview

A potential client asked that I put together an eLearning module for one small part of a more comprehensive disaster safety course for nurses in a skilled nursing facility. The module would focus on tornado safety.

Though I would only be building a demo for one module of the course, I was given a brief description of the content that would be included in the entire course, along with more detailed information about the tornado safety module I was asked to create.

Because I was given basic information on the entire course contents, I decided to build the structure of the entire course to demonstrate how a user might navigate to the different modules.

The course is structured so that the learner is never more than 3 clicks away from any of the other modules. The navigation and menus are intuitive and inviting.

Main Menu Design

Disaster Safety Menu Design

Experience the Project

Design Decisions

Photorealistic Characters

I decided to use photorealistic characters because of the seriousness of the topic of this course. I felt that using illustrated characters would undermine the seriousness because illustrated characters typically invoke a sense of whimsy, which is not the tone I wanted to use for this project.

Branded Visuals

As this was designed for a particular client, I incorporated the company's logo and color scheme throughout the entire project, not only giving it a unified look, but a constant reminder of the source of this course content (Note: actual logo removed in these screenshots to respect the client's proprietary assets)

Realistic Audio

When a person experiences an actual tornado event and is indoors, the person is likely to hear many noises that add to the stress of the situation, like sirens, alarms, and concerned comments from nearby people. Many of those sounds were added to this module to try to put the user in a situation as close to what they would actually experience in the event of a tornado.

Full User Control

I wanted to make sure the user has full control of their experience in this course. Accordingly, on all slides, users are able to navigate back to the main menu, the menu for the section they are currently in, and, where applicable, to the previous slide. In addition, while the user is forced to listen to the stressful audio sounds at the beginning of the tornado safety module, eventually they are allowed to toggle that audio on and off.

Photorealistic Characters

I decided to use photorealistic characters because of the seriousness of the topic of this course. I felt that using illustrated characters would undermine the seriousness because illustrated characters typically invoke a sense of whimsy, which is not the tone I wanted to use for this project.

Branded Visuals

As this was designed for a particular client, I incorporated the company's logo and color scheme throughout the entire project, not only giving it a unified look, but a constant reminder of the source of this course content (Note: actual logo removed in these screenshots to respect the client's proprietary assets)

Realistic Audio

When a person experiences an actual tornado event and is indoors, the person is likely to hear many noises that add to the stress of the situation, like sirens, alarms, and concerned comments from nearby people. Many of those sounds were added to this module to try to put the user in a situation as close to what they would actually experience in the event of a tornado.

Full User Control

I wanted to make sure the user has full control of their experience in this course. Accordingly, on all slides, users are able to navigate back to the main menu, the menu for the section they are currently in, and, where applicable, to the previous slide. In addition, while the user is forced to listen to the stressful audio sounds at the beginning of the tornado safety module, eventually they are allowed to toggle that audio on and off.

Photorealistic Characters

I decided to use photorealistic characters because of the seriousness of the topic of this course. I felt that using illustrated characters would undermine the seriousness because illustrated characters typically invoke a sense of whimsy, which is not the tone I wanted to use for this project.

Branded Visuals

As this was designed for a particular client, I incorporated the company's logo and color scheme throughout the entire project, not only giving it a unified look, but a constant reminder of the source of this course content (Note: actual logo removed in these screenshots to respect the client's proprietary assets)

Realistic Audio

When a person experiences an actual tornado event and is indoors, the person is likely to hear many noises that add to the stress of the situation, like sirens, alarms, and concerned comments from nearby people. Many of those sounds were added to this module to try to put the user in a situation as close to what they would actually experience in the event of a tornado.

Full User Control

I wanted to make sure the user has full control of their experience in this course. Accordingly, on all slides, users are able to navigate back to the main menu, the menu for the section they are currently in, and, where applicable, to the previous slide. In addition, while the user is forced to listen to the stressful audio sounds at the beginning of the tornado safety module, eventually they are allowed to toggle that audio on and off.