eLearning
This eLearning experience follows the story of Joseph, a newly hired training specialist, as he takes on his first major project.
Joseph’s First Project
Training Decisions
Audience
New training Specialists
My Role
Instructional design, storyboarding, mockups, prototype, visual design, eLearning development.
Tools Used
Articulate Storyline 360, Freepik, Canva, Google Docs, Chat GPT, Artistly AI,
Artlist.io, and Genially.
The Problem
New training specialists often struggle to develop effective training materials, which has led to repeated customer complaints and forced other trainers to redo their work, resulting in wasted time and resources.
The Solution
My Process

Action Map
Text-Based Storyboard

Visual Mockups
I created a mood board inspired by a professional business environment, featuring a mix of younger and experienced professionals to reflect the target audience. From there, I developed a style guide to maintain consistency throughout the course. The design focused on realistic characters, cohesive office environments, and a color palette that complemented the selected imagery, resulting in a polished, professional learning experience.


Interactive Prototype
I developed an interactive prototype in Articulate Storyline, incorporating visuals, animations, and graphics that aligned with the course narrative. My goal was to create a realistic and engaging experience that immersed learners in the story while supporting key learning points. Rather than relying solely on text, I used visuals, icons, and voiceovers to help learners connect with the content and maintain engagement. To capture attention from the start, I introduced Joseph, a new Training Specialist, and his first project assignment. The opening scenario highlights the importance of being prepared for a client meeting and gathering the information needed to develop effective job-specific training. Through storytelling, animations, and voice narration, I created a strong hook that guides learners through the training development process and keeps
them engaged throughout the experience.


Full Development
After incorporating feedback from the interactive prototype, I completed the development of the remaining course content. Using the storyboard and visual design mockups as a guide, I built the course in Articulate Storyline 360 and refined the user experience through multiple iterations. The course includes interactive activities, knowledge checks, mentor-guided feedback, and purposeful transitions designed to keep learners engaged while supporting the learning objectives
Results and Takeaways
Design Process
I used the ADDIE model to guide the project from analysis through development. By collaborating with a subject-matter expert and applying action- mapping techniques, I identified the performance need and designed a learner-centered solution. Storyboarding and visual mockups helped establish a clear direction for development, ensuring consistency and alignment with the learning objectives.Working with an SME
Partnering with a subject-matter expert was essential to understanding the process, identifying key learning requirements, and ensuring content accuracy. Their expertise helped shape realistic scenarios and practical learning activities.Graphic Design
This project allowed me to further develop my graphic design skills by creating a cohesive visual experience. Selecting the right color palette, imagery, and layout helped support the course content while maintaining a professional and engaging look.Storytelling
One of my biggest takeaways was the importance of storytelling in eLearning. Creating a compelling narrative helped capture learner attention, establish relevance, and increase engagement. A strong story and meaningful scenario can transform content from informational to immersive, making learning more memorable and impactful.

