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/Leveling up Web Objects: Two-way communication between Storyline and Spline 3D 🚀
Hi everyone! 👋 I’m super excited to share a portfolio project I recently finished called Playcraft Assistant. My goal was to push the boundaries of what we can do with Web Objects and custom JavaScript in Storyline. Instead of just embedding a static 3D model, I wanted Storyline to act as the "brain" and control a live 3D engine. Here is how it works under the hood: The Visuals: I built an interactive 3D robot using Spline. The Bridge: I wrote a custom HTML/JS wrapper using the postMessage API to create a communication tunnel between the Articulate player and the iframe. The Result: When you click native Storyline buttons or change slides, JavaScript triggers specific animations in the 3D model (Greeting, Loading, etc.) in real-time. The UI: I also coded a custom "terminal typewriter" effect using GSAP and Storyline text variables (making it 100% native and accessible without breaking the published SVG text). Playcraft Assistant It was a fantastic technical challenge dealing with iframe race conditions and variable syncing, but the result feels incredibly seamless. I’d love to hear your thoughts, feedback, or any ideas on how to take this even further. Also, if anyone is trying to connect external web apps or 3D models with Storyline variables, I’d be happy to share some of the JavaScript logic! Happy developing! 👩💻✨Custom eLearning Leave-Behind Using Storyline 360
Built a Storyline 360 leave-behind template to showcase skills in interviews—moving beyond traditional portfolios. Created a quick 2–5 minute module based on: Managing SME feedback during course development It includes scenario-based decisions and real-world interactions to demonstrate practical instructional design thinking. Click the link below to explore the demo https://www.swiftelearningservices.com/cutom-elearning-leave-behind-storyline-360-interview-template/ If anyone requires a customized template, feel free to message us.Custom Interview Leave-Behind Templates to Win Job Offers
We created a Rise 360 module that enables learners to design a customizable interview leave-behind template—something they can reuse and adapt for any opportunity. https://www.brilliantteams.com.au/customisable-interview-leave-behind-templates/One Foggy Night
Can you identify five wildlife shots that came out blurred? I built this riddle-based interaction around a simple but satisfying mechanic — a blurred background that clears only when you get the answer right. Five "I am..." riddles. Five hidden creatures. One foggy night. Check it out here! If you think in stories first and slides second, let's connect on LinkedIn.The Last Impression
Check it out here! First impressions get you in the room. But what happens after you leave? Most candidates send a thank-you email and hope for the best. This entry makes the thank-you the portfolio piece. I may have made a guest appearance in a hiring manager's inbox for this one. The experience opens as an email mockup, unfolds into a four-tab interactive, and walks the hiring manager through the conversation, a microlearning sample, the design thinking, and a warm close. Because first impressions get you in the room. The last impression gets you the offer. If you turn every touchpoint into a design opportunity, let's connect — Jayashree RaviBlurred 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/
