The goal was to transform an existing slide deck into a polished, interactive eLearning module while maintaining the original visual design.

The module needed to incorporate interactive elements, visual effects, animations, and a guided learning experience, following the provided design specifications and assets.

• Existing Google Slides presentation to use as the foundation for the module

• Adobe Illustrator visual assets and graphics

• Design template, including visual effects and styling references

• Specified fonts and animation examples

• JavaScript connection game file for potential integration

I began by importing the existing slide deck into Articulate Storyline to establish a visual reference and ensure the recreated elements maintained the correct placement, proportions, and overall layout.

From there, I rebuilt the experience using the provided visual assets, incorporating interactive elements, visual effects, and subtle animations to bring the static slides to life while preserving the original design.

• Interactive Articulate Storyline slides with clickable elements, states, and visual feedback

• A blurred-image effect and disabled button state to guide learner interaction

• Subtle object animations triggered by learner interactions

• AI-generated audio for a pop-up window

• An interactive JavaScript-powered connection game

• Interactive functionality to guide learners through the module

• Articulate Storyline

• Adobe Illustrator

• JavaScript

• CSS

• Microsoft PowerPoint

• Google Workspace

• ElevenLabs (AI Audio Generation Tool)

• Interactive Articulate Storyline eLearning module

• Published Articulate Review link for viewing and testing the experience

• Editable Articulate Storyline source file (.story)