UI/UX Design & Implementation • Motion Graphics

I was the primary UI designer working on the multiplayer ‘Battles’ PvP mode for the DJ mixing/rhythm game Fuser, where players would compete against each other to create the best mixes and unlock exclusive event rewards. I worked on UX design, UI implementation, and motion graphics for the feature end-to-end, from the initial landing page and progression screens, in-match HUD, and end-of-match results and rewards flows.

battles hub & Ranks

I worked on UX design, technical implementation, and motion graphics for the landing page and rank progression screens for the ‘Battles’ multiplayer mode in Fuser. It needed to be something that fit within the existing look and feel of the single-player side of the game, while communicating additional information to players on rank progress and rewards.

Battles Hub - New Rank

If the player’s rank changed since the last time they were on this screen, we notify them with a highlight and wipe animation which mimics the visual language of “unlocks” in other areas of the game.

Battles Hub

I tried to make the Battles hub screen as responsive as possible. Any selectable items have highlight states, and the player is given information on their current loadout as well as their ranks and rewards.

Battles mode - in-game

In addition to the hub, I worked to implement HUD, motion graphics, and intro/outro UI for PvP matches in the Battles mode. I implemented UI and motion graphics for PvP match intro/outro, countdown, in-match health bar, status effects, and updates.

end-of-match results & rank progress

In addition to the main menu hub screen, I worked on UX design, technical implementation, and motion graphics animation for end-of-match results and rewards sequences. Instead of being purely informational, we wanted to give the player a sense of achievement and success when winning a match, and not rub losses in too much, while also showcasing rewards and rank progress.

fuser - battles end sequence