ACX — MOBA UI System (Roblox, PC & Mobile)

A full front-to-back interface pass for a 5v5 MOBA — 2.5D anime themed, built for Roblox on PC and mobile. 14 screens covering lobby and progression (Heroes, Individual Hero, Inventory, Shop, Cosmetics), match flow (Non-Ranked Selection, Ranked Draft, Loading), in-match UI (PC HUD, Mobile HUD, In-Game Shop, In-Game Statistics) and Post-Game Stats. Designed at 1920×1080.

The brief asked for reusable templates over per-screen art, so the whole thing is driven by one shared kit rather than 14 one-off layouts: 9-slice panel frames, a slot container with default and selected states, tab buttons with active variants, bar track + fill in HP / mana / XP / enemy flavours, keycaps, round touch buttons, and a set of overlay masks — radial wipe, bottom-up fill, grey veil, glow border — so cooldowns, locks and ready states are applied instead of redrawn. Skill slots ship as a single component with ready / cooldown / locked / active variants.

Built for engineering: relative scaling with gameplay elements kept clear of Roblox's core-GUI safe zones, all text and numbers separated from background graphics so they can be driven dynamically, and mobile touch controls (joystick, ability buttons, attack, active items) delivered as standalone, self-contained widgets for a repositionable HUD.