Available on Fab
Focusrail
Our UMG plugin for predictable keyboard and controller focus. The same problem shows up in dense training desktops: focus lost behind a popup, a panel that scrolls the wrong widget out of view.
View on FabSTRATEGIC SLOTH · TRAINING & SIMULATION
Make the next step clear.
Make practice playable.
Strategic Sloth brings game interface craft to cyber training and simulation. We build learner journeys, mission interfaces, and playable practice that turn complex tasks into clear decisions.
UI / UX design · Interactive prototyping · Unreal UMG & CommonUI
FROM FIRST LOGIN TO FIRST ACTIVITY
- 01 / Find your pathOnboarding and learning journeys
- 02 / Understand the missionBriefings, objectives, and feedback
- 03 / Learn by doingPlayable practice and simulation
Commercial cyber range UXOnboarding, learning paths, and mission flow for a gamified cyber training platform.
Unreal interface toolingUMG and CommonUI work, including a focus navigation plugin available on Fab.
Security minigamesShort playable lessons for awareness and skills practice.
SELECTED WORK
A first-time experience for a gamified cyber range.
Onboarding, learning paths, and mission entry. Portfolio examples use sample content and neutral branding.
THE PROBLEM
How does a new learner get from choosing a training path to understanding—and starting—the next activity?
DESIGN APPROACH
Learner flow, interface design, and interactive prototyping: compare onboarding directions, make module status clear, and connect the map to the briefing.
WHAT TO EXPLORE
Try the animated globe and location zoom, then compare the path selection and onboarding flows below. These are design prototypes with sample progress.
Loading the animated globe…
Globe direction: the learning path lives on the map, with the next module always one click away. Explore the spinning globe, select a module, and zoom into its location.
Seven design directionsFrom a live globe and a world map to a direct-path SOC view, for military, enterprise, and friendlier audiences.
Six-step onboardingWelcome, agreement, security, identity, training path, ready. One decision per screen.
Path to first activityChoose a program or path, read the briefing, start the first module. No dead ends.
INTERFACE TOOLING
From interface design to working tools.
Playable practice and Unreal tooling you can explore yourself.
PLAYABLE MINIGAME
Keep Finance Online
Protect the network while keeping essential services available.
ACTUAL GAMEPLAY Playable prototype · About 5 minutes The network is yours.
The network is yours.
Keep it online.
Finance is offline. Traffic is coming in. Can you restore the connection without letting a threat through?
3 rounds · No sign-up · Play in your browserInspect traffic to uncover evidence. You decide what belongs on the network.
Loading the game…
CLICK-THROUGH PROTOTYPES
Try the flows yourself.
Working HTML prototypes with sample content. Click the buttons inside the frame to move through each flow.
Loading World map…
Loading SOC direct…
Loading Onboarding…
CAPABILITY
Interfaces built for training.
Training platforms serve two people at once: the trainee working through a hard problem, and the instructor keeping a whole cohort moving. Our design approach keeps both in control, from the first screen to the next decision.
- Trainer dashboards
- Cohort progress at a glance, with the stuck trainee surfaced before they give up.
- Mission flow
- Briefing, objectives, hints, and debrief that keep momentum through a long exercise.
- Assessment and skill panels
- Scores that map to a framework your buyers recognize, shown without overwhelming the learner.
- Dense desktop UX
- Keyboard-first layouts for analysts who live in terminals, consoles, and logs.
- CommonUI at scale
- Input routing, focus, and layering that survive dozens of screens and modes.
LET’S TALK
Building a training experience? Let’s talk.
Tell us about your learners, platform, and the experience you want to improve. We can discuss interface design, interactive prototyping, or a playable training exercise for your project.