E-Learning Developer
Multimedia and Graphic Designer
imagine :: create :: inspire :: elevate
experience & education
Senior ELearning Multimedia Designer/Programmer - Leidos, Inc.
Sept 2022 - Present: Create interactive and engaging training as part of the Mobile Applications and Gaming for Intelligence Courseware ("MAGIC") team supporting the Department of Defense and related industries.
More9/6/2022Sr. ELearning Multimedia Developer and Graphic Designer - Leidos, Inc.
1/08/21 - 09/02/22: Designed and developed ELearning, multimedia, and graphic solutions for a government contractor supporting the FAA.
More1/8/2021Principal ELearning Specialist - BAE Systems, Inc.
1/07/19 - 01/07/21: Sector-level Sr. ELearning Multimedia and Graphic Design specialist for BAE's Electronic Systems' sector.
More1/7/2019Sr. ELearning Multimedia Developer and Graphic Designer / Consultant - Fidelity Investments
03/11/11 - 12/31/18: Sr. ELearning Multimedia Developer and Graphic Designer / Consultant for Personal Investing Learning & Development group.
More3/7/2011Freelance - 2004-2017
Freelance ELearning Multimedia Developer and Graphic Designer supporting corporate and higher education clients.
More12/31/2017EDUCATION
Masters degree in Educational Technology (not completed); and Bachelors of Science, Psychology - Texas A&M University (Graduated)
More12/19/2008elearning
Storyline Course with Branching
Online example includes an AI help “chat bot” (Cluelabs). Open the link below, and look in the lower right of the window (Click the ? chat bubble).
http://kmversteeg.epizy.com/sl/IDA/story2kv.htmlMisc Storyline Layouts (with and without Motion Gfx)
Used After Effects to create motion graphics and placed clips into Storyline. This sample includes both motion layout and 100% Storyline layout themes.
View sample layoutsStoryline Micro-ELearning Interface
“M.E.M.O.” = Micro ELearning Mastery Opportunity: Interface designed using Adobe Illustrator, Adobe Photoshop, Vyond, and built and published in Storyline. Concept created by Kathy V. as a means to socialize/increase knowledge ELearning design standards for non-designers tasked with ELearning development.
M.E.M.O.Storyline with Vyond Animated Content
Cost of not hiring the right employees. Built in Vyond and published in Storyline.
“Hiring@OurCo”Storyline Sample
Standard course built using Storyline, visual assets/graphics in Photoshop and Illustrator.
Storyline SampleStoryline with Animated (MP4) Content
http://kmversteeg.epizy.com/sl/nav/story.htmlStoryline with Animation (Originally created in Flash)
http://kmversteeg.epizy.com/sl/IM/story.htmlStoryline Template Designs
Low-poly template design in multi-color options.
Storyline template designs
Captivate Sample
“How to Create a Custom Character in Vyond.” Animation built in Vyond. Compiled and published in Adobe Captivate.
Captivate Sample
Domiknow Course
Built using Domiknow (Formerly "Flow") One.
http://kmversteeg.epizy.com/flow/cmo/index.htmlDomiknow Course
http://kmversteeg.epizy.com/flow/find/index.html
Lectora course
Note - This sample was published using a trial version of Lectora, so functionality is limited.
http://kmversteeg.epizy.com/lectora/ss/index.htmlLectora Course
Very abridged sample of interviewing course. Note - This sample was published using a trial version of Lectora, so functionality is limited.
http://kmversteeg.epizy.com/lectora/pbi-up/index.html
Gamification - Authorware Course
My first ELearning project, 2001. I designed and developed a mandatory employee Information Security Policy Awareness course with interactive scenarios and games within a relatable, customized visual interface built using Authorwae and Adobe CC. (Note: Since modern browsers do not support Authorware web-published content, I had to create a screencast video on my laptop running an executable, or “.exe” packaged version of the course to demonstrate it in action.)
https://360.articulate.com/review/content/1a7a15b7-b81f-4393-aeac-24269616c100/review
multimedia / animation
Vyond animation with Interactive Storyline ("KV's Office")
Vyond animation with background graphics created using my iphone and Photoshop; and audio narration recorded on iphone; and then edited using Adobe Audition, along with background music. CLICK LINK BELOW TO VIEW INTERACTIVE STORYLINE - Watch the animation all the way through to get to interactive Storyline. Developed and published in Storyline.
View Storyline interactive version here!
After Effects and Storyline
Animated intro
https://360.articulate.com/review/content/68cbbac3-0cc1-4166-88bf-8a4f4cfee704/review
graphic / user interface design
Multi-format examples throughout the years. Samples here include photo retouching, engineering diagrams, medical illustrations, engineering UI, to learning interfaces, logo design, and many more.
Course Interface
Designed in Photoshop and published in Storyline.
http://kmversteeg.epizy.com/sl/IM/story.htmlLectora Course User Interface
http://kmversteeg.epizy.com/lectora/pbi-up/index.htmlStoryline Template Designs
https://360.articulate.com/review/content/bbb1b53b-0959-4ee6-a4fb-104db554dab4/review
UI designed for online interactive job aid I created using Domiknow, Illustrator, Photoshop, and CSS styling for various design elements.
View CMO job aidIllustrator/Photoshop
Used Illustrator and Photoshop to modify this infographic to create an engaging user interface in Domiknow to create an interactive job aid.
http://kmversteeg.epizy.com/flow/find/index.htmlCourse Intro Page
Web page built using D2L Brightspace (web-based course content management system); graphics designed using Illustrator and Photoshop. Modified HTML source code and applied CSS styling throughout to create consistent aesthetic to match overarching brand. I created several of the "badge" graphics which were awarded at the completion of each module in the series. (several examples included in this portfolio)
Course Intro
Built using Brightspace; graphics/banner designed in Photoshop and Illustrator. Created a brand palette using hex colors. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling with chosen hex colors throughout to create consistent aesthetic.
Fictitious logo
Branding design/logo. See it in context at the link below.
http://kmversteeg.epizy.com/flow/cmo/index.html
What are CMOs?
Infographic designed to visually explain Collateralized Mortgage Obligations (CMOs) on a Quick Reference Card PDF. Audience was financial customer services call center representatives. See the full quick revenue guide PDF in the attached link.
http://kmversteeg.epizy.com/flow/cmo/assets/1DAF3371-B6D4-1CD9-5B06-B3A627D38DBB.pdf
Marketing Brochure
Designed using Photoshop, Illustrator, InDesign, and published as PDF.
View full brochure PDFFull page magazine ad
Advertisement in SHRM magazine for MindEdge (Online learning provider for Corporate and Higher Education - mindedge.com). Designed using Photoshop and Quark Express, output as PDF. Client wanted minimalist style. I chose this image to convey the message, and the client loved it.
View full adHigh School Event Program
Designed using Photoshop, Illustrator, and published using MS Word (The school wanted to have an editable file of this for future use, and they , used MS Word)
http://kmversteeg.epizy.com/doc/rDay.pdf
Sumi-e
My one and only attempt at Sumi-e painting.
Sumi-e: All You Need to Know About Japanese Ink PaintingMT
Coolest dog on the planet. Hand sketch from a photograph. (In case you're wondering, she's wearing doggie rain boots which were unfortunately, one size too big. She looked a bit like a Queen Anne chair wearing these. She stood still long enough in them for me to take the original photo, then promptly kicked off and sent all four boots flying, never to be seen again.).
website layouts
professional associations
past clients
sorry!
I no longer have that original page on my site, but here is that chart image:
However...Click here for more complete bead size charts and related info. Hope this helps!
documentation
