Maintaining Positive Guest Relationships

Scenario-Based eLearning Training
Image of "Maintaining Positive Guest Relationships" title screen is open on a laptop. A person is typing on the laptop with a coffee on their desk.
Audience
New and current Guest Ambassadors at the Wildlife Safari Park
Responsibilities
Instructional Design, eLearning Development, Visual Design, Storyboard, Mockups
Tools Used
Articulate Storyline 360, Affinity Designer 2, Canva, Google Docs, Google Slides, MindMeister

The Problem

This concept project involves the Wildlife Safari Park, which is comprised of 5 locations across the United States. However, the Guest Ambassadors at the park lack the necessary training to handle guests in a courteous and efficient manner. 

Consequently, visitors are having unpleasant experiences with the Guest Ambassador staff, leading to a decrease in the number of visitors and funding for the park and its animals.

The Solution

This experience demonstrates the scenario-based eLearning solution. To further facilitate learning transfer, it can be supplemented with a Mentoring Program that provides additional support in real-world application.

My Process

I began this project by drawing on my personal on-the-job experiences to generate a concept. I brainstormed this idea further and organized it into an action map. From there, I created a text-based storyboard and wireframes for each slide type. 

To enhance the wireframes, I chose suitable graphics and designed visual components to build a cohesive image. Finally, I utilized Articulate Storyline 360 to develop the project. 

Throughout the process, I refined each step through several iterations and collected feedback from my peers.

The action map for this project was created in Mind Meister with the business’s objective as the starting point. This lead to four core values that would be at the center of the Guest Ambassador's training. 

In order for the training to be successful, staff have to not only understand these principles but put them into action. The map branches into examples of what these behaviors may look like.

Text-Based Storyboard

Using my action map as a guide, I developed a written storyboard. For this project, I acted as the Subject Matter Expert and drew from my experiences on the job. I wrote a script that would allow the learner to confront real-life situations and emotions. 

The consequences after each decision provides the learner with immediate feedback and the ability to reassess the situation in a risk-free environment.

Throughout the experience, Liam the Lion serves as a mentor to guide learners towards the correct answer. Learners can also access a job aid at any time during the training to assist them, which is available for download and future reference after completing the course. This allows the students to take control of their learning and refer to the job aid or their mentor whenever necessary.

Visual Mockups

Creating immersive visuals was a priority for me in this project. I created a mood board in Google Slides to help narrow down the look and feel I wanted the project to display.

After drawing inspiration from these photos, I curated a color scheme for the project. To ensure the project is accessible for all users I utilized the webaim.org Contrast Checker when selecting font colors for button mockups.

Image of a mood board containing cartoon background, people, and zoo-related items.
Image of a style guide containing 6 color swatches, 2 button mock-ups, and 3 test fonts.
No items found.

I began developing wireframes for the project by focusing on balance and spacing for each slide. After this, I swapped out place holders for images and filled empty boxes with text. This iterative process helped me to envision the final project and refine the overall design.

Google Slide wireframe of the slide where the mentor is introduced.
Google Slide wireframe of the slide where the guest approaches leading to a prompt with response options.
Google Slide wireframe of the slide where the intro transitions to the interactive experience. There is text in the box.
Google Slide wireframe of the slide where the intro transitions to the interactive experience. There is text in the box and graphics on the slide.
No items found.

To design the slide backgrounds, I worked with Affinity Designer 2. Using a combination of separate elements and images, I was able to arrange and create visuals as needed to form a cohesive scene.

In this image, I took on the task of creating several elements including the fence, sand, water, and building. To give the grass and pathway a more natural appearance, I utilized gradient coloring.

Image of a slide background containing a walkway, building, and a fenced in area with trees, monkeys, sand, and a pond.

For the characters in this course, I imported  images from freepik to Affinity Designer 2 to modify them for the project.

Image from within the Affinity Designer 2 software showing a vector character with the original color and components on the right and the new character creation on the left.
Image from within the Affinity Designer 2 software showing a vector character with the original color and components on the right and the new character creation on the left.
No items found.

Full Development

As I progressed through the project, I actively sought feedback from my peers on both the aesthetics of the layout and the organization of each slide. 

One area where feedback was particularly helpful was on the images used in the course to ensure that they effectively conveyed the feeling of being at a wildlife safari park. 

I adjusted some of the backgrounds and character placements to avoid unnecessary overlap and create a more cohesive design.

Image of a guest on the slide, a tree is directly behind her head, the continue button is partly on the grass and on the walking path, there is a plant directly behind her leg.
Image of a guest on the slide, the tree has been removed, the continue button is located up in the text box, there is a plant off to the side.
No items found.

One unique feature of the final product is the ROAR customer service acronym that I created to align with the core values of the training. This provides a memorable and practical tool for learners to apply to their work.

Using Canva I created a job aid of the ROAR acronym. To enhance the user experience, I decided to differentiate the downloadable version of the job aid from the in-course version. The downloadable version was designed to be visually engaging and aesthetically pleasing, while the in-course version was simplified for clarity and ease of use.

Image of the ROAR acronym used in the project.
Image of the ROAR acronym available for download. Contains an image of Liam and a title "Use Your Roar".
No items found.

Early on, I chose to make the mentor character a zoo animal, which is a creative twist that I haven’t seen in similar projects. I wanted to bring a sense of joy into the learning experience.

By incorporating these distinctive elements I was able to create a final product that effectively met the project goals and stood out with its unique features.

Image of Liam the Lion character.
Image of Liam the Lion's head used as an icon in the project.
No items found.

Takeaways

After completing this project, I realized that breaking down the process into deliberate steps with iterative revisions was invaluable. For the first time, I proactively sought feedback before starting work in Storyline. Creating the action map helped me to organize my thoughts and set learning goals for the training. I am excited to implement the techniques I learned in future projects to deliver effective eLearning content.

Projects

Say hi!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.