This scenario-based eLearning concept project was developed for Immunotek. Immunotek is a plasma donation center. This elearning will help the learner prepare for their first day as a Phlebotomist at Immunotek.
Audience: New Hire Phlebotomists
Responsibilities: Instructional Design, eLearning Development, Visual Design, and mock-ups
Tools Used: Articulate Storyline 360, Adobe Illustrator, Adobe XD, Adobe Photoshop
The Process
I approached this project by first creating an action map with guidance from the SME, a current client. The action map informed my development of the text-based storyboard. From there I created visual mock-ups of the project in Adobe XD for approval and developed a visual storyboard with programming notes.
While waiting on approval for the visual storyboard, I began work on a prototype in Articulate Storyline 360. After the client gave feedback on the prototype, I finished up the project in Storyline, making adjustments where requested.
Once the overall visual design was agreed upon, I combined the text-based storyboard with the visuals to create a visual storyboard. In this, I included programming notes and files that would be needed for the project.
There are two areas of this project that I’m personally proud of.
Custom Visuals: I sourced each visual asset from an image repository and edited them using Adobe Illustrator and Adobe Photoshop to maintain immersion and cohesive look. This included resizing, editing layers, recoloring individual elements, and merging assets.
The second feature that I’m proud of is the selecting the right tools to be prepared for the donor screen. I used layers and triggers to provide the user with feedback when selecting the tools.
Takeaways
Through this project, I deepened my understanding and use of Articulate Storyline 360, Adobe XD, Adobe Illustrator, and visual design.
One of the areas that I struggled with was visual design when it came to creating space within slides and aligning elements so the slide flowed well. It took me several visual iterations to be pleased with the visual design of the eLearning experience. But the use of Adobe XD to create these visual mock-ups to make my overall workflow faster than if I had just started creating in Articulate Storyline 360. And now that I know an area where I can improve, I can be more intentional about my visual design in future projects.
If I were to do this project again, I would find a mentor character that I could edit to have different expressions using Adobe Illustrator. Through this project, I got a better sense of how to edit and make vector graphics fit with the story the eLearning experience is telling. I now feel confident that in future projects, I could make characters within the experience come to life more.