Meet The Leaders
Hello! For this week's challenge, I used Suno to create four Beatles-inspired tracks as a novel way to introduce a fictional leadership team. I took four regular photographic characters from Storyline and used Nano Banana in Pixlr to alter their poses to mimic the cover of the album HELP! by the Beatles. And don't worry if you've never used a record player before. In the live version of this demo there are also full instructions. The record player tonearm is actually a dial, and there's some JavaScript in the background that adjusts its position as each track plays. If you move the needle too quickly, you may make the record skip. That's not a bug, it's a feature. 😄 If you have any more questions about this build, please ask! Rock out here: https://bit.ly/elhc548
What If an eLearning Company Was a Rock Band?
Presenting an eLearning provider as a Rock Band experience Instead of a traditional services page, we designed a fun, interactive concept: Band info → eLearning company overview Band Members → eLearning development team Events → Upcoming projects Photos & Videos → eLearning templates & videos presentation Portfolio → eLearning samples Built using Articulate Storyline 360, featuring interactive navigation and microlearning elements to enhance engagement. Click the link below to view the sample. https://www.swiftelearningservices.com/how-modern-elearning-transforms-corporate-training-in-2026/From Music History to Interactive Learning
I created this interactive learning experience inspired by **The Beatles**—the band that changed music forever. From their early journey in Liverpool to the global craze of Beatlemania, this microlearning module blends storytelling with engaging interactions to bring history to life. This project reflects how microlearning can turn even classic topics into **engaging, immersive experiences**. Linkedin Article Demo DirectBlurred Backgrounds for Cleaner, More Engaging eLearning
We have developed an eLearning sample using blurred backgrounds to improve readability and enhance learner engagement, all while maintaining a clean and simple design. Have a look at our sample and let us know your feedback. https://www.brilliantteams.com.au/how-blurred-backgrounds-improve-elearning-readability/Challenge #545: Dynamic Blur Effect & Blue Carbon 🍃
Hi everyone! 👋 For this week's challenge on increasing readability with blurred backgrounds, I wanted to combine visual contrast with a mini-lesson on Mangrove ecosystems and "Blue Carbon." Mangroves are beautiful, but their intricate root systems create a very "noisy" background that completely swallows any text. To fix this, I decided to go beyond a static before-and-after slide and make the blur interactive. Behind the Scenes: Instead of using multiple image states or transparent shapes, I used a single high-res image and linked a Storyline slider to a JavaScript trigger. As you drag the slider: JS dynamically increases the CSS filter: blur() property of the background image. A dark overlay dynamically increases its opacity up to 40%. The hidden information blocks smoothly fade in. This approach keeps the file incredibly lightweight and makes the transition buttery smooth! Dynamic Blur Effect & Blue Carbon 🍃 I'd love to hear your thoughts!Learn How Blurred Backgrounds Enhance eLearning Design
We created a quick sample to show how blurred backgrounds can transform slide readability in eLearning. Small change, big impact on learner focus. Check it out and let me know your thoughts. https://www.swiftelearningservices.com/how-blurred-backgrounds-improve-elearning-readability-546/Using Vector Graphics to Design E-Learning Courses #545
As course designers, you know that coming up with new design ideas can be a challenge. With so many free stock photos, videos, and AI-generated images out there, you'd think things would be easier, right? But the real challenge isn’t finding design assets. It’s using them in a way that doesn’t look like every other cookie-cutter course out there. This is where setting some creative limits or constraints can actually help. For example, you could use a single vector illustration as the foundation for your entire course. It might sound impossible, but it can lead to some surprisingly creative results. Let me show you an example so you can see how it works. How to Become a Good Leader Andrzej's example is one of my favorite examples of this technique. Using a stock illustration, he built a six-slide course template from the individual elements. Take a look at the following example to see how his final project turned out. View project | Download | Andrzej Jabłoński Ex Uno Plura At first glance, you might see just one image, not the many smaller pieces that make up the illustration. To work with these parts, open the file in a graphics program like PowerPoint or Illustrator. Open the vector file (.ai, .eps, or .svg) and ungroup it to select the individual shapes you want to use. Depending on how complex the illustration is, you might see a lot of layers. I like starting with the smaller elements since they’re easier to select. You can then select, group, and export these elements to use in your course design. Now you have everything you need to create the visual elements for your e-learning template. 🏆 Challenge of the Week This week, your challenge is to build a simple interaction or course starter template in Rise or Storyline using just one illustration. Be sure to include a screenshot or a link to the stock graphic you used, so others can learn from your example. 🙌 Share Your E-Learning Work You put in the effort, now make sure your work gets seen: Personal blog: If you have a blog, please write about your example from this week’s challenge and share the link with your submission. 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 break apart this week’s challenge, check out the accordion examples your fellow challengers shared over the past week: Accordion Interactions for FAQs in E-Learning #544: 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.
