Category: Gamification strategy

Gamification strategy is about how I make projects focused on using game mechanics to boost engagement, retention, and motivation.

Categories
AI-enhanced learning & creative services Gamification strategy

How I Turned a Party Game into a Leadership Training Demo in 5 Hours

Interactive card selection screen from Articulate Storyline leadership training module, simulating reflective decision-making.

How I Created a UI-less Storyline Experience That Felt Like Art, Not eLearning

Overview

Built as a rapid prototype before a client meeting, this demo reimagines leadership training through the lens of card game mechanics. Inspired by Cards Against Humanity and designed for a mature audience, the result is a professional-yet-playful learning check experience with expandability baked in—AI judging, scoring, and branching are all possible upgrades.

Western-themed interface for leadership training card game demo built in Articulate Storyline, showing the main game host character.
Gamified learning check scenario in leadership training card game demo, with a challenge card describing a management situation.
Interactive card selection screen from Articulate Storyline leadership training module, simulating reflective decision-making.

Step into the Saloon Partner!
This leadership training card game demo was built for decision-making, reflection

Play

The Challenge

How do you make leadership training actually fun, without making it feel childish? Most card-style games are whimsical or silly, but corporate audiences need something sharper. My challenge: design an adult-friendly game that works solo, but feels like group play.

Articulate Storyline development view showing the custom leadership training card game demo with logic triggers, feedback cards, and branching interactions. This gamified learning module combines soft skills, branching logic, and Articulate Storyline for corporate training use.

The Build

I used Articulate Storyline and:

  • Modeled the logic on Cards Against Humanity
  • Wrote judgmental, punchy card combinations
  • Built instant feedback with linear logic (expandable to AI)
  • Added animation and sound design for polish
  • Designed all cards in Illustrator with custom layouts
  • Used ChatGPT for tone calibration
  • Used Google Veo 3 for cinematic overlays

Other Tools Used

Articulate Storyline

ChatGPT

Adobe Audition

Advanced Javascript

Google Veo 3

Adobe Photoshop

What Made It Different

Serious topic, casual format = adult learning win

AI-ready logic (expandable to ChatGPT judging or point system)

Fully customizable questions, modular setup

Built in 5 hours: rapid ideation proof-of-concept

What Happened

This is so cool! I had the most fun when playing CAH for the first time, and it's totally relatable, even to those of us 'well over 30' I would add this type of game to my leadership training, and would love to see the finished game!

Lisa V

This is awesome! Well done, Kristóf!

Matt B.

Kristóf Szever This is amazing!

Tara P.

Shared on LinkedIn with great feedback and engagement

Screenshot of a LinkedIn post by Kristóf Szever showcasing a leadership training card game demo inspired by Cards Against Humanity. The post includes a detailed write-up, enthusiastic comments from industry peers, and preview thumbnails of the interactive Articulate Storyline game featuring a cowboy dealer. Keywords: leadership training card game demo, articulate storyline gamified learning, adult learning eLearning portfolio.

Who Is This For?

Corporate Leadership

DEI & Code of Conduct

Onboarding with Humor

Perfect for learning checks where stakes are high, but engagement matters more.

Leadership Training Card Game FAQ

Inspired by Cards Against Humanity, but rewritten for learning. It uses judgmental prompts and punchline cards to encourage reflection.

Yes—it was built specifically for a mature corporate audience. It works for leadership, onboarding, or even code of conduct topics.

The AI could score answers, add feedback, or generate new prompt combos. This version is linear, but expansion-ready.

Articulate Storyline, ChatGPT, Google Veo 3, Illustrator, Photoshop, Audition, and custom JavaScript.

Looking for Personalized Demo?

Send an Email
Facebook Youtube Linkedin Behance

Let’s Talk About UI-less Experiences

Let's Talk!
Categories
Custom eLearning development Gamification strategy

Cybersecurity Spy Training

Spy-themed character in sunglasses working on a computer with a phishing symbol — featured image for gamified cybersecurity compliance training.

Cybersecurity Spy Training - Stop the Phish, Save the Network

Overview

This semi-gamified cybersecurity compliance training arms employees with the skills they need to spot phishing emails and repel digital threats—while making them feel like secret agents. With a spy-themed storyline, cinematic motion design, and a zero-error challenge mode, learners go from passive observers to active defenders of their digital domain.

