Instructional Design Portfolio
Instructional Design Portfolio
Embedded Files
Storyline Animation | Social Media Training
Storyline Animation | Social Media Training
This project was created for a Fortune 500 tech company. When designing this learning experience, I decided to go with a more modern design with full-bleed images and overlaid text. The onscreen elements animated on in sync with the audio to support the key concepts being taught to visually reinforce.
Tools: Articulate Storyline, Adobe Photoshop, Audacity, Snagit
I designed the screen above using Adobe Photoshop for image editing and Articulate Storyline 360 for learning construction. The image is overlaid by the globe with reduced opacity using photoshop. The concept being portrayed via this image is that although you may think you are alone on the Internet because no one is physically around you, what you share on social media can spread around the world in minutes. The dashed lines and person icons quickly and suddenly engulf the screen to emphasize this principle.
Custom Navigation | Authorized Spokesperson Program
Custom Navigation | Authorized Spokesperson Program
This project was created for a Fortune 500 tech company (black shapes are in place to ensure confidentiality).
It was requested that I again implement a custom navigation solution for this course, as Modern player didn't exist and the client didn't like the standard player.
The next arrow navigation would pulse when the screen duration was complete, white for dark backgrounds and blue for light backgrounds. All of the navigation logic leveraged Master Slides in Articulate Storyline 360.
Tools: Articulate Storyline, Adobe Photoshop, Audacity, Snagit
Built Logic | Developer Zone Program
Built Logic | Developer Zone Program
This project was created for a Fortune 500 tech company (black shapes are in place to ensure confidentiality).
The client wanted me to implement a custom design created by a design agency within Articulate Storyline 360 for a learning program that would be primarily consumed via mobile and tablet devices. The main content type was video, which explains the design choice. This was during the stage of storyline when the mobile responsive feature was not excellent.
The biggest challenge here was creating custom navigation logic as I was unable to use the built in navigation to adhere to the graphical design.
Tools: Articulate Storyline, Adobe Photoshop, Audacity, Snagit
Simulation | Headcount Dashboard
Simulation | Headcount Dashboard
The same unnamed Fortune 500 Tech company request the creation of a software simulation training for a new software application used to manage attendees for in person events.
For this training, I leveraged Articulate Storyline 360’s Demo and Try scenes for software simulations. The client was very happy and the training was a successful tool to train event staff on the use of the software application.
Tools: Articulate Storyline, Adobe Photoshop, Audacity, Snagit
Podcast | Business Model and Strategy
Podcast | Business Model and Strategy
The famous unnamed Tech company requested a demonstration of a video podcast which can be viewed below. I created the intro and outro animations and the video using TechSmith Camtasia.
Tools: Camtasia, Audacity, Adobe Photoshop
business_models_strategy_podcast_lower_third.mp4Graphic Design | Small Digital Productions
Graphic Design | Small Digital Productions
Designed the branding of Small Digital Productions, a video production business.
Tool: Adobe Photoshop
Front of Name tag
Back of Name tag
Page updated
Google Sites
Report abuse