Hi, I'm Shannon McCelvey Page, an Instructional Designer, Content Developer, and L&D professional from Texas.
Selected Works
Metrics for Deliverables
Articulate Storyline 360 | Adobe Illustrator | Powerpoint
In this learning module I knew that I had a lot to cover and wanted to make it geared toward those actually using the content in their day to day lives. As such, I chose to utilize Merrill's 5 Principles to engage my learners. I activated their existing knowledge with a real life scenario and kept it problem centered. My fictional character, Danielle, is struggling with using the correct metrics with her stakeholders. She used tools from the PMBOK 7 and explored them along with the learner. During the scenario learners were given multiple examples as well as creating their own KPI dashboard. Although they are locked into the learning module the first time through, they can revisist sections on the second go round. Additionally, I chose to leave the scrub option available to the learner so that they can skip if needed.
PMP General PMIisms Course Overview
Articulate Storyline 360 | Articulate Rise | Adobe Illustrator | Adobe InDesign
This project is a general overview of Rita Mulcahy's general PMIisms with two Storyline Interactions. I customized the Rise template assets using the Adobe Suite and embedded two interactive Storyline Elements into the course.
PMI Kickoff Stakeholder Map Activity
Articulate Storyline 360, Adobe Illustrator
This was a lot of fun for me because I got to use my passion for PMI and the Kickoff course that I took. An outside partner requested that I build a Storyline Template to use with the empathy map that is in the PMI course. The, my favorite business professor and I collaborated on questions that would relate to what they are working on in class. This way, going forward, I have a Storyline template that can be adapted for use in multiple places when the outside partner decides what knowledge they would like to focus on.
PMBOK 7 | Vocabulary, Acronyms and Formulas
Articulate Storyline 360 | Adobe Illustrator
A client recently asked for an interactive way for students to practice their terms, formulas and acronyms in an interactive way. Essentially, I took the reference text that I had created to use in a corporate partner's Rise course and created flashcards divided into three scenes for practice rather than just a static glossary. Each flashcard is accessible through keyboard shortcuts as well as using the built in navigation controls in Storyline.
During the second iteration, we decided that they needed to be able to quickly navigate 'home' so I created the home icon in illustrator and linked it on the master slide so that the learner could quickly return to find a new focus if they chose to do so.
Project Management: Building a Bridge
Articulate Storyline 360, Adobe Illustrator, Adobe Photoshop, Camtasia
In this challenge I used an mp4 from Pexels to create a looping gif (Cinemagraph with one moving element) in Camtasia. I wanted to continue bulking up my portfolio with reusable templates for a corporate partner focusing on Project Management. I was able to create a new button set and incorporate some animations in the contextual menus as well as custom toggle switches and a gradable quiz at the end with fun sound effects for interest.
Building a Sustainable Workout Habit
Rise 360
This is an excerpt from a course that I wrote called Breaking Up With Your Gym which is a lifestyle course for the Office of Professional Learning. I used graphics from Freepik and modified them in Adobe Illustrator. I then wanted to learn more about Rise as a a new authoring tool. Ultimately. I exported it to a scorm package and uploaded it to an LMS. In my opinion, scorm packages should be modules in a course hosted on an LMS rather than the entire course itself.
It was great to be able to work with the new authoring tools. Overall, I think if there is a course that is very textually heavy, or if it needs an online textbook look, Rise is a fast and fun way to go.
I also love to intersperse some of my Storyline packages within Rise to give more interaction to the learner.
Mario PM Challenge
Articulate Storyline 360 | Adobe Illustrator | Adobe InDesign
In this project, I was tasked with coming up with a new way to present information from a chart on Project Management. Since the content had been presented previously, I chose to challenge the learner by making it into a game. The music is from freesound.org and the "Italian Character" is from freepik.
Project Management Outline
Articulate Storyline 360, Adobe Illustrator
I enjoyed this because one of the partners I work with is a firm that specializes in Project Management. This was an easy way to get practice in on button states while also giving participants an overview of what the structure of the course was. Additionally, I was able to play with custom buttons and states while also thinking through the way the courses would be structured.
PMBOK Phases | Drag and Drop - Coffee Theme
Articulate Storyline 360, Adobe Illustrator, Camtasia
This was created for an professor to help her Project Management Students understand the phases of Project Management. The students were tasked with an everyday process and then had to disseminate which phase each task falls under. At the end, they were scored accordingly. When I uploaded to the LMS, they were able to take at as many times as they wanted to so that they could have a score that they were happy with and they were able to practice it as much as they needed to. The initial opening screen is from storyblocks and I made the graphics with Adobe Illustrator and then added them to Articulate Storyline.
Industry Capablilities
Articulate Storyline 360 | Adobe Illustrator | Adobe InDesign
This was a fun interactive to show off the different capabilities listed on a partner's website. The challenges I ran into were that the graphic they chose to use does not have a corresponding capability per grid. Therefore, there was some confusion on this first iteration. Currently, this is a WIP, but it is so much fun to illustrate how many ways to use a state change in Storyline that I just couldn't pass up adding it here.
Kirkpatrick's Model
Articulate Storyline 360, Adobe Illustrator
This challenge was fun for me because I love working with different types of quizzes and wanted to review Kirkpatrick's Model while incorporating some of my own designs. I created the buttons and interactive elements in Adobe Illustrator and added them to the Storyline file. This also challenged me to come up with a way to make directions look approachable and fun, and I think that it came out well. Additionally, the quiz gives a graded slide and the participant is able to retake as many times as needed.
Keys to Kickoff Meetings | Working With OPL
Articulate Storyline 360 | Adobe Illustrator
In this Storyline Package, I wanted to give an overview of what a new partner might hear in our Kickoff Meeting. Some of the fun interactions included using motion paths on the graphics as well as timing the AI voice to the emphasis animations. All of the graphics were made in Adobe Illustrator and then exported as scalable SVGs to make sure they did not pixelate.
Project Communication
Articulate 360 | Adobe Illustrator | Adobe InDesign
This was a fun project in which I tested myself to see if I could make a course in Rise look less 'blocky' than they usually do. I implemeted custom graphics which I created in Adobe Illustrator along with the content requested for a visual/verbal connection.