Insights & Labs
Thought leadership on enterprise design systems, multi-modal AI companions, cognitive ergonomics, and interactive spatial engineering.
Articles & Deep Dives
Practical guides, architectural deep dives, and perspectives on enterprise UX and spatial AI.
Designing for Delegation: What Agentic UX Actually Demands
For twenty years, interface design rested on one assumption: the user acts, the system responds. When an autonomous agent plans and executes multi-step tasks across tools, the interaction model stops being direct manipulation and becomes delegation.
Chat Was a Bridge, Not a Destination
Every new computing paradigm starts by imitating the one before it. Chat interfaces succeeded initially because a single text input was the fastest distribution mechanism for language models. But for structured workflows, chat imposes a heavy translation tax.
The Specialist Bubble Popped. Now What?
For a decade, UX career advice was simple: pick a narrow lane and specialize. But specialization was an organizational load-balancing strategy for production volume. As AI automates the mechanical throughput, the silos are dissolving.
Stop Measuring UX Maturity. Start Measuring Business Impact.
Every design org has its rituals: journey maps that get photographed for social media and never referenced again, and research readouts that confirm what everyone suspected while changing zero product decisions. Here is how to escape UX theatre and tie design directly to business metrics.
Scaling Design Tokens Across Multi-Brand Enterprise Ecosystems
Enterprise design systems often collapse under their own weight when expanding to multiple brands and dark modes. Learn how we built the Sovereign Ministry Design System with 120+ tokens and automated Figma Code Connect synchronization.
Cognitive Ergonomics in High-Speed Interfaces: Lessons from F1 Telemetry for UX
At 300 km/h, a driver has 150 milliseconds to parse critical tyre delta, ERS deployment, and brake bias. Applying Formula 1 cognitive ergonomics to enterprise monitoring dashboards transforms chaotic data feeds into instant decision-making clarity.
The VIMM Model
People process information through four channels: what they see, what they think about, what they remember, and what they physically do. If any one channel gets overwhelmed, the whole experience breaks down. I check every design against all four.
Based on the VIMM model from HFI's Certified Usability Analyst (CUA) program.
Visual
Can users quickly spot what matters? I design clear visual hierarchies so the most important information jumps out first — no hunting, no confusion.
Intellectual
Are there too many choices? Too much complexity? I reduce mental effort by simplifying decisions and preventing errors before they happen.
Memory
People can only hold 3-5 things in mind at once. I design interfaces that show information when needed rather than forcing users to memorize it.
Motor
Are buttons easy to tap? Is the click target big enough? I optimize physical interactions so tasks feel effortless — especially on mobile.
Why Users Love (or Leave) a Product
People judge a product on three levels: how it looks at first glance, how well it works when they use it, and what it means to them over time. Great design nails all three — and I evaluate every interface through these lenses.
Based on Don Norman's "Emotional Design" — the three-layer model of human-product interaction.
First Impression
Does it look right? (Visceral)Within 50 milliseconds, users decide if a product feels trustworthy, modern, or amateur. Colors, spacing, motion — these aren't decoration, they're the first conversation your product has with users.
Portfolio ExampleAI-UX Adaptation: The portfolio shifts its entire color palette based on the project domain — purple for AI, teal for healthcare — creating an instant sense of context before a single word is read.Usability
Does it actually work? (Behavioral)A product can look stunning but still frustrate users. This layer is about whether people can actually accomplish their goals: can they find what they need, complete tasks quickly, and recover from mistakes without calling support?
Portfolio ExampleHealthcare Platform: By placing mandatory fields where pharmacists naturally look and using tabs instead of separate screens, we reduced prescription errors by 40%.Trust & Meaning
Would they recommend it? (Reflective)This is the long game. After using a product, do people feel respected? Do they trust it with their data? Would they recommend it to a colleague? This layer turns users into advocates — and it's the hardest to design for.
Portfolio ExampleMinistry Design System: A consistent, accessible government platform communicates institutional competence — building public trust in digital services that serve millions.My Project Playbook
Every project follows these five phases, from understanding the problem to ensuring quality long after launch. Each step builds on the previous one — skip a phase, and you pay for it later. This playbook evolved from shipping products across healthcare, government, and enterprise.
Understand the Problem
Before designing anything, I map out how users actually think about the problem — through interviews, workshops, and studying how they navigate existing tools. The goal: organize information the way users expect, not the way the company is structured.
See in action: Ministry Digital TransformationLet Data Lead
I replace guesses with evidence. What are users actually clicking? Where do they get stuck? What do support tickets reveal? I study real behavior rather than relying on what people say they want — because the two are often very different.
See in action: Healthcare PlatformTest with Real Users
I watch real people use the designs and measure what matters: Can they finish the task? How long does it take? Where do they make mistakes? I never ask 'Do you like it?' — I measure whether it actually works.
See in action: Sell Out Data PlatformBuild for Everyone
Products need to work for all users — in different languages, on different devices, for people with different abilities. I build accessibility and multi-language support into the foundation from day one, not as an afterthought.
See in action: Ministry Digital TransformationMaintain Quality Long-Term
Great design doesn't end at launch. I establish clear ownership, contribution guidelines, and review processes so the design system stays consistent and high-quality — even as teams grow and the original designers move on.
See in action: Ministry Design SystemThe Two Questions I Always Ask
Every frustrating experience boils down to one of two problems. I use these as a diagnostic checklist on every project.
Can users figure out what to do?
The gap between what someone wants to accomplish and what the interface lets them do. If users are confused about the next step, this gulf is too wide.
- Template upload eliminates the question "how do I enter data?"
- Auto-applied FX rates remove the step "find the exchange rate"
Can users tell what happened?
The gap between what the system actually did and what the user thinks happened. If users are asking "did that work?" — this gulf is too wide.
- Color-coded status badges (Active/Pending) show system state at a glance
- Inline validation provides real-time feedback during data entry
These frameworks shaped every case study
Each project in my portfolio shows these frameworks in action — real problems, real users, real impact.
Interactive Labs
Welcome to the workshop. Here, I test and calibrate tactile micro-interactions, spring physics, and voice UI controllers directly inside the browser. Try interacting with the live widgets below.
Experiment 01: 3D Spatial Physics Button
Tactile resistance, spring damping, and physical light-direction mapping.
Structural Component States
Ambient specular light source.
Subtle angular tilt to cursor.
Dipped edge with high contrast.
A11y focus outline (WCAG).
Bypassed dynamic engine.
3D Physics Simulation Playbook
🕹️ The Floating Plate:Imagine a miniature metal plate balanced perfectly on top of physical coil springs. When you press it, it doesn't just slide straight down—it tilts and leans directly under your finger, mimicking a real-world physical switch.
🔦 The Highlight: Chiseled Metal Bevels:When you tilt the button, the side sloping towards the light catches a bright gleam, while the side sloping away becomes darker. This creates a realistic "glint" that moves smoothly as you drag your finger.
🌑 The Shadow: Hovering above the Table:If you tilt the card or push it closer to the table, the shadow underneath it shifts, shrinks, and gets much sharper, making it feel suspended in real 3D space.
Vector & Physics Equations
dy = (clientY - rect.top - h/2) / (h/2)
Experiment 02: Voice Command Hub (Voice UI)
Built-in local transcription, acoustic synthesizer, and global site command triggers.
Voice Assistant Command Specs
🗣️ Local Audio Router:Speech Recognition happens entirely locally inside the web browser via the Web Speech API. The engine listens for specific spoken phrases, matches them against command patterns, and routes them.
🎹 Synthesizer Feedback Loop:When a command is matched, the router triggers a Speech Synthesis audio confirmation. If it is successful, the assistant verbally responds (e.g. “Switched to dark theme”).
Router & Synthesizer Specs
isMatch = keywords.some(k => cleaned.includes(k))