Portfolio of Sample Courses

showcase

NOTE: All the following course are interactive. Click each picture to launch the SCORM in HTML5 and enjoy the show.

Rebranding, Redesigning and Revamping Dated Course

I’ve had a lot of practice in improving courses. Although a simple rebranding is typically required, many changes were made, such as:

  • I ensure that Learners are given the affordances required to easily get through the content while enhancing Learner engagement through more interactive activities.
  • Converted flash elements to buttons for mLearning compatibility.
  • Courses were done in layers initially. For efficiency, I converted everything to states and shared actions. This greatly improved the performance of the courses. States and shared actions also increased development time substantially.

Step 1: Old Version (evaluate what to keep and leave behind)

sepb-convert-1

Step 2: Imported into Adobe Captivate 9

sepb-convert-2

Step 3: Redesign

Changes: More white space, a less distracting background, check marks to notify user of what hasn’t been visited and the removal of clip art.

sepb-convert-3

  • Repeat process for 140 slides.

PowerPoint to Captivate 

I designed and developed this course, with narration, in two months to meet a deadline. I could not have done it without fabulous SMEs, a talented graphic designer and Office 365

The following Confined Space Entry course, a 119 slide course, was converted from a 180 slide PowerPoint with typical slides as follows:

PPT.PNG
cse-question

 

From Storyboard to Branching Scenario

Typically, I follow best practices and plan out course designs on paper before I begin designing.

The following branching scenario could be used in the above Confined Space Awareness course to apply Learner knowledge, to engage and to better address visual and tactile learners.

First the story board:

cse-storyboard

Then, wire frame sketches:

I won’t pretend that I can draw, so I’ll exclude a wireframe from my ePortfolio but emphasize that it can be a very useful tool in the design stages of any online course.

Finally, the development of the scenario and course:

development

M.Ed. Program Project, Graphic Design and Branching Scenarios

This little design was something I created for a assignment in my Master’s program. it was meant to convince mothers that Minecraft can be educational.

Graphic Design was also a key consideration in this design. So far, I’ve had to follow templates and strict policies regarding the look and feel of corporate branding. This creation allowed me total freedom.

This design included branching scenarios, which was relatively simple to organize in Articulate Storyline.

minecraft-mainpage

Alternative to Storyboarding and Wireframing

There are plenty of alternatives to wireframing and storyboarding, such as good old pen and paper. Being proficient at authoring tools myself, I like to slap together a short demo of a proposed product to present to management. Here’s an example of a product that was both a promotional tool and an onboarding tool.

onboarding

Linear Design 

This example was created to demonstrate my understanding of Captivate and adult learning theory. It is a straight-forward linear design with interactive activities but no branching scenarios.

Training.PNG

Overview of more courses

I rebranded and helped redevelop all of the following courses plus helped in the creation of the Combustible Dust courses.The Confined Spaces course was my responsibility.

MSABC Courses.PNG

Playing with Storyline’s Slider and Timing Cues

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.