Interactive Usability & UI Engineering Sandbox

UX Playground

Step inside the interactive lab. Test usability, audit heuristic traps, and manipulate live design systems—from gamified dark pattern discovery to WCAG split-screen refactoring and real-time product decision engines.

Gamified Heuristic Audit WCAG 2.1 Contrast & Density Modular Command Canvas Product Decision Engine

Select Experiment

Experiment 01: Spot the Usability Flaws

Click directly on flawed or dark pattern elements inside this mock SaaS checkout portal.

🎯 Flaws: 0/5 XP: 0

https://checkout.enterprise-saas.internal/v1 Audit Mode Active

Hurry! Deal expires in 02:47 minutes! Prices will double! Expiring

Enterprise Logistics API Subscription

Account Email

Set Master Admin Password

Hint: We won't tell you the 5 required character rules until you click Submit and fail.

By clicking pay you agree to automatic non-refundable quarterly renewals of ₹48,000 billed without prior notice, arbitration waiver, and cancellation penalty clauses.

Click on any suspicious or flawed elements in the checkout form above to reveal the UX heuristic and Rohit's redesign solution.

Experiment 02: Legacy vs Enterprise Redesign

Compare an unoptimized legacy logistics dispatch table against Rohit's accessible enterprise design system.

Visual Hierarchy

WCAG Contrast

Comfort Density

BEFORE: Legacy Clutter

AFTER: Rohit's Design System

DISPATCH_OPERATIONS_SYS_V1.4 (LEGACY UNOPTIMIZED)

Raw SQL Dump • Unbounded Horizontal Scroll • Zero Hierarchy

40 Unformatted Columns

AWB_ID	SYS_STATUS	CLIENT_NAME	ORIGIN_FACILITY	DEST_STATION	ASSIGNED_DRIVER
#88219-BHW	ALERT_DELAY	RELIANCE RETAIL LTD	BHIWANDI_HUB_02	PUNE_FC_SOUTH	RAMESH_K (982001)
#88220-DEL	FAILED_DOCS	TATA 1MG HEALTH	DELHI_NORTH_GATE3	JAIPUR_CENTRAL	UNASSIGNED
#88221-BLR	IN_TRANSIT	AMAZON SELLER SVCS	BANGALORE_AIR_CARGO	CHENNAI_EXPRESS	SURESH_P (984012)

Audit Pain Points:

Severe operator cognitive load: unformatted uppercase acronyms, raw identical text weight, no visual status anchors, repetitive blue edit buttons requiring 3 extra modal clicks per shipment.

Active Dispatch Pipeline • Production v2.0

Real-time Telemetry • Automated Exceptions • One-Click Actions

Weather Alert #SHP-88219 • Reliance Retail

ETA: 42 mins

Bhiwandi Superhub → Pune Fulfillment Driver: Ramesh K. (+91-982001)

On Track #SHP-88221 • Amazon India

On-Time SLA (99.4%)

Bengaluru Air Hub → Chennai Express Driver: Suresh P. (+91-984012)

Rohit's Measurable Impact:

Sub-second scannable status badges, proactive weather rerouting signals, task completion time reduced by -57%, operator input errors dropped by -94%.

Experiment 03: Modular Dashboard Builder

Click widgets from the left palette to construct your own custom enterprise command center.

Widget Library

Experiment 04: UX Strategic Decision Simulator

What would you do? Test your product intuition against real-world FinTech & Logistics dilemmas.

Scenario 1 of 3

Executive Challenge

Loading Scenario...

...

Choose Your Strategic Direction:

Strategic Verdict

Metric Impact Gauges

📈 Funnel Conversion 50%

🤝 Long-term User Trust 50%

⚖️ Operational & Compliance Risk 50%

Rohit's Design Philosophy

"Great UX is neither pure art nor pure compliance. It is the calculated harmony where business KPIs, technical scalability, and user empathy intersect."