Portfolio


Screencast Tutorial

I was introduced to Animaker while taking a course in an Instructional Design Master’s program at University of Massachusetts, Boston. Animaker can be used to produce several types of animated products. On my Home page, I used it to create an animated infographic with information from my resume.

This short tutorial was created using Camtasia.

Tutorial created using Camtasia

Instructional Design Document

Communication Skills for the Pharmacy Technician

This Instructional Design Document is for an instructor-led course designed to improve communication skills that are vital in obtaining a Best Possible Medication History (BPMH).


e-Learning Prototype

This early version of an e-Learning prototype that I created demonstrates a few of my skills in Adobe Captivate:

  • Preventing a slide from automatically advancing
  • Designing a slide to pause until user clicks
  • Creating buttons and custom navigation
  • Building advanced actions, such as the content carousel in this prototype
  • Inserting images and videos

Visual Design

I created this visual aid to be a pocket reference guide for photographers. The content gives examples of how various types of lighting can be used to evoke specific emotions in photographs. Overall, I used a minimalistic design so as to allow attention for the example images that it houses. The rationale behind the design is outlined below.  It was created using Canva and images that were licensed through Shutterstock. 

Focal Point

The eye is drawn to the title with its high-contrast font color, large size, and capitalization.  There is also a simple graphic that borders the title, helping to draw attention to it.

Contrast

There is marked contrast throughout the visual aid by using white, rose ebony, and black as the primary color palette.  

Balance

This pocket guide is asymmetrical, with the most captivating aspects- the images- having the most weight in the layout, as they extend past the vertical center of the guide.  This type of asymmetrical layout helps to entice interest.  

Negative Space

The alignment of the text of various emotions that may be associated with each image type is center aligned.  This helps avoid trapped negative space (in the case of right-aligned), as well as cognitive overload that would be a result of aligning the emotions directly to the sides of the images.

Movement

The intention is for the eyes to be drawn first to the title, then downward through the photograph examples.  To achieve this, two simple vertical lines were added to the design.  Also, the eyes are drawn left to right by placing the images on the left and adding the corresponding text to the right of each image.


css.php search previous next tag category expand menu location phone mail time cart zoom edit close