CULTURE SHOCK ABROAD

Branching Scenario based eLearning

Training for students who are preparing to embark on their study abroad program that educates them about the four stages of culture shock, varying severity levels and possible outcomes.

audience

Learning Abroad Center’s students who are preparing for their study abroad experience.

Responsibilities

  • Instructional design

  • Storyboarding

  • Action mapping

  • Graphic design

  • Prototyping

  • eLearning development

Tools

  • Articulate Storyline 360

  • Adobe Photoshop & Illustrator

  • Adobe Premiere Pro & Audition

  • MindMeister

  • ChatGPT

  • Midjourney

Problem

Students preparing to study abroad often receive logistical information, but not enough practical preparation for the emotional and social stress that can happen once they arrive. The module addresses that gap by helping learners recognize the stages of culture shock, identify common stressors such as language barriers, homesickness, academic pressure, financial stress, and discrimination, and understand when those issues may become mild, moderate, or severe before they escalate. The storyboard frames the learning goal around giving students practical responses to study-abroad challenges, not just definitions.

solution

I designed Culture Shock Abroad as an interactive e-learning experience that moves learners from concept-building into decision-making. The module introduces culture shock through clear objectives, teaches the four stages through clickable layered interactions, reinforces key ideas with short knowledge checks, and then branches into realistic study-abroad scenarios where students practice choosing appropriate responses. This structure turns a broad emotional topic into something learners can actually navigate: recognize what is happening, name the stressor, judge the severity, and choose a practical next step.

MY PROCESS

1

Define the Goal

I began by identifying the core learner need: helping study-abroad students recognize culture shock, common stressors, severity levels, and practical responses before problems escalate.

2

Design the Solution

I structured the module around clear concept teaching, quick knowledge checks, and branching scenarios so learners could move from understanding culture shock to practicing realistic decisions.

3

Develop the Experience

I built the experience as an interactive Storyline-style module with clickable layers, feedback screens, scenario paths, and a final quiz to reinforce confidence and practical application.

Winner!

define the goal

Action Mapping

Through extensive research, I first identified a series of high-priority actions that both prevent and resolve multicultural conflicts using action mapping.

By interviewing and collaborating with other teacher trainers, practicing instructors as well as ESL students, I narrowed down actionable solutions to the three most critical and practical actions instructors can practice applying in the classroom:

  1. Use a level tone to stop the conflict immediately

  2. After the class talk with students involved in the conflict individually

  3. Take a generalized version of the conflict back to the class as a learning activity

Design the solution

Text-based Storyboard

After identifying the key actions, I crafted a text-based storyboard centered around a the culture shock abroad branching scenarios.

I outlined the introductory slides that introduce the user to the four stages of culture shock, provided examples and led them to the 6 branching scenarios of various severity levels.

Mindful of the theme's sensitive and nuanced nature, I incorporated a positively-worded trigger warning to prepare learners for potential discomfort.

I also introduced a mentor character ‘Allie’ to immerse learners in a novice instructor role while providing guidance and on-demand assistance throughout the experience.

VISUAL PROTOTYPING

Finding the right style

It was important for me to find art direction that would match the theme and the feel of the topic. I went through a lot of iterations making sure I capture the correct mood. Our research indicated that Gen-Z don’t respond well to curated, polished stock photography, so I wanted to find a more stylized illustration style that feels more authentic, hand painted and personal.

I tried various illustration styles: from fairly refined and detailed to minimalist and simple, finally settling on one that struck a nice balance of visual clarity and painterly expression. This style would allow me to capture the rustic, textured feel of Florence while also creating a sense of tension and even alarm to mimic the types of emotions culture shock evokes .This is why I picked a warm/cool, red/blue color palette with beige acting as a neutral background color.

CHARACTER DEVELOPMENT

Finding the right Ingrid and Donovan

Through my iterative development and storyboarding I wanted to have a diverse cast of characters to drive the narrative and branching scenarios forward making them more realistic and relatable. I finally settled on two characters: a Black man named Donovan and a Caucasian female named Ingrid that would resonate with the diverse University of Minnesota student population.

Prototyping

DEVELOPING A style guide

To gather feedback on functionality and interactivity, I designed a rich prototype featuring animations, sound effects, and diverse scenes, providing a holistic experience for testing purposes.

I incorporated ambient sound effects, such as whispers, discussions, and door slams, to emulate a realistic and dynamic atmosphere.

Custom motion paths, like shakes, were also introduced to simulate surprising moments.

iterating & incorporating feedback

before/after

A/B testing. Receiving and incorporating feedback. Show before & after.

development

the Build

Using feedback from the prototype, I developed the final product in Articulate Storyline 360, piecing together the content and multimedia assets. To ensure optimal functionality and user experience, I tested the product with users extensively before delivery.

Based on the feedback, this scenario-based eLearning experience provides an effective and practical solution for resolving cultural conflicts in the classroom.

Results & Takeaways

Testimonials

Although it is a conceptual project, it has been shared within the Instructional Designers' community and with current and former language instructors and teacher trainers and received considerable positive feedback.