A command centre that turns complex game configurations into a legible, efficient operating experience.
React.jsAnt DesignGraphQL
Overview
Simplified multi-layer game configuration and centralized operational control.
Selected interface moments
Crafted for real work.
Client visuals are confidential. These presentation studies reflect the interface qualities behind the work: hierarchy, clarity, and focused operational flow.
Game operations were distributed across dense, nested configuration flows. Operators needed a clearer way to understand and act on the system without unnecessary friction.
My role
Designed the frontend information architecture
Built management and analytics modules
Partnered with backend engineers on data flows
Constraints
Deeply nested configuration data
Large dataset views needed to remain responsive
Different operator roles needed an understandable experience
Design & development process
Mapped operational tasks into clear, repeatable flows
Established modular interface patterns
Validated states and data density with the delivery team
Technical decisions
Composable React modules for game domains
GraphQL queries shaped to each view
Predictable state updates to limit unnecessary rendering
Challenges
Making complex configuration feel approachable
Preserving performance as the data volume grew
Solutions
Progressive disclosure and grouped controls
Focused rendering paths and reusable table patterns
Outcome & impact
Simplified multi-layer game configuration and centralized operational control.
Lessons learned
A dashboard earns trust when hierarchy makes the next action obvious, even under operational pressure.