eLearning Work

Explore my work in learning experience design and eLearning development.

Guided conversation project demo.

Guided Conversation: Cloud Migration

A business simulation where learners guide a company through migrating its on-premise infrastructure to the cloud, using the Cloud Adoption Framework to address challenges and make decisions at each stage.

  • My Role: Instructional Designer, eLearning Developer
  • Tools Used: Articulate Storyline 360, Vyond

What this project is about

This business simulation offers an interactive learning experience where learners step into the role of an employee. Then, they work with an account manager to help a company move its on-premise infrastructure to the cloud. Using the Cloud Adoption Framework, learners navigate business challenges, make decisions, and learn about cloud migration at each stage of the process. The simulation focuses on understanding business needs, decision-making, and practical applications to improve the learner's knowledge of cloud adoption strategies and technology solutions.

Design process

Target audience and learning goals: The project was designed for learners in business and technology roles who need to understand the process of cloud migration. The goal was to create a realistic simulation that allows users to make decisions based on business needs and technology requirements.

Content development: I collaborated with subject matter experts (SMEs) to develop realistic business scenarios and cloud migration stages. The content was broken down into a series of stages in the cloud adoption framework, each with specific challenges to address.

User experience and interactivity: To enhance engagement, I integrated interactive decision-making points throughout the simulation. Learners choose responses that reflect realistic business decisions, which affect the direction and outcome of the simulation. The aim was to replicate the problem-solving process that would happen in a real-world migration project.

Accessibility and usability: Accessibility was a key consideration throughout the design process. I ensured that the simulation met WCAG standards, with color contrast, alternative text for images, and keyboard navigability. The goal was to create an inclusive learning experience that is easy to navigate for all users.

(Note: This demo project only shows partial conversations.)

Active Listening project demo.

Explainer Video: Active Listening

A concise animated video designed to explain the principles and benefits of active listening, using engaging visuals and clear narration.

  • My Role: Instructional Designer, Animation Creator
  • Tools Used: Vyond

What this project is about

This video introduces learners to the key principles and practices of active listening. The video highlights the importance of active listening in professional and personal communication. Inspired by insights from a professional development class, the project features a thoughtfully written script and engaging animations created using Vyond. The video aims to present active listening in an accessible and relatable way, helping learners understand and apply these skills in real-world situations.

Design process

Inspiration: This project was inspired by a professional development class I attended on active listening. The session highlighted essential aspects like attentive listening, speaker acknowledgment, and thoughtful responses, which formed the foundation for the video content.

Scriptwriting and storyboarding: The first step was drafting a concise script that defined active listening, explained its benefits, and offered tips for improving communication. I then created a visual storyboard to align animations with the narrative. This is to make sure a seamless flow of information.

Animation creation: Using Vyond, I brought the script and storyboard to life with dynamic visuals, text callouts, and vibrant characters. The animations were designed to strike a balance between creativity and clarity. It also features smooth transitions and engaging elements that enhanced the message and kept the audience’s attention.

Board game project demo.

Gamification Board Game

A gamified board game designed to improve vital sign recognition and knowledge retention for Clinical Technicians, using custom JavaScript coding to extend Articulate Storyline 360 functionality.

  • My Role: Instructional Designer, eLearning Developer
  • Tools Used: Articulate Storyline 360, Vyond, Adobe Photoshop, JavaScript

What this project is about

This interactive gamified board game helps Clinical Technicians in nursing environments enhance their understanding of vital signs. Learners engage by selecting categories based on where their game piece lands, answering randomized questions to test their knowledge. The objective is to collect one card from each of the five vital sign categories and complete their shift to win the game.

To make this concept work, advanced customization was required beyond the standard capabilities of Articulate Storyline 360. JavaScript was essential to code game mechanics such as drawing card layout, countdown timer, and real-time tracking. Additionally, xAPI integration was achieved through customized JavaScript, enabling data tracking and reporting that went beyond traditional LMS limitations. At the time, Articulate lacked built-in xAPI triggers, making this one of the first fully implemented xAPI solutions at the hospital I worked at.

Design process

Needs analysis and game design: The project began with identifying key learning objectives: improving recognition, recall, and retention of vital sign knowledge for Clinical Technicians. A gamified approach was chosen to make the learning experience engaging and interactive. The game structure, including randomized questions and category-based challenges, was mapped out to align with these objectives.

Custom JavaScript integration: JavaScript was essential for implementing complex game mechanics that couldn't be achieved with standard Storyline functionality. Dynamic card drawing ensured that game piece categories were assigned correctly. JavaScript also enabled manipulation of the card layout appearance to maintain a polished and cohesive design. A countdown timer was implemented to add a sense of urgency and enhance gameplay realism. Additionally, JavaScript was vital in integrating xAPI to capture detailed learner interactions, such as category choices, card collections, and overall progress.

Testing and iteration: Extensive testing ensured the game mechanics worked seamlessly and provided an engaging learning experience. Iterative improvements, informed by feedback from clinical staff, enhanced the clarity of instructions, functionality of gameplay, and overall design.

Carrie W.

Let's connect! I'm passionate about creating engaging and inclusive design solutions.