How I Built This: How I Vibe-Coded a People Manager Simulation
When the new Rise 360 Code Block (Beta) feature launched, I wanted to see just how far it could be pushed. Could you build something more than static content? That’s how the People Manager Simulation came to life – a fully playable, story-driven experience built entirely inside a single Rise code block, using only HTML, CSS, and JavaScript. In this video, I explain how it was created and how you can repurpose this approach in your own projects. Why I Made This In my day job, I design learning experiences for real teams, often around leadership, people management, and workplace decision-making. I wanted to create something that shows how these kinds of soft-skills topics can be transformed into immersive simulations without needing heavy development tools. The result is a game where you step into the shoes of a brand-new team leader, navigating real-world decisions that impact morale, performance, retention, and stress. Each choice has a trade-off, and yes, you can get “sacked” if you mismanage your stats. In the video, I mention that this project was built gradually, late evenings, after work, once my son was asleep. There were plenty of failed tests, odd bugs, and “why won’t this work” moments along the way. I did consider going back and documenting every single prompt and adjustment… but honestly, that would read like an increasingly impatient diary of me negotiating with ChatGPT! So instead, I wanted to share a simpler, more practical way for you to repurpose what already works. How I Built It Rather than starting from scratch, the method I show in the walkthrough involves: Uploading the existing working code of the simulation. Giving ChatGPT a single clear prompt that explains: This is for Rise 360’s custom code block. It should learn the structure and logic of the original simulation. It should rewrite the theme, dialogue, and characters for a new scenario. In the video, I demonstrate how to use the current People Manager Simulation code as context; use the download attached below. 📁 Download: People Manager Simulation HTML; attached below. You then give this to your LLM of choice as an attachment and provide your repurposing prompt; the one I used can also be downloaded below. 📁 Download: GPT Prompt for Repurposing Existing Demo; attached below. Key Takeaways Start from a working simulation instead of a blank page. Use a single, focused prompt to repurpose the entire code and story. Attach your full code as context so the model understands structure and logic. Re-use this workflow to adapt learning scenarios quickly—no coding expertise required. The Result Here’s the outcome of my own repurposing test from the walkthrough: a completely new narrative built using the same base code and single prompt. Is it perfect? No. But it’s a solid foundation—and all this came together in about ten minutes. 📁 Download: The Result — Full New HTML Code; attached below. Final Thought The best part of this approach is accessibility: you don’t need to be a coder to build something that feels custom. By starting with a working framework and iterating through clear, focused prompts, you can turn any learning scenario into a playable, data-driven experience. Whether it’s leadership, compliance, or customer service, this structure gives you the foundation to explore how choices shape outcomes, all inside Rise 360. My final ask is: please repurpose and improve on any of the ideas shared in this article. Let me and the wider community know how you get on. 💬 Ask Me Anything! I’d love to hear your feedback and answer any questions about the build. Drop your thoughts in the comments below—I’ll be checking in and responding! Want to Share Your Build? Do you have a project you’d love to share with the community? We’re always looking for more How I Built This stories. Whether it’s a game, interaction, or unique design, we’d love to feature your process. Drop a note in the comments or reach out to the community team if you’re interested!Community Insights: What You Can Learn from David Tait’s Career Pivot
One of the best things about creative careers is how flexible they are—you can take them in so many directions. For DavidTait, that flexibility led from graphic design to learning design, and eventually to co-founding 4pt, a learning design studio. 4pt has been creating meaningful learning experiences for more than 16 years. In this Member Spotlight, you'll discover how adaptability, curiosity, and community shaped David's journey, and how to apply these lessons to your own career path. From Design to Learning “Before starting my career in e-learning, I was a student focused on design,” David says. “I spent four years studying design. Two in graphic design and two in newspaper, magazine, and infographic design. That background gave me a strong foundation in visual communication, which has been incredibly useful in my learning and development (L&D) work.” While still in college, he took on a freelance project as a graphical user interface designer for the Northern College Network. “It was my first real step into the world of digital learning design,” he recalls. “It helped me see how I could apply my design skills in a completely different context.” Soon after, a former lecturer offered him a role at an e-learning startup creating online CPD courses for healthcare professionals. “Working in a startup meant wearing many hats,” David says. “That experience really shaped my path and helped me see how my design skills could grow into a career in learning.” 💡Tip: Apply your existing creative skills to a small digital learning project (freelance, volunteer, or self-initiated). Hands-on experience helps bridge design and instructional work faster than theory alone. Turning Change into Opportunity A few years later, the company was acquired, and layoffs followed. “Rather than seeing it as a setback, my studio manager and I took it as an opportunity,” David says. “When we started 4pt, all of those responsibilities suddenly became our job. Being able to adapt to new challenges was essential, and it’s a big reason why we’ve been able to thrive.” 💡Tip: When your path shifts unexpectedly, use it to test new skills or partnerships. Career detours often reveal strengths you wouldn’t discover in a stable role. Finding Flexibility with Storyline “One project in 2013 really shaped our company,” David says. “A client asked us to build a course in Storyline 1. We’d never used it before, but rather than turn the work away, we invested in licenses and learned as we went.” “Before long, Storyline became the tool most of our clients wanted to use,” he explains. “Storyline gave us the ability to solve problems ourselves, experiment more freely, and move much faster. That agility has stayed with us ever since—it’s a core part of how we approach learning design.” 💡Tip: Don’t wait to feel like an expert. Pick a project, open the tool, and build. Use the community forums and shared files when you hit roadblocks. The Power of Community “I’ve lost count of how many times I’ve hit a dead end in Storyline and found the solution on the forums,” David says. “That support has saved me countless hours and kept projects moving. The community around Articulate is unlike anything else.” Over time, helping others became just as rewarding. “Being part of E-Learning Heroes isn’t just about getting help,” he adds. “It’s about giving back. I try to pay it forward when I can, and that sense of community has been such a valuable part of my journey.” 💡Tip: When you find an answer in ELH, take a minute to thank the poster—or add your own version of the solution. Small interactions build visibility and confidence. Lessons from the Journey “Figure out where your limitations are, and then build a trusted network of professionals who can help you overcome them,” David says. “Continuous learning is important, but you don’t have to master everything yourself.” He also believes in stepping outside your comfort zone: “Sometimes doing that sooner opens doors you didn’t even realize were there.” “I try to focus on projects where I can see real value and impact—and to work with people I genuinely like and respect. That combination has made the journey far more meaningful.” 💡Tip: Find one collaborator who complements your skills—a developer, writer, or media pro—and trade knowledge. Collaboration accelerates growth and keeps learning fun. Looking Ahead These days, David is focused on advancing localization in his projects and exploring how AI fits into e-learning. “We’re evaluating Storyline’s new localization features ahead of a major project,” David says. “I’m excited to see how these tools evolve and how we can integrate them to deliver even better multilingual learning experiences.” He’s also reading Co-Intelligence: Living and Working with AI by Ethan Mollick. “It’s not written specifically for L&D, but it’s helped me think more critically about how AI can be used thoughtfully and effectively.” 💡Tip: Keep one “outside-the-industry” book on your reading list. Fresh perspectives often spark the most creative ideas. 💬 Your Turn David’s story is a reminder that creativity, curiosity, and community can take your career in directions you never planned, but might love most. What’s one skill—or moment—that’s shaped your own learning design journey? Share it in the comments below!In Case You Missed It: September 2025 in ELH
Missed the action? Here’s a quick roundup of the conversations, builds, and resources that had the community buzzing in September. 🧰 Free Downloads: Built by You, for You We opened a new Downloads Hub: a growing space for templates, assets, and resources to help you build faster and smarter. Even better: it’s shaped by you. 💡 Let us know what else you'd like to see added. 💬 What Everyone’s Talking About Looking for inspiration? These discussions show the different ways members are stretching the tools. What’s Your “Dream Build”? From an adaptive “living mentor” course to a 2D/3D rail truck simulator for practicing real-world driving scenarios. What would your dream build look like? Custom Blocks in Rise 360 Show off something you’ve built (or want to build) with Custom Blocks, or grab inspiration from others who are experimenting. Using Rise360 for Virtual In-Person Courses Can Rise be used as a live presentation tool? One member is exploring the idea. Have you tried this, or do you see creative ways to make it work? 🌟 Standout Challenge Entries September’s challenges surfaced lots of gems! A few standouts: Circular Menu Navigation with Dials #522 Coin Operated (Goonies-Inspired) By Jonathan_Hill Drop in a coin and watch the magic: this demo reimagines a coin as both a slider and a dial. Smooth, clever, and fully accessible. Fine Feathered Friends By RonPrice Ready, aim, launch! This throwback game uses dials to set your bird’s flight path and spin a trivia-packed feather wheel. Playful, nostalgic, and smartly designed. Using Custom Blocks in Rise 360 #523 The Magic of the Nutcracker By Kate_Golomshtok A ballet-inspired demo blending audio, video, and imagery into an immersive Rise experience. Simple yet powerful, and beautifully done. Empowered to Lead By Karen_Faragalla A scenario-based module for new managers that combines Custom Blocks with branching navigation. A polished example of Rise taken to the next level. How to Brew the Best Coffee & Espresso Drinks #524 How to Brew the Best Coffee in Space By ThierryEMMANUEL Ever tried to brew coffee in zero gravity? This GSAP-animated, AI-powered demo takes you out of this world. A wild spin on a classic challenge. The Barista Challenge By JessDavis1 A debut entry featuring a drag-and-drop coffee activity with audio and visuals. Come for the interactivity, stay to cheer on a first-timer. Vibing w/ the Code Block in Rise #525 Welcome to a Severance By CydWalker_mwhc Step into orientation as a new employee in this Severance-inspired debut. A creative first-time code block build for Rise. NYT Connections Clone By: JohnShelton-e60 Inspired by the NYT game, this vibe coding experiment built a working Connections clone in just an hour. Fast, fun, and full of potential. 🎤 Members Took the Mic (Guest Webinars) From agile strategies to microinteractions, our guest presenters shared practical tips you can use right away. Design for Change – Because You Know It’s Happening Anyway with Megan Torrance, Anthony Reisinger, and Lauren Milstid Learn how to apply Agile and the LLAMA® approach to adapt projects quickly without losing focus or quality. Master Slide Magic: Using Layouts for Dynamic Interactions with Hilla Schlegel Discover how to transform slide masters into interactive quiz engines that keep your designs consistent and your workflow efficient. Small Details, Big Impact: Microinteractions in Storyline with Phil Mayor Pick up simple techniques to add motion, feedback, and polish that make your courses more intuitive and engaging. Design for Minds: Creating Impactful Learning Experiences with Patience Walton Explore how to use contrast, hierarchy, and visual design principles to make e-learning memorable and impactful. 🎓 Trending Training Webinars September’s trainings zoomed in on sharpening your product skills with quick, practical builds. Design Your Way with Custom Blocks in Rise 360 Learn how to design and customize your own blocks from the ground up for total flexibility. Creating Comic Speech Balloons with Merge Shapes in Storyline 360 See how to combine shapes to create reusable, custom speech bubbles for playful or polished course design. 📚 Member-Powered Articles Fresh from the community: two articles packed with member insights you can repurpose for your own projects. Made By Members: Games & Gamification From Jeopardy-style quizzes to top-down arcade games, see how members are using playful design to make learning more interactive. Takeaways from Articuland Boston Members shared insights on smarter design, accessibility, and AI as a creative sidekick. 💎 Hidden Gems Sometimes the best tips are hidden in plain sight. Here are a couple worth exploring: Vibe Coding for Rise 360 Learn how to use Rise’s new Code Block to embed interactive, code-driven projects directly, no external hosting required. Join the Code Block Group Connect with developers and tinkerers to swap snippets, brainstorm solutions, and share experiments. ✨ That’s a wrap for September! What’s one thing you discovered—or created—recently that we should feature in the next roundup? Share it below and help shape October’s highlights.Sign Up for the E-Learning Heroes Newsletter
E-Learning Epiphanies is now E-Learning Heroes Weekly! Do you love all the helpful content here on E-Learning Heroes? If so, you should subscribe to our newsletter, E-Learning Heroes Weekly, to stay up-to-date on all the inspiring examples, insightful articles, and valuable tips shared in the community. You'll even get information about upcoming webinars, industry, and Articulate events, so you never miss out on an opportunity to grow your skills or connect with the Articulate team. Sound like something you’d like to see in your inbox on a weekly basis? Sign up here. We hope you’ll love it as much as we do!In Case You Missed It: November 2025 in ELH
Here’s a brief highlight reel of the conversations, builds, and resources that shaped the community’s discussions in November. 🧳 Join the E-Learning Heroes Passport Challenge! From now through January 5, you can earn passport “stamps” (aka badges!) just for participating in the community—posting discussions, sharing examples, cheering on peers, and more. Every badge marks progress in your own learning journey and gets you closer to fun rewards like swag, shout-outs, and even a chance to win a Fujifilm Instax camera. 💬 What Everyone’s Talking About Looking for a spark of inspiration? Here are some conversations fueling creativity across the community. Instant Publishing with Quick Share Members are excited about Quick Share’s one-click publishing for everyday Rise content. See how others are using it for job aids, previews, and vendor training, and share your own quick-use ideas. Share Your AI Assistant Makeover Creators are posting fun before-and-after examples of how they used AI Assistant to level up drafts, build scenarios, or refine lessons. Check out their transformations and add your own. A Handy Storyline Notepad JoeDey's persistent notepad for Storyline is getting lots of love. If you’ve been looking for a simple way for learners to save notes, explore the demo and join the discussion. 🌟 Standout Challenge Entries November’s challenges surfaced lots of gems! A few standouts: Using Interactive Video for Scenarios & Quizzes in E-Learning Push vs Pull E-Learning By Jayashree_Ravi A side-by-side look at how the same topic can feel totally different: passive slide vs. active video journey. The branching version turns a basic onboarding moment into an experience you are excited to explore. Train Smart: Technique Quiz By ElenaZhuravleva This first-time challenge entry uses short workout clips as quiz questions to test whether you can spot proper form. Simple, practical, and a great example of how video can make quick checks feel interactive. Designing Office Exploration Interactions for E-Learning Welcome to the Office By Kate_Golomshtok This creative virtual tour guides you through an office space, offering a way to explore rooms, teammates, and key info. A fun, game-like approach with lots of potential for expansion. You're Hired! By ded2 This demo brings an interactive approach to onboarding with AI-powered characters who respond in real time. Airport Security for Travelers The Zero-Drama Security Shuffle By GabrielleBradle See how AI Assistant took an outline and shaped the result into a clean Air Travel Security module. A great example of AI speeding up real course development. TSA Dishes on Thanksgiving Food By GolfPrincess This demo experiments with AI-generated visuals, narration, and custom interactions to build a playful learner experience. 🎤 Members Took the Mic (Guest Webinars) From beginner tips to polished animations, these guest-led sessions offer hands-on tips you can put to work in your next Storyline build. Top 10 Tips for New Storyline Users with Judy Nollet New to Storyline? Learn ten essential tips to help you skip the rookie mistakes and start building with confidence. Creating Animations and Interactions in Storyline with Simple CSS and JavaScript (No Coding Required) with Natalia Vostretsova Learn how to give your Storyline projects a modern, animated feel using a simple framework and copy-ready code. 🎓 Trending Training Webinar November’s training focused on improving visuals with tools you already have. Edit AI Images Using Free Windows Tools Discover simple, free ways to edit AI images on your Windows PC, from removing backgrounds to polishing photos and refining illustrations. 📚 Member-Powered Articles Looking for inspiration? These member-powered reads offer hands-on techniques, career insights, and behind-the-scenes workflows you can adapt to your own projects. Made By Members: Rise Code Blocks See how community members are transforming Rise 360’s Code Block into full-on games, tools, and simulations. Community Insights: What You Can Learn from Career Pivot Discover practical career lessons from David Tait’s journey—from leveraging your existing strengths to turning setbacks into opportunities you can use in your own development. How I Built This: How I Vibe-Coded a People Manager Simulation by Daniel-Benton. A practical walkthrough showing how a story-driven simulation was created in Rise, and how you can adapt the same codebase to build your own interactive experiences. 💎 Hidden Gems Sometimes the best tips are hidden in plain sight. Here are a couple worth exploring: Articuland 2026 is Coming! Join the Articuland 2026 VIP list for early updates and pricing, then share the topics and ideas you want featured as we design next year’s experience together. Come Say Hello in the Welcome Center New members are introducing themselves every day, and a quick hello goes a long way. Jump in, say hi, and help someone feel at home. (Bonus: replying earns you a Passport Challenge badge through January 5!) ✨ That’s a wrap for November! What’s one thing you discovered—or created—recently that we should feature in the next roundup? Share it below!