Animated phishing email scenario teaching employees how to identify suspicious messages in interactive training simulation.
Cybersecurity eLearning UI showing mission control dashboard for employee cyber hygiene training.
Gamified cybersecurity training interface with customizable color themes and interactive settings.
Articulate Storyline interface showing simulation logic and triggers for a phishing awareness course.
Scenario-based training success screen simulating a system restart after completing phishing awareness tasks.

Put your phishing radar to the test

Step into the role of a cyber agent and tackle real-world-inspired email threats through this cybersecurity compliance training demo. In this interactive demo, you’ll scan suspicious messages, identify red flags, and report phishing attempts like a pro. Just one mistake and you’re back to the briefing room, can you make it through with a perfect record?

Play

The Challenge

The client-an international enterprise in the pharmaceutical space-needed a course that would meaningfully reduce phishing click rates without relying on dry theory. The goal was to engage users while reinforcing best practices around email hygiene and cyber awareness. It had to be scenario-driven, immersive, and effective enough to change behavior.

Articulate Storyline interface showing simulation logic and triggers for a phishing awareness course.

The Build

Inspired by espionage and spy thrillers, this eLearning experience featured:

  • A visual narrative built in Vyond with cinematic character animation and motion transitions.

  • A non-linear learning module created in Articulate Storyline, allowing users to explore cyber threats in any order.

  • Interactive practice simulations: learners reviewed real-looking phishing emails and had to “report” the correct red flags.

  • A strict knowledge check with zero-mistake logic, requiring a perfect run to complete.

  • Custom illustrations and UI design in Photoshop and Illustrator, styled like a classified ops interface.

Other Tools Used

Articulate Storyline

Adobe Photoshop

Adobe Illustrator

WellSaid Labs

Vyond

What Made It Different

Spy-themed progression: Learners played as undercover agents tasked with identifying threats.

Two-part design: Part one was exploratory learning, part two was an unforgiving scenario challenge.

Alternate endings based on how well users performed in the phishing report simulation.

0-error pass requirement: Designed to simulate real-life consequences and build confidence.

What Happened

The course was met with praise for both style and impact. According to the agency:

Solid/fun premise, awesome design, effective teaching and learning.

Kristina S.

Even better: unsafe click rates were reduced by 33%, a huge win for behavioral change and measurable ROI. The client later requested a full spy-style promo video for internal rollout—which was also produced in-house.

Who Is This For?

IT & Security Teams

Corporate L&D

Risk & Compliance Leaders

Perfect for companies needing repeatable, engaging phishing awareness that actually changes behavior.

Leadership Training Card Game FAQ

Part one teaches cyber hygiene through scenario-based exploration. Part two challenges users to spot every phishing flaw with 0-error tolerance.

Absolutely. The simulation can be reskinned for different themes or cyber policies.

Looking for Personalized Demo?

Send an Email
Facebook Youtube Linkedin Behance

Let’s Talk About UI-less Experiences

Let's Talk!
Categories
AI-enhanced learning & creative services Gamification strategy Learning assets & UI design

Microgame UX Demo for Soft Skills

Jedi figure meditating beside floating holocrons with the caption “The Jedi Code Has a Peaceful Philosophy.” Educational overlay explains the Jedi philosophy and its grounding in mindfulness and stoicism.

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.

Sith figure emitting purple lightning while summoning a holocron. eLearning screen explains how Sith holocrons store pain-based knowledge, referencing Darth Nihilus from Star Wars lore.
Interactive moral choice screen from a Star Wars–inspired soft skills eLearning module. Learners hover to choose between “Shout and curse” or “Stay calm, let it go,” triggering a visual polarity shift via a central holocron.
Jedi figure meditating beside floating holocrons with the caption “The Jedi Code Has a Peaceful Philosophy.” Educational overlay explains the Jedi philosophy and its grounding in mindfulness and stoicism.

Test your allegiance

This interactive leadership microgame uses moral reflection to guide learners through decision-making scenarios, blending cinematic design with actionable insights.

Play

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:

  • A hover-sensitive “holocron” orb follows the mouse, changing the background dynamically

  • No dragging needed, just hover, reveal, and reflect.

  • Hidden "morality meter" determines whether you receive a Jedi or Sith ending.

  • Built entirely using Storyline’s JavaScript API, designed to push what’s possible with custom interactions.

  • Visuals created in Photoshop, Illustrator, and enhanced with Premiere Pro.

  • AI assets generated using Kling, Google Veo, and ChatGPT for overlays and interaction uses.

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)

