Problem:

Management has noticed that electrical incidents are occurring at a high rate with new employees. Three areas have been identified as needing additional training that allows the new technicians to review and practice the skills and knowledge they will need when they are deployed in the field.  The three areas are:

• Defective Equipment

• Preventative Maintenance

• Red Electrical Outlets

Solution:

New employees need additional time to review procedures and practice applying the skills necessary to safely perform their jobs.

Highlights:

• Branching scenario

• Branching freeform drag and drop

• Accordion interaction with motion paths

• Icon hover to reveal hints in Knowledge Check

Tools:
Articulate Storyline 360, WellSaid Labs

Role:
Instructional Design
eLearning Development
Video Design
Graphic Design

Deliverables:
🔗 Design Document
🔗 Storyboard
🔗 Course Transcript
🔗 Video Introduction of eLearning Module
🔗 Storyline eLearning Module

Other:
🔗 Accessible Color Palette

About the project:

In January 2023, I was brought in to develop the course from an approved Storyboard. I worked with the team, Project Manager, and Client throughout all stages of the iteration process until completion of the deliverable.

Highlights:

• Acronym guide, featured as a lightbox slide, is accessible throughout entire course

• Downloadable Course Transcript

• Closed Captioning

Tools:
Articulate Storyline 360, PowerPoint, Adobe Illustrator

Role:
eLearning Development
Graphic Design
Voice Over Narration

Deliverables:
🔗 Storyline eLearning Module
🔗 Course Transcript

Problem:

Many young adults are not equipped to lead to a balanced life after high school and struggle to find their place in the world. Because of this, their self-confidence is low and their dreams and goals seem unattainable.

Solution:

Provide training that consists of a comprehensive curriculum in Emotional Intelligence aimed at teaching self-awareness, self-management, social awareness, and relationship management.

Highlights:

• Accessibility Features (Alt text, accessible colors)

• Optional Music for Self-Reflections

• Custom Storyline Interaction

• Branching Scenario Assessment

Tools:
Articulate Rise 360, Articulate Storyline 360, Canva

Role:
Instructional Design
eLearning Development
Graphic Design

Deliverables:
🔗 Design Document
🔗 Custom Storyline Interaction
🔗 Rise eLearning Module

Other:
🔗 Accessible Color Palette

About the Interaction:
For E-Learning Heroes challenge #449, Using Emphasis Animations to Grab Learner's Attention, I used all 5 emphasis animations to  guide the learner through the interaction by either drawing their eye to particular elements (teeter, grow, shake, pulse) or de-emphasizing others (shrink) while exploring the top 9 food allergens.

Highlights:

• Teeter emphasis animation on the directions

• Grow emphasis animation on each allergen image

• Shrink emphasis animation on each button

• Shake emphasis animation on allergen image of each layer

• Pulse emphasis animation on on-screen description of each allergen

• Layers (one for each of the nine allergens)

• States for the buttons (Normal, Hover, Selected)

• Triggers (reveal/hide layers, change states, begin animations)

Tools:
Articulate Storyline 360, Canva, ChatGPT

About the Interaction:
A click-to-reveal interaction was created to engage learners in exploring the meaning of each letter in the SMART acronym.

Highlights:

• States (Normal, Hover, Down, Selected, Disabled)

• Triggers (reveal/hide layers, change states)

• Layers (one for each letter of SMART)

• Custom Button (exit from layers)

• Accessibility Features

Tools:
Articulate Storyline 360, Canva

About the Interaction:
This slider interaction was designed to engage learners in exploring the meaning of each letter in the SMART acronym. However, the client ultimately preferred a click-to-reveal format.

Highlights:

• States (Normal, Selected, Hidden)

• Triggers (reveal/hide layers, change states)

• Layers (one for each letter of SMART)

• Custom Slider Button

• Variables

Tools:
Articulate Storyline 360, Canva

About the Interaction:
An accordion interaction was used to organize the four steps necessary to complete a Preventive Maintenance (PM) sticker. It allows the learner to explore the required steps in a logical and sequential order. 

Highlights:

• Layers (one for each part of the PM Sticker)

• Motion Paths (to open accordion layers)

• States (Normal, Hover, Selected, Disabled)

• Triggers (reveal/hide layers, change states)

• Forced navigational path (learners can only access one layer at a time in a predetermined order)

• Conditional Next Button (when all layers have been visited)

Tools:
Articulate Storyline 360, WellSaid Labs

About the Interaction:
A scenario was used as a real-world scenario based knowledge check to complete a Preventive Maintenance (PM) sticker as it allows the learner to practice the required steps in a logical and sequential order. 

Highlights:

• Layers (one for each part of the PM Sticker)

• Motion Paths (to open accordion layers)

• States (Normal, Hover, Selected, Disabled)

• Triggers (reveal/hide layers, change states)

• Forced navigational path (learners can only access one layer at a time in a predetermined order)

• Conditional Next Button (when all layers have been visited)

Tools:
Articulate Storyline 360, WellSaid Labs