Commander Skills Screen Concept
Role / Senior Product Designer
Domain / Game UI
Timeline / 4-day sprint
Platform / Desktop (PC)
Domain / Game UI
Timeline / 4-day sprint
Platform / Desktop (PC)
NAVAL STRATEGY: COMMANDER SKILLS
Keep extreme information density readable. Players must compare stats and choose upgrades quickly — without turning the interface into a spreadsheet.
The Challenge
Design a data-dense commander skills screen for a tactical naval MMO — combining ship stats, commander context, and a large skill tree into one scannable view.
The Mission
Design Decisions
Thematic UI
Military-grade styling with controlled contrast and restrained effects — game-native and readable.
Skill States
Clear states for learned / available / locked skills — without relying on tooltips.
Strict Visual Hierarchy
Zoned the layout (commander context, ship snapshot, skill grid) for fast scanning.