Matt B.

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

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.

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.

Yes! It stretches Storyline’s new JavaScript API with real-time feedback logic, interactive state changes, and a hidden morality algorithm.

Sure—just reach out! Always happy to share or customize it for your team.

Articulate Storyline, JavaScript, Illustrator, Photoshop, Premiere Pro, Audition, Midjourney, Runway, Kling, Google Veo 2, and ChatGPT.

Looking for Personalized Demo?

Send an Email
Facebook Youtube Linkedin Behance

Let’s Talk About UI-less Experiences

Let's Talk!
Categories
AI-enhanced learning & creative services Gamification strategy

Creating a UI-less eLearning Experience That Feels Like Art

Digital wireframe tree glowing over autumn landscape with lake and orange-leaved trees

How I Created a UI-less Storyline Experience That Felt Like Art, Not eLearning

Overview

Designing Stillness is a poetic Earth Day meditation, built in Articulate Storyline without any traditional UI. With sound, timing, and motion at its core, it guides users through a calming experience that feels more like digital poetry than online training. This project explores how emotional design can create learning impact, even without a single learning objective.

Minimalist sunrise over polygon-style mountains with floating arrow symbol
Glowing digital plant sprout with roots in soil, captioned 'Seventy years ago'
Digital wireframe tree glowing over autumn landscape with lake and orange-leaved trees

Try it for yourself!
This UI-less Storyline experience was built with nothing but visuals, sound, and timing.

Play

The Challenge

How do you engage learners without UI, instructions, or gamification? In a world of noisy, click-heavy training, my challenge was to build a digital wellness experience that actually reduces stress instead of adding to it.

Screenshot of the development process, showing Articulate Storyline editing window with different layers on screen

The Build

I used Articulate Storyline and:

  • Removed all UI (no menus, prompts, or indicators)
  • Layered spatial sound with ambient tracks
  • Animated visual metaphors and micro-interactions
  • Timed the experience for reflective pacing, not task progression
  • Structured everything around a poem, no voiceover needed

Other Tools Used

Articulate Storyline

ChatGPT

Adobe After Effects

Adobe Audition

Advanced Javascript

Kling

What Made It Different

Passive pacing, not learner-controlled flow

Minimalism-first UX: only what adds emotion stays

Multi-layered soundscape triggers emotion and memory

Felt like meditation, not navigation

They shut the road through the woods
Seventy years ago.
Weather and rain have undone it again,
And now you would never know
There was once a road through the woods
Before they planted the trees.

“The Way Through the Woods” (excerpt) by Rudyard Kipling

What Happened

  • Magazine Feature

    Featured in Dirty Words eLearning Magazine

  • Impressions

    Reached over 2,000 impressions and 30+ engagements on LinkedIn

  • Positive Reception

    Feedback like: This is not great but Awesome! I love the design, sounds and clicking the lines and the shapes that appear. Really cool!

  • Inspiration

    The module gave inspiration to people, showing that Storyline can be used differently, rather than only for "click next" interactions.

Who Is This For?

Wellness eLearning

Mindfulness onboarding

DEI & soft-skill training

Perfect for mindset-based training, wellness programs, or DEI modules where calm is the goal.

UI-less eLearning Experience FAQ

Yes. Designing Stillness proves that motion, audio, and minimalism can hold attention without clicks or goals.

Articulate Storyline, fully customized to remove UI and prioritize ambient user flow. Additionally, Adobe Illustrator, Photoshop, Audition, ChatGPT and Kling.

Absolutely. While it’s not for teaching software clicks, this immersive style is highly effective for soft-skill training where the goal is mindset shift, reflection, or emotional resonance. It’s ideal for onboarding, wellness, DEI, and awareness campaigns.

It’s responsive and tested across desktop, tablet, and mobile—though desktop offers the most immersive experience.

It’s responsive and tested across desktop, tablet, and mobile—though desktop offers the most immersive experience.

Looking for Personalized Demo?

Send an Email
Facebook Youtube Linkedin Behance

Let’s Talk About UI-less Experiences

Let's Talk!

Let's Discuss!

X

Got a question? Let’s talk!

We typically respond within 12 hours.