This eLearning course provides students with the foundational principles and strategies for working effectively in team projects. 

Responsibilities: Multimedia Development, eLearning Development, Instructional Design support (for scenarios)

Tools used:

• H5P 

• Adobe Illustrator

• Figma

• Canvas

Target audience: Undergraduate students

Overview

I was thrilled to join this project with the Rotman Commerce Centre for Professional Skills at the University of Toronto. The instructors at Rotman Commerce noticed students were struggling with teamwork during group projects, a challenge I've also noticed in my own educational experience. Students need to be explicitly taught effective teamwork skills to ensure successful collaboration and preparation for the collaborative nature of workplaces, instead of assuming they will learn it on their own. 

The aim of this project was to develop a free, open educational resource. The result was an eLearning course divided into two parts. The first part targets first-year undergraduates with limited experience in teamwork, while the second part is designed for undergraduates with more team experience. Each part includes four flexible modules that cover various aspects of teamwork skills in an undergraduate setting. These modules use case scenarios, examples, and branching scenarios to address common teamwork challenges. 

My primary role on this project was Multimedia Developer. I designed all the graphics, developed the course in the eLearning authoring tool, and structed it within the Learning Management System. Due to my background in instructional design, I also collaborated with the team to develop scenarios for the course. 

This course is available for download on eCampus Ontario's Open Library.

Process

Analysis 

Working alongside instructional designers, subject matter experts, and individuals experienced with Rotman Commerce students, we identified and ranked common challenges faced by students in team projects. We then examined typical mistakes made during these challenges and consulted subject matter experts to determine the appropriate actions students should take. This approach enabled us to pinpoint key topics for the course as well as scenarios to create.

Scenario Design

Leveraging insights from our analysis, the instructional designer and I crafted various scenarios for the course. Our objective was to provide students a risk-free setting to navigate difficult teamwork situations, enabling them to experiment with their responses and understand potential outcomes. Ultimately, we created one extensive branching scenario and several smaller scenarios for inclusion in the course. I mapped out the branching scenario in Figma, enabling subject matter experts and stakeholders to clearly visualize its flow and effortlessly offer feedback.

Visual Mockups 

I developed visual prototypes of the information slides and scenarios to help the team visualize the final look. Using vector images from Freepik, I modified them in Adobe Illustrator by extracting elements, redrawing sections, and recoloring to align with Rotman Commerce branding. I gathered and integrated team feedback to ensure the images aligned with our project's vision.

Full Development 

We selected H5P for course development as it is a free and open-source tool, enabling instructors from other universities to easily download and adapt the course. H5P's interactive book feature was ideal for compiling diverse content types, including our branching scenarios. Throughout the development process, I presented my work to the team to ensure we were on the right track. After developing the modules in H5P, I structured them in Canvas,  University of Toronto's Learning Management System. We also packaged all course contents so they could be housed on Open Library. Additionally, the course was developed to meet AODA accessibility standards.