Hello, I'm Jackie!
It's exciting to have my MA in IDT as of Dec 2026 and to now dive into my career, ready to make an impact! I love to share resources and learn something new every day! I need an accountability partner to just hang with me on Zoom so I stay focused to do Stoyline daily to get my portfolio in better shape! If you are in the same boat, let's connect!2025: The Year AI Landed
If you're hearing this message, the machines have won, and Instructional Design is dead as we know it... Hello! For this week's #ELearningChallenge I've created an interactive video portfolio to highlight four projects I built this year with the help of artificial intelligence. Despite the apocalyptic tone, I'm excited about the creative possibilities of generative AI. I certainly couldn't have made this last year. Videos created using Powtoon's AI Text to Video feature and edited with Camtasia. And just like my recent coffee-making demo, this is also fully accessible from the keyboard. Anywhere you see an underlined letter in a button, that key will perform its function. If you're wondering how I changed the colour of the captions from white to black, and back again, to improve legibility during the intro... Code to change captions to white // Stop any existing observer first if (window.captionObserver) { window.captionObserver.disconnect(); } // Monitor for caption changes and force white color window.captionObserver = new MutationObserver(function() { var allCaptionElements = document.querySelectorAll('[class*="caption"], [class*="acc-"]'); allCaptionElements.forEach(function(element) { element.style.setProperty('color', 'white', 'important'); var children = element.querySelectorAll('*'); children.forEach(function(child) { child.style.setProperty('color', 'white', 'important'); }); }); }); window.captionObserver.observe(document.body, { childList: true, subtree: true, attributes: true }); Code to change captions back to black // Stop the white observer if (window.captionObserver) { window.captionObserver.disconnect(); } // Apply black once var allCaptionElements = document.querySelectorAll('[class*="caption"], [class*="acc-"]'); allCaptionElements.forEach(function(element) { element.style.setProperty('color', 'black', 'important'); var children = element.querySelectorAll('*'); children.forEach(function(child) { child.style.setProperty('color', 'black', 'important'); }); }); And yes, AI helped me do this! Sift through the wreckage of my career here: https://bit.ly/elhc534 Oh, and shout out to any fans of SILO.
My Portfolio
I finally got around to rebuilding my portfolio from the ground up. For the longest time, I had everything sitting in Articulate Rise. It looked fine, but after a while, I found it restrictive. It was great for quickly adding new work samples, but I wanted better layout and functionality. I tried Wix for a bit, but that didn’t really solve the backend limitations either. Eventually, I decided to take a different approach and vibe code the design in Base44. I'm still building out content, but after iterating for a couple of days, I was able to get pretty much everything I wanted, both on the front-end and under the hood, including a database. I had Base44 create a hidden admin function, so I can now update my work on the fly and even use an AI assistant in the backend to help generate course summaries and screenshot blurbs whenever I add a new artifact and not have to rely on Base44. The database has also been really helpful for organizing client work, and I’m experimenting with creating sub-portals so clients can view their projects directly. I'm still working on the Behind the Build stories. I've never been one for going deep into my process, but I figure maybe it's time to start being more reflective. I also built out a "Cool Tools" section, which I set up as a collection of ID apps and utilities prospective clients (or ID lurkers) can try out. If anyone has any ideas for other helpful ID apps, let me know! Link to PortfolioJohn's Portfolio
My old portfolio has gone the way of Geocities and Angelfire and looking at the stuff I built all those years ago is like looking at awkward middle school pictures, so in the last few weeks I've been building a new portfolio from scratch. It's nothing fancy, just a basic Google Site, but it does the job and I'm actively working on building out new pieces. Now if I could just figure out why the redirect from my custom URL isn't working... https://sites.google.com/view/johnsheltonJonathan's Challenge Demo Storage Yard
Hello! It's once again time to Share Your Portfolios for the #ELearningChallenge. But, once again, I haven't got round to updating my website. It's quicker to build a showcase in Storyline, frankly... This 'interactive portfolio' collects my last five demos, and can be viewed here: Jonathan's Challenge Demo Storage Yard | EngageBrainTrain.com
Share Your E-Learning & Instructional Design Portfolios #527
E-Learning & Instructional Design Portfolios #527: Challenge | Recap 🏆 Challenge of the Week This week, your e-learning challenge is to share your portfolio. If you already have one, great. Show us. And if you don’t, no worries. This week’s the perfect time to start building one. Whether you’ve only got one example or a career’s worth, your portfolio demonstrates how you think, how you design, and how you solve problems. And that’s what this week’s challenge is all about. 🚀 Tips for Getting Started Here are some practical ways to approach this week’s challenge: Start simple: Pull your favorite projects together in a Rise course and publish to Review 360. Level up: Add short project descriptions to each example. What problems did you solve? What tools did you use? What was your primary role on each project? Challenge mode: Record video walkthroughs of your projects. Show before and after examples if you redesigned an existing project. ⚒️ Authoring Tools You’re welcome to use any authoring tool you’d like this week. If you’re short on time, try quickly mocking up your ideas using PowerPoint, Figma, or your favorite graphics app. ✨ Share Your E-Learning Work Comments: Share your examples directly to the recap page. Social media: Please share your examples on LinkedIn and mention both David & Articulate using the #ElearningChallenge tags so we can help promote your work. Support your peers: With the new submission format, you can comment directly on each example. Try leaving helpful feedback on at least three projects this week. Community forums: Feel free to cross-post in the forums to give your work even more visibility. 🙌 Last Week’s Challenge: Before you showcase your work to the e-learning community, take some time to hear what e-learning pros think about AI and where it's going in last week's challenge: 10 Things to Know About AI in E-Learning #526: Challenge | Recap 👋 New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 📆 Upcoming E-Learning Challenges & Supporting Webinars Challenge #528 (Oct 17): Office Exploration. Tom's hosting a live webinar on building interactive office activities on October 14. Challenge #529 (Oct 24): Annual Halloween themed challenge Challenge #530 (Oct 31): Interactive Video Quizzes and Scenarios Challenge #531 (Nov 07): Navigating airport security
