Case Study
Decision‑Making Under Pressure

A scenario-based eLearning experience designed to help front desk employees navigate high pressure moments with clarity.

Experience Project
Kevin Olivier
Project Details
Audience
New & Existing Front Desk Employees
my Responsibilities
Instructional Design, eLearning Development, Action Mapping, Storyboarding, Visual Design, Authoring
Tools
Storyline 360 · Figma · Vyond · Miro
Project Type
Portfolio Project
CASE STUDY OVERVIEW

OVERVIEW

A quick snapshot of what this project is about

The Waffle Hotel (a fictitious hotel chain) noticed that during peak hours, front desk employees often struggled with decision-making under pressure. These moments frequently resulted in guest frustrations, escalating complaints, and an increasing number of negative reviews. Over time, this  led to the hotel gaining an external nickname: “The Awful Hotel.”

To address this problem, I proposed a scenario-based eLearning concept that places employees in a realistic, high-volume lobby environment where multiple guest issues unfold at once. Learners must quickly assess each situation, determine priorities, and choose how to respond as guest emotions and time pressure increases.

 To support this goal, the experience includes a gamified anger meter that visually tracks guest emotions throughout the scenario. The end of the scenario concludes with a customer satisfaction summary inspired by real hotel review platforms, helping learners understand how their decisions translate into real world feedback.

Anger meter escalation scenario screen
Gamified Anger Meter
Guest Escalation Scenario

Learners need to manage guest emotions in real time, while the anger meter tracks tension as each decision either stabilizes or escalates the situation.

Customer satisfaction review debrief screen
Review-Style Debrief
Customer Satisfaction Summary

The e-learning concludes with a customer satisfaction summary. This is the type of public feedback that shapes a hotel's reputation.

⚠ The Problem
Training that didn't transfer well under pressure

Existing training focused primarily on policies, procedures, and customer service standards, but offered little to no opportunities for employees to practice applying those guidelines in realistic, high-stress scenarios. As a result, employees understood what they were supposed to do, but struggled with when and how to apply that knowledge during peak moments.

✦ The Solution
A scenario-based approach to real decisions

Designing an eLearning experience that drops learners into a high-volume hotel lobby with multiple guest conflicts, where learners get to practice decisions without real consequences.

Problem

Solution

MY PROCESS

MY PROCESS

How I approached this project from start to finish

Rather than designing content around policies, I began by identifying the critical moments where front desk decisions most often lead to guest escalation. Using action mapping, I focused on what employees must do differently during peak hours such as prioritizing guest needs, choosing when to intervene, and deciding how to respond when emotions run high.

The Full Breakdown

Here's how I built it, step by step.

ACTION MAPPING

ACTION MAPPING

Connecting business goals to real employee behaviors

I consulted a hotel front desk manager as my subject matter expert (SME) to develop the action map and set the overall goal for this project. We identified the key actions employees need to take during peak hours to de-escalate  interactions and reduce complaints.

TEXT-BASED STORYBOARD

STORYBOARD

The written script of the entire experience

After completing the action map, I created a text-based storyboard that turned those actions into a scenario. Each decision point was intentionally designed to reflect the real decisions a front desk employee faces during a rush.

I framed the scenario as a high volume lobby where multiple guest issues unfold at the same time. I continued working with the subject matter expert (SME) to ensure the interactions, guest behaviors, and employee responses felt realistic and aligned with actual front desk experiences.

While there are many situations that can escalate at the front desk, I chose to focus on long wait times, room-related complaints, and competing guest demands, as these are among the most common triggers for guest frustration. As learners progress through the scenario, they are presented with decision prompts that include correct responses as well as realistic distractors that reflect common mistakes made under pressure.

Text-Based Storyboard Documents
Storyboard document part one
Scene Structure
Storyboard document part two
Decision Branches
Scenario in Action
Decision point screen showing multiple choice options
Decision Point
Decision Prompts

Learners are presented with realistic choices, including correct responses and distractors that reflect common mistakes made under pressure.

Mentor Alex providing guidance
Mentor Guidance
Meet Alex! Your Mentor

When learners need support, Alex offers gentle nudges and insight. Mirroring a real front desk supervisor during high-pressure moments.

VISUAL MOCKUPS

VISUAL MOCKUPS

Static designs built in Figma before development

After the text-based storyboard was finalized, I moved into designing visual mockups in Figma. I focused on maintaining a consistent visual style across all screens, including backgrounds, character placement, and caption containers. To reinforce this, I built a small, intentional color scheme using Adobe Color and carried those colors throughout the entire project.

