Microgame UX Demo for Soft Skills
Overview
This was a spontaneous build created on Star Wars Day—because when your LinkedIn feed turns geeky, why not join in and prototype something useful? The result: a moral-choice microinteraction inspired by RPG games and styled like a galactic philosophy test. It’s a visual, responsive, and reskinnable Storyline piece you can drop into soft skills training, ethics scenarios, or onboarding flows.
Test your allegiance
This interactive leadership microgame uses moral reflection to guide learners through decision-making scenarios, blending cinematic design with actionable insights.
The Challenge
How do you make a situational decision feel cinematic and reflective, without resorting to walls of text? I wanted something that could:
- Feel like a game, but still function like a learning interaction.
- Be re-skinnable for different contexts.
- Avoid the usual radio button or basic feedback.
The Build
I used Articulate Storyline, custom JavaScript, and a range of creative tools to bring this demo to life:
Other Tools Used
Articulate Storyline
ChatGPT
Adobe Audition
Advanced Javascript
Google Veo 3
Adobe Photoshop
Adobe Illustrator
What Made It Different
Custom-built hover interaction that simulates decision weight visually
RPG-style morality system with responsive state shifts
Soft skill reflection without lectures
Reusable mechanic, easily adapted to onboarding, ethics, or DEI
What Happened
Light side all the way. This is fantastic work, Kristóf! How long did this take you to create? (2 days)
This interaction reimagines how true/false and multiple-choice questions can be presented—ditching the default quiz format in favor of something more visual, brandable, and immersive. It’s designed to be flexible, allowing quick swaps of visuals, logic, or text to fit different learning scenarios like onboarding or compliance. By combining Storyline and JavaScript, this prototype proves how even simple knowledge checks can feel dynamic and purpose-built, moving beyond traditional checkboxes into experience-first learning design.
Who Is This For?
L&D Teams Exploring Soft Skills
Ethics & DEI Trainers
Creative Onboarding Modules
Ideal for anyone wanting to replace click fatigue with immersive, choice-driven learning.
Leadership Training Card Game FAQ
Can this be reskinned for corporate use?
Absolutely. The current version is stylized for Star Wars Day, but the logic and layout can be adapted for ethics training, soft skills, situational judgment, and more.
What makes this different from other decision-based modules?
Instead of basic buttons, this one uses a hover-based interaction. Learners move a glowing holocron orb to reveal decisions, and the entire interface responds fluidly—creating a game-like puzzle with meaningful learning outcomes.
Is this using advanced Storyline features?
Yes! It stretches Storyline’s new JavaScript API with real-time feedback logic, interactive state changes, and a hidden morality algorithm.
Can I get the source file?
Sure—just reach out! Always happy to share or customize it for your team.
What was it built with?
Articulate Storyline, JavaScript, Illustrator, Photoshop, Premiere Pro, Audition, Midjourney, Runway, Kling, Google Veo 2, and ChatGPT.