Aliyah Marr’s E-Learning Portfolio

Making online/video tutorials is something that I have been doing for years. The software used by my last client, MediaBistro, required that I cut the video/sound in one shot; editing was not allowed. So, I could not make a mistake or I would have to do the recording all over again. I had to read from a script while running the accompanying visuals on screen. I felt a bit like a Chameleon, with one eye on my paper and the other on the computer. The students reported that my tutorials were their favorites. I like to think that the students enjoyed my sense of humor. In the end I created over 100 movies for MediaBistro.

The Gummy Bear Awards for Sticky Websites

I coined the phrase, “Gummy Bear Awards” for this tutorial on how to make websites more “sticky” throughgood web design. :-:-: More e-learning projects –> This tutorial series is from […]

Better Faster Web Design Using a Grid

How to use a grid in web design :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that I created […]

Design Police Report 5 Web Design Crimes

In this tutorial, I get to be the police officer and report on crimes in web design. :-:-: More e-learning projects –> This tutorial series is from the collection of over […]

5 Simple Principles of Perception in Web Design

Tutorial: How Gestalt principles can be used in graphic design. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that I […]

Lessons From the Bauhaus

Applying basic principles from the Bauhaus movement to web design. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that I created […]

The Structure of a Well-Designed Website

In this tutorial series, I show my students how to design websites with outstanding site architecture. :-:-: More e-learning projects –> This tutorial series is from the collection of over […]

Informational Overload in Web Design

What happens when the client gives you too much information, and how to fix it with great design. :-:-: More e-learning projects –> This tutorial series is from the collection […]

Typography in Web Design

How to use typography effectively on the web. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that I created […]

How to Use Color in Web Design

A tutorial on how to use color on the web: principles and good practices. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials […]

Comedy Club: Humor in Web Design

A tutorial on how to use humor in web design. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that […]

Self-Marketing With Online Portfolios

In this tutorial I outline a set of practical techniques that you can use to jump-start your creativity. :-:-: More e-learning projects –> This tutorial series is from the collection of […]

5 Makeover Web Strategies: how to makeover a website

5 Makeover Web Strategies: how to makeover a website :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers that I created […]

Fishing Around for Inspiration?

In this tutorial series, I reel in a whopping netful of free online inspirational resources for designers. :-:-: More e-learning projects –> This tutorial series is from the collection of […]

Designers With Double Lives

In this tutorial I profile four professional designers who spend their “off hours” working on personal creative projects. :-:-: More e-learning projects –> This tutorial series is from the collection […]

Unusual and Fantastic Web Design

A walk through the unusual and fantastic in web design today. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for web designers […]

What Drives Interactive Design?

E-learning module demonstrating how to drive traffic through a site using UI. :-:-: More e-learning projects –> This tutorial series is from the collection of over 100 video tutorials for […]

Smash That Creative Block!

In this tutorial series, I outline a set of practical techniques that you can use to jump-start your creativity. :-:-: More e-learning projects –> This tutorial series is from the collection […]

The process of producing these e-learning tutorials was very involved:

ideation
brainstorming with the editor
gathering the content (visuals)
arranging the information
writing the voice-over script
cutting the video/voice-over
editing the video/sound
uploading the finished files

One of the biggest e-learning projects I worked on was the Hummer multimedia repair manual for the Army. I designed and programmed the interface, and then headed up a team of designers to create the interactive movies. The manual included text, video, voice-overs, graphics and sound in two languages inside an interactive interface. The final project included hundreds of files and movies. We achieved this herculean feat in less than 6 months.