Bilingual Glossary
I needed to build a glossary for two products that shared similar content - one in English only, and one in both English and Spanish. The glossary contains both English and Spanish terms, cross-linked. I used Storyline but took design elements from Rise so it would have a consistent look with our other training materials. Everything is contained in a single slide so the scrolling sidebar menu on the main layer remains consistent throughout the experience. Each term is its own layer, and a third lightbox layer shows a zoomed version of the image on click. I created a custom lightbox so I could show images of different orientations and aspect ratios. You can see the glossary here: https://360.articulate.com/review/content/205f45ff-1eec-4c8a-b0a3-fe3672b2dc47/review (I removed my company's content so the text is from wnyc studios, images from freepix and articulate, and spanish text from google translate.) .story file is attachedFolder-file Storyline Course
This project is based on an old design from the early days of Storyline. Content is organized in "folders" accessed via "tabs." It's a simple, clean design that perhaps others will find useful. In addition to updating the aspect ratio, I cleaned up the programming, which was embarrassingly complicated. I've learned so much since then... đ That made me think this project could also be used to explain some helpful info about Slide Master and Layouts. So that became the content in the example. For more info and references, see my post about mastering slide masters: PRIMER: Mastering the Slide Master | E-Learning HeroesClaude Shannon Explainer â Interactive Overview of the Father of Information
Hi everyone, This interactive module offers a short introduction to Claude Shannonâs key ideas and how they shaped modern computing and communication. The module is part of my portfolio and was designed to demonstrate accessible design, custom illustration, and learner-driven interaction in Storyline. Iâd appreciate your feedback on: Navigation and overall flow Accessibility (especially for screen readers) Visual design and pacing Any suggestions for improving engagement or polish Hereâs the link: Claude Shannon Explainer Thanks for taking the time to have a look. Iâm new to the community and would welcome any thoughts or suggestions.Classic Concentration Style Game
I've enjoyed the posts in these forums for a long time but have never shared anything myself. I wanted to stretch myself and leverage the JavaScript API to go beyond basic triggers. I built this in Articulate Storyline as a classic concentration-style memory game, but with a rebus puzzle twist. Instead of just matching identical cards, youâre flipping tiles to uncover visual clues that come together to form a phrase. Storyline handled most of the front-end workâlayout, tile states, and click interactions. I used variables to keep track of which tiles were selected and whether a match was made. Where things got more interesting was with JavaScript. I tapped into Storylineâs JavaScript API to handle some of the game logic that wouldâve been clunky (or not really possible) with triggers alone. That included things like limiting how many tiles can be flipped at once, comparing selections, and resetting tiles when they donât match. Overall, itâs a mix of Storyline for the structure and JavaScript for the logic, which made the interaction feel a lot smoother and more game-like. You can see the working product here: https://mystery-rebus-puzzle.netlify.app/Making PCI Training Personal (ELH Challenge #477)
Hurdle to Overcome How could I open the Payment Card Industry Data Security Standard (PCI DSS) awareness module in a way that immediately created tension, felt personal, and captured the learnerâs attention from the very first moment? Solution Rather than opening this yearâs PCI awareness module with traditional learning objectives, I chose to begin with a narrated scenario designed to set the stage. My goal was for learners to hear and see the weight of a potential cybersecurity lapse right away. Steps I Took To create this opening slide, I followed these steps: I wrote a short, highly detailed script that included backstory, multiple characters, and narrative depth (well, not so short!). 𤣠After reviewing it, my manager supported the scenario-based approach but felt the initial script missed the mark and revised it. I used Copilot to further refine the updated script. With the revised scenario in hand, I first prompted Canva AI to generate the character imagery. While promising, the results never quite matched the desired look. I then passed my image prompt through Copilot multiple times, refining it across at least four iterations. Once I landed on a clean, effective prompt, I fed it into Storyline360âs AI Assistant to generate the images and poses for the main character, Ava. The scenario narration was created using Storyline360âs AI voice: Brian (Man | Middle-aged | English | American accent | Social Media | Classy; Model 3, default settings). To introduce tension and a sense of movement, I drew inspiration from comic panels. Instead of static visuals, I cropped the images to panel-like frames and animated them in sequence, using cue points to drive the timing and flow. Lessons Learned Generative AI (GAI) prompting has become part of our daily workflow. Across my organization, we have access to tools like Adobe Express, Canva, and Articulate360, each with its own strengths and limitations. Key takeaways from this project include: Output from one GAI tool can be refined and reused in another to achieve stronger results. For example, after Canva AI didnât produce the desired imagery, I used Copilot to refine the prompt and then fed that improved prompt into Storyline360âs AI Assistant. This experience reinforced an important truth: creativity matters even more in an AIâpowered world. The overall look and feel of this slide came from human decisionâmakingâmineânot from the tools alone. Conclusion The close collaboration between humans and generative AI produces results that are more effective and impactful than what either could create independently. Even with powerful learningâfocused AI tools, such as those in Articulate, achieving the desired outcome can still take time, and thatâs okay. The more we experiment, prompt, and practice with these tools, the more efficient we become. Ideally, those efficiency gains translate into greater business impact through improved learning experiences and stronger employee performance. Click here to experience the demo. The SL file is attached.We're Choppin' Wood, Y'all
I wanted to develop a quick prototype that leveraged JavaScript to modify a progress bar, calculate some math, and move an image to follow the pointer. There isn't much to it beyond what you see in the first five seconds, but some of the general mechanics of gamification are present and can scale up. Chopping Wood | Review 360 The .story file is available for download from the version dropdown:Mars Base Demo: Storyline Integration with Blender 360° Panoramic Renders UPDATED March 2026
I created this short e-learning demo for my Upwork portfolio, showcasing how to integrate custom-modeled 360° environments into Articulate Storyline. I wanted something unique, short, and interesting. Project Rationale: I chose a 3D-printed Mars habitat because the concept aligns with realistic solutions for future human life on Mars, making the demo feel grounded and relevant. To give the base a compelling and genuine purpose, I focused the learning content on growing crops on Mars (Martian agriculture). This subject was a natural fit, leveraging the extensive agriculture knowledge I've gained working with a client over the years, which is also why the base is appropriately named Rhizome Station. Technical Breakdown: 3D Modeling (updated March 2026): The Mars base was modeled in Blender (free and open-source software). I created procedural textures for most of the scene and Quixel Megascans assets for distant rocks and lab flora . Quixel megascan assets have now been replaced with my own. I also used Blender to model the 3D landscape you see as a backdrop on the computer screens. Interaction Assets: For the icons and images seen within the interactions, these were all done in Storyline using the built-in icons and AI images. Interaction: The experience uses seven linked 360° renders. To track progress, I rendered the images with a start/finish state, allowing a 'completion' green tick to display when the user returns to the main lab view. Audio: Narration was created using Storyline's AI voices. Future Plans: I'm planning to expand this into a full e-learning experience. The expanded course will start with the user in Earth's orbit learning about the Hohmann Transfer Orbit, and once they reach the base, they'll be able to explore different rooms (the living quarters are already built) and go on outdoor missions. I'll update the community when that larger version is complete, but it likely won't be until next year. Live link updated March=2026Storyline Instant ToolTip
Hi everyone! I'm sharing a script to add tooltips in Storyline. Just one reference object, a quick copy-paste, and it's ready. You could use a native rollover state, but this gives you full control over the animation. Position, colors, shadow: all configurable in 10 seconds. No JavaScript skills needed, the script is designed to be easy to use and maintain.
