Featured Project
Building Strong Teams: Mastering Effective Communication
This immersive scenario-based eLearning concept project was designed to help elevate team dynamics by promoting collaboration, defining clear roles, and fostering an open communication culture.
Problem
This concept project is for a fictional company facing significant challenges with effective communication within its teams. Despite having talented individuals and ambitious projects, the company struggles with miscommunication, unclear roles and responsibilities, and a lack of coordination among team members. This results in missed deadlines, duplicated efforts, and frustration among employees. As a result, the company's productivity and morale are declining, jeopardizing its ability to deliver high-quality products and services to clients.
Solution
By conducting a needs analysis, I confirmed that we could solve this issue with a scenario-based learning experience. The scenario-based eLearning approach provides practical, real-world scenarios that resonate with the audience, enabling them to apply their learning directly to their workplace situations and gain the necessary skills and knowledge to lead their teams effectively and overcome communication barriers.
Action Mapping
In this project, I acted as the Subject Matter Expert (SME), drawing on my experience from facilitating communication and collaboration among diverse groups of students and ensuring smooth operations. The action map included the measurable goal, and the specific actions needed to achieve it. This ensures the resulting project will include relevant, crucial activities for the learner to complete.
Text-based Storyboard
Visual Mockups
I used Figma for creating visual mockups, which happened to be my favorite part of the process. It was exciting to witness the project starting to come to life through the visual representations, and I particularly enjoyed the creative element it brought to the table. To begin, I developed a mood board followed by a style guide to organize my inspiration and maintain consistency throughout the design.
Next, I created wireframes to determine the layout of various elements on the slides, ensuring a polished and professional visual presentation.
Finally, I crafted high-fidelity mockups, allowing me to visualize the project's aesthetics with clarity and detail.
Throughout this process, I learned the importance of making iterations and creating multiple versions tailored to the information presented on each slide.
Interactive Prototype
I developed an interactive prototype using Figma to gather feedback on the project's functionality before proceeding with full development. This prototype featured essential components including the title slide, introduction, mentor introduction, first question, and consequences for both correct and incorrect choices. It offered an initial preview of the project's visual and functional aspects, serving as a foundation for further refinement.
Final Product
After incorporating the feedback I received, I finalized the project design for an immersive and user-friendly experience. The programming features tasteful animations during transitions between elements such as text boxes and slides. I implemented variables and conditions to direct learners to the appropriate consequence based on their selections and added hover states to emphasize potential answer choices. Additionally, I designed unique animations and slightly varied styles for certain screens to enhance engagement.