Case Study: E-Learning Modernization & AI Integration

Executive Summary

This project demonstrates the transformation of a traditional K-12 classroom presentation into an interactive, digital-first e-learning module. By integrating modern instructional design principles and leveraging AI tools within Articulate 360, a static 2009 PowerPoint lesson on Food Webs & Producers was upgraded into an engaging, multi-modal learning experience.


Project Overview

AttributeDetails
Project TitleFood Webs Part 1: Introducing Producers
RoleInstructional Designer & Subject Matter Expert
Target AudienceK-12 Science Students
Tools UsedArticulate Storyline 360, AI Generation Tools, Microsoft PowerPoint
DeliverablesInteractive E-Learning Module, Original Presentation Comparison, Complete Storyboard PDF

The Challenge

  • Legacy Format: The original educational material relied on standard PowerPoint presentations designed in 2009, which lacked interactive elements and self-paced navigation.
  • Student Engagement: Modern learners require dynamic visual storytelling and interactive checkpoints to maximize comprehension and retention of complex scientific relationships (such as energy transfer in food webs).

The Solution

  1. Instructional Re-engineering: Refactored the core content using a detailed storyboard to map out learner pathways, voiceover scripts, and interactive triggers before authoring.
  2. AI-Enhanced Assets & Layouts: Leveraged AI capabilities within Articulate 360 to generate advanced visuals and streamline the development of interactive interactive components.
  3. Multi-Format Presentation: Embedded both the legacy slides and the new interactive module side-by-side on a web portfolio to visually demonstrate the evolutionary jump in instructional quality and tech adoption.

Key Features & Highlights

  • Interactive Storyline Module: Integrated seamlessly via web hosting (story.html) to allow students to manipulate elements and learn at their own pace.
  • Side-by-Side Comparison: Clear narrative and visual contrast showing original 2009 animations versus modernized Articulate 360 interactives.
  • Comprehensive Storyboard: Downloadable PDF documentation providing full transparency into the instructional architecture and script layout.

Results & Impact

  • Portfolio Showcase: Successfully created a compelling portfolio asset highlighting a complete overhaul of legacy instructional materials using modern e-learning tools.
  • Scalable Framework: Established a repeatable framework for converting traditional classroom decks into interactive, AI-enhanced e-learning courses.

Introduction

Below are two different presentations of the same original. I have been making PowerPoint presentations for my students since I started teaching way back in 2009. I have gotten really good at them and can create fun animations. As I have grown as a teacher and new platforms have come out, I have been able to work with AI in Articulate 360 to create an updated version with more advanced visuals and interactive capabilities. These examples show what I was able to do before the resources I have now, and then what I have been able to do with the resources available to me now. Below both presentations is a copy of the storyboard for this presentation. I hope you enjoy my lesson.