top of page

Storyline Branching Sample

Storyline Branching Course

Ethical Hiring Thumb

This new branching scenario allows the learner to make choices within a scenario that affect the outcome of the learning experience. Using branching scenarios is a great way to create personalized learning experiences and engage learners on a deeper level.

This course is designed to provide options at critical points in a situation. The course also will allow the learner to go back and reassess earlier decisions to affect the overall outcome. 

Responsibilities: Visual Design, Scenario Storyboards, Mockups, Prototype, and eLearning Development

Full Project

Full project coming soon!

Audience: Corporate employees, Ethics in the Workplace

Tools / Software:

Articulate Storyline 360 (course building)

Envato Elements (assets)

Miro (brainstorming/planning)

WellSaid Labs (voice-over content)


This topic is important since it deals with the real-world challenges that employees face when they are asked to make decisions. There may be pressure to make unethical choices or go against their personal values. In the scenario, the main character is being asked to overlook someone's lack of skills because the CEO wants to hire them.


This could be used to kick off a workshop on ethical business practices or designed to follow up a workshop on ethical decision-making. This is just one scenario; there are a number of other scenarios that would work ro move the conversation forward.


Starting with the goal of highlighting my Storyline 360 skills, I knew a branching scenario would work well. I developed the basic premise for the course: determining the characters, what the feel of the course would be, what accessibility features to add, specific interactions to highlight, how the learner would navigate through the story with the narrator, and the basic questions that the main character would face.


From there, I began to write the script next. Focusing on the "target" path, I identified the preferred choices for the learner.  Additional, plausible options were added for decision points the main character needed to make.


I moved everything to Miro for mapping out the branching. Miro provided plenty of room to visualize how the slides/scenes might possibly intersect in the course. Following the path for all of the "other" options also provided a map of where I could send the learner back along the journey.


Storyline 360 has many options in its library for adding characters. The original design had stock photos of empty offices from Envato Elements and realistic characters from Storyline 360.


However, once I began creating the master slides, it became clear that there were limitations to the photographic models. This course involves a lot of nonverbal cues from the characters as the story progresses. I wanted access to the expressions tab for these characters.


To do that, I needed to pivot to illustrations. Once that switch was made, I was intent on finding solid images to reflect the workplace that were just as colorful and engaging. Envato Elements had some beautiful illustrations, with just the right vibe. Keeping text boxes and dialogue bubbles neutral was to avoid a visually complicated course. 

Adding the audio to each slide was a bit of a challenge, but well worth the effort. I worked within the WellSaid program to create realistic, conversational clips for the dialogue. I was initially set on doing this for accessibility reasons, but I believe it increasing the engagement and is less tedious than reading through dialogue on slides as the scenario progresses. 

Interactive Prototype

Creating the interactive prototype in Articulate Storyline was simple after the mapping and design decisions were complete. Currently, the course is in the development stage, but the prototype was sent out for Instructional Design experts' review.


Adjustments were made to reflect feedback before posting here.

Back to Portfolio
bottom of page