Once the mockups were complete, I organized them into a visual storyboard that mapped each screen to the correct outcome. This made it easy to validate flow, confirm learning intent, and ensure the visuals supported the scenario logic before rebuilding everything in Articulate Storyline 360.

Want to see the progression from wireframes to high-fidelity mockups?

Select a slide type below, then use the arrows or dots to see each iteration.

Title wireframe
Title — Slide 1 of 4
Wireframe
Title low fidelity
Title — Slide 2 of 4
Low Fidelity
Title mid fidelity
Title — Slide 3 of 4
Mid Fidelity
Title high fidelity
Title — Slide 4 of 4
High Fidelity
Context wireframe
Context — Slide 1 of 4
Wireframe
Context low fidelity
Context — Slide 2 of 4
Low Fidelity
Context — Slide 3 of 4
Mid Fidelity
Context high fidelity
Context — Slide 4 of 4
High Fidelity
Meet Alex wireframe
Meet Alex — Slide 1 of 4
Wireframe
Meet Alex low fidelity
Meet Alex — Slide 2 of 4
Low Fidelity
Meet Alex mid fidelity
Meet Alex — Slide 3 of 4
Mid Fidelity
Meet Alex high fidelity
Meet Alex — Slide 4 of 4
High Fidelity
Ask Alex wireframe
Ask Alex — Slide 1 of 4
Wireframe
Ask Alex low fidelity
Ask Alex — Slide 2 of 4
Low Fidelity
Ask Alex mid fidelity
Ask Alex — Slide 3 of 4
Mid Fidelity
Ask Alex high fidelity
Ask Alex — Slide 4 of 4
High Fidelity
Decision wireframe
Decision — Slide 1 of 4
Wireframe
Decision low fidelity
Decision — Slide 2 of 4
Low Fidelity
Decision mid fidelity
Decision — Slide 3 of 4
Mid Fidelity
Decision high fidelity
Decision — Slide 4 of 4
High Fidelity
Debrief wireframe
Debrief — Slide 1 of 4
Wireframe
Debrief low fidelity
Debrief — Slide 2 of 4
Low Fidelity
Debrief mid fidelity
Debrief — Slide 3 of 4
Mid Fidelity
Debrief high fidelity
Debrief — Slide 4 of 4
High Fidelity
Color scheme
Color Scheme
Visual Identity
INTERACTIVE PROTOTYPE

PROTOTYPE

A working version where decisions trigger consequences

Once the visual storyboard was finalized, I rebuilt the experience as an interactive prototype in Articulate Storyline 360, turning the static screens into a fully interactive scenario where learner decisions directly shape how the situation unfolds.

At each decision point, learners are presented with multiple response options, including an effective choice and realistic distractors that reflect common mistakes made under pressure. Depending on the learner’s selection, the scenario either stabilizes or escalates, with immediate consequences such as increased guest frustration or negative outcomes.

To highlight unfavourable decisions, sometimes choosing the incorrect path triggers a public backlash, ranging from viral social media complaints to “story time” Youtube videos. 

By prototyping the scenario , I was able to test pacing, feedback timing, and the clarity of each decision before finalizing the experience. This ensured the interaction felt intuitive, realistic, and aligned with the goal of helping front desk employees manage guest interactions effectively during peak moments.

Negative social media post consequence screen
Social Media Backlash
Viral Negative Review

Choosing the wrong response can triggers a negative social media post. Showing learners the real world cost of poor decision making under pressure.

Negative YouTube story time video consequence screen
YouTube Story Time
"Worst Hotel Ever" Story Time Video

Escalated decisions can sometimes lead to a viral YouTube video. Connecting learner choices directly to the kind of public backlash that damages a hotel's reputation long term.

FULL DEVELOPMENT

FULL DEVELOPMENT

The fully built, polished final experience

The full development was extremely manageable, because of the guidance of each of the previous section blocks.

Outcomes & Learnings

Results & Takeaways

This project helped me understand the difference between teaching policies and procedures, versus designing training that prepares employees to respond in real, high pressure situations.

Key Takeaways

  • Small mistakes can quickly escalate.

  • Realistic choices are important to implement.

  • Decisions should feel genuinely difficult.

  • Working with a Subject Matter Expert (SME) was valuable.

What I Would Improve

  • Involve real front desk employees earlier in usability testing.

Overall Reflection

    • This project strengthened my ability to design scenario-based learning that mirrors real workplace challenges.

    • The most meaningful learning happens when there isn’t an obvious right answer and learners must think through it.