Parking inspector safety
This interaction uses a 360 street photo with three markers to locate and learn about how inspectors stay safe on the street. Each learning pop up is accompanied by a text to speech option. On the bottom right on the page, you can view your progress out of the three tasks. Review link: Parking inspector safety | Review 360Knowledge Check Drag-Drop-Submit
This slide is from a phishing scam awareness training module I designed. The interactions I like most about it are: An info button that displays on hover reminds the learner of the interaction expectation. The learner must examine the image to decide if they feel it is a scam. Then, DRAG their answer ONTO the picture. Then click submit. Lastly, there is custom feedback. Throughout the scam module, the learner sees a "hacker." When they answer a KC correctly, they win against the hacker; when they answer incorrectly, they lose. My attempt at adding a bit of gamification to the module. I was first going to build the knowledge check (6 questions total) as true/false questions without any visuals. But, I really wanted to include a practice that mimicked what the learner would have to do in real life, i.e., visually scan the email and make a decision.Tricks with JavaScript & On-Brand Storyline Design
Hey everyone! 👋 I’ve been experimenting with ways to make the built-in Storyline 360 player look and feel less default and more on-brand — without rebuilding the player from scratch. Using just a few lines of JavaScript on the Slide Master, You can: 🎨 Change the sidebar and bottom bar color 📝 Style the menu text 🍔 Remove the hamburger icon ➡️ Rename the “Next” button ✨ Add a custom border for visual flair These tweaks helped me align the course with my client’s brand while still using the native player features. 📺 If you're curious, I shared a walkthrough and examples on my new YouTube channel: 🔗 [https://youtu.be/kIwjijlsApY?si=9cHpHHlVNYVnhz5x] I’d love your feedback or to hear how others are customizing the player too! #Storyline360 #JavaScript #CustomPlayer #eLearningDesign #OnBrand
Popcorn Words Game (sight words)
My 5-year old is learning to read. He was struggling to focus on memorizing a list of sight words (which they call popcorn words). When he could focus, he would memorize the words in order and wasn't recognizing them outside of the context of the list. I created this game to make the learning more fun, and used a bit of Javascript (with help from my computer programmer husband) to randomize the list of words. The Javascript also makes it easier to add in new words each week. I used AI to create all the graphics and the audio, which made the job quicker. And honestly, the little popcorn characters turned out pretty great! Now he's recognizing popcorn words in bedtime stories, signs etc. I would welcome any advice for improvement. For example, I need a way to make the letter sounds come closer to natural letter sounds. (For letter N, "nnn" not "nuh".) You can check out the game on this website. https://portfolio.erinparks.ca/popcorn/ (edited to update the link)Gamified Onboarding
Collect the gems by exploring the office! This gamified eLearning was developed for team members to explore their workspace while getting some product knowledge. The process: Conducting a training needs analysis through discussions with leaders Building a learner persona using surveys and polls Planning the desired outcomes Create a fun course Explore the project.Duotone Rise course
This project was designed to engage teenage students on the topic of self-confidence. We employed a storytelling approach based on real-life school experiences. Check the demonstration: Instead of prioritizing interactions, we focused on impactful duotone graphics and alternating color-coded blocks according to the topic. To reduce text volume, we incorporated animated vignettes at key moments throughout the content. Finally, rather than a standard quiz, we used scenario analysis with a flipcard format, allowing students to easily explore the consequences of different decisions without penalty. You can test the project here.
