top of page

E-Learning Content

My passion is to help people learn. I love turning "boring" learning materials into engaging "stories"! Please take a look and have fun!

Interactive History Timeline

This is a performance support I created for a learning management system of a bank. The interactive timeline allows learners to explore the information on their own pace.

It was created with Articulate Storyline and Illustrator.

Self-Installation Guide

This is a e-learning challenge project I created for a telecommunication company. It is a self-installation guide for customers. The guide consists of three parts - what is in the package, installation process graph, and installation simulation practice.  

It was created with Articulate Storyline, Illustrator, and Audition.

This is an e-learning training module I created for a teller training program in a bank. It uses a story to describe the referral selling scenarios and possible solutions. 


It was created with Articulate Storyline and Illustrator. 

Referral Selling Skills in Bank 

This is my first Articulate Storyline project!! It is a game-based module to teach rules of Rock-Paper- Scissors-Lizard-Spock. It received the Excellence Award at Florida State University Digitech Showcase.

It was created with Articulate Storyline and Photoshop. The game part is developed with Javascript. 

Play Rock Paper Scissors Lizard Spock with Big Bang

This is an interactive presentation I created to introduce the basic concepts of instructional design. It uses a character to engage and facilitate students' learning.

It was created with Articulate Storyline and Illustrator/Photoshop.

Instructional Technology Hero

This is an interactive object I created for a cybersecurity course. Students need to find the law related objects and identify the matching law and policy.


It was created with Articulate Storyline, Illustrator and Audition. 

Scavenger Hunt
Brain Structure

This is an e-learning module that I designed and developed to teach the brain structure and functions. The scenario was used to foster the engagement.


It was created with Articulate Storyline, Photoshop and Illustrator.

This is an e-learning content I designed and developed for a web design course. It utilized the metaphor of "robot and building" to describe the file structure and naming conventions. The gamification strategies were used to foster engagement and transform challenging concepts into opportunity for interaction.


It was created with Articulate Storyline and Illustrator.

The Robot and the Building
bottom of page