Project Overview

A conceptual scenario-based eLearning game prototype developed in Storyline 360 based on a monthly design challenge from Tim Slade's E-Learning Academy. It is is from the second module of a Rise course titled Roommate Survival 101: Navigating Conflicts with Ease.

Audience:

I adapted the challenge parameters to create a comprehensive learning solution for undergraduate students living in on-campus housing at the University of Alabama, focusing on roommate conflict resolution skills.

Related Links:

• View the Complete Rise Course
• View the Instructional Design Plan

This project was designed using the ADDIE Model to create interactive scenarios where learners engage in a risk-free environment to practice negotiation, communication techniques, compromise, and strategies for seeking help. Students are also provided with external resources in the course for additional support.

Challenge Parameters:

Create an engaging eLearning solution addressing increased roommate conflicts

Target audience: College students in on-campus housing

Problem: 20% increase in housing change requests due to conflicts

Metric Goal: Reduce room change requests by 15% through improved conflict management

Learning Objectives:

Lesson Objective (This project): Undergraduate resident students will apply appropriate conflict resolution strategies in a scenario-based learning activity with 80% accuracy.

Overall Course Objectives (Rise Course):

At the end of this course, undergraduate resident students will be able to:

Identify common causes of roommate conflict as identified in a case study analysis with 80% accuracy
Apply appropriate conflict resolution strategies in a scenario-based learning activity with 80% accuracy
Distinguish active listening skills from poor listening skills as demonstrated on a case-study analysis with 80% accuracy
Analyze responses to conflict in a case-study analysis as demonstrated in a case-study analysis with 80% accuracy

Skills Demonstrated:

Application of the ADDIE Model
Developed a full course Instructional Design Plan following Gagne’s 9 Events of Learning
Developed a Storyboard for the informative video.
Developed learning objectives using the ABCD structure (Audience, Behavior, Condition, and Degree)
Proficiency with Articulate Rise and Storyline 360
Integration of multimedia elements including video and interactive graphics
Mayer’s Personalization Principle
Creation of engaging gamification
Development of effective assessment strategies with meaningful feedback mechanisms
Implementation of technical solutions for hosting and embedding Storyline 360 projects into a Rise course.
Knowledge of learning objectives aligned with activities and assessments
Understanding of young adult learning needs in higher education settings
Visual Design principles
Meeting accessibility standards

Delivery Format:

A fully online, asynchronous gamification experience hosted in Articulate Rise
Students incentivized by university-branded merchandise giveaways

The image shows a close-up of a person sitting at a desk, viewing a laptop. On the screen is the opening slide of the gamified e-learning project titled “Dormageddon: Can You Keep the Peace?” developed in Storyline 360. A cartoon-style resident assistant (RA) character stands confidently in front of a campus scene with red-brick dorm buildings and a blue sky. She appears beside a large campus sign that displays the game’s title in red and black bold lettering. The scene sets a light, playful tone for a branching scenario simulation focused on managing conflict in a shared dorm environment. The project uses gamification to teach active listening, boundary-setting, and collaborative problem-solving among college roommates.

Experience the Project

Dormageddon Scenario Game

Storyline 360

A laptop screen displays the opening slide of the e-learning game “Dormageddon: Can You Keep the Peace?” featuring a cartoon RA character standing in front of a dorm campus background.

My Instructional Design Approach

Analysis

Researched typical roommate conflicts in university settings
Used pre-established subject matter expert material, learning objectives, and problems provided in the challenge
Determined an asynchronous online format with gamification would maximize engagement
Developed detailed learner personas based on undergraduate student characteristics

Design Phase

The design phase focused on crafting a structured, learner-centric experience aligned with the course's goals.

Created detailed scenario storyboards mapping objectives, scenarios, branching logic, feedback, and consequences

Created Visual Mockup:

Established the color palette, fonts, button styles, and character animation styles to ensure visual consistency
Followed University of Alabama branding guidelines

Development Phase

During the development phase, various tools were used to create and edit the full experience:

Built fully functional interactive prototype in Articulate Storyline 360
Integrated character animations and scenario videos
Generated and edited voice content with ElevenLabs.io and Audacity
Designed visual elements with Adobe Photoshop and Canva
Implemented JavaScript-driven scoring system with variable tracking
Developed dynamic visual feedback elements (conflict thermometer, progress bar)

Implementation Plan

Deployment Strategy:

Outline strategy for LMS integration with Blackboard
Added accessibility features including alt text and closed captioning
Designed completion certificate and verification system to track degree of learning.

Evaluation Phase

Formative Learner Evaluation:

Created a complete four-level Kirkpatrick evaluation post-course evaluation
Created summative case study analysis to measure learning transfer
Established metrics to track hypothetical reduction in housing change requests

Future Enhancements

Expanding the course to include additional scenarios addressing other common roommate conflicts.
Exploring opportunities to adapt the course for broader audiences, such as off-campus students or those in different institutions.

Click image to view pdf of storyboard

Designed interaction patterns featuring meaningful choices with visible consequences
Implemented gamification elements including XP tracking, levels, and badges and visual progress bar.

Click on image to view full-size visual Mock-up showing two slides, branded color scheme, navigation buttons, and font.

This visual mock-up represents a storyboard and style guide for an interactive e-learning scenario focused on conflict resolution in a dorm setting. The left side includes Slide 7, which shows a learner decision point with a stylized thermometer graphic indicating escalating tension, three response options, and a floating help icon. A secondary view of Slide 7 displays the Help Layer, featuring a female character and a “Continue” button. On the right, a full color palette is presented, including the following HEX codes: #9E1B32 (crimson), #928A8F (gray), #C1C5C9 (light gray), #DAD7CB (pale beige), #772432 (deep red), #D0103A (bright red), #F2D653 (yellow), and #005C84 (deep blue). The design also includes a style guide for buttons, with a 164 x 45 px size, crimson border and fill, and states for normal, hover, and disabled. Typography for the project uses Trade Gothic Light for headers and Open Sans at 14 pt for body text. This mock-up guides the visual and functional consistency of the e-learning simulation.

Experience the Project

Take a look at some of my favorite tools.

Articulate 360, Articulate Rise, Canvas, Blackboard LMS, TalentLMS, TalentCards Mobile LMS, Padlet, Loom, Adobe Photoshop, Adobe Illustrator, Canva, Adobe Acrobat Pro, Adobe Fonts, Microsoft Word, PowerPoint, Figma, Create Studio, Powtoons, Vyond, Audacity, Microsoft Clipchamp, GitHub, Amazon S3, Microsoft Teams, ChatGPT, Dall-E, Eleven Labs, Synthesia, Camtasia, Kahoot