Squad

Party System and Controller Implementation

SQUAD

I worked creating the Party Menu for crossplay experiences for Squad. The challenge was communicating to players all the options of the party system menu and facilitate finding friends, creating a party, blocking and reporting players and receiving invites and notifications.

As the player moves through the different icon options :

Online, Offline, Friend Invite, Party Invite, Notifications, Blocked Players, Recent Players, Party and Find Friends.

Each title on the Menu adapts to indicate which tab the player is currently on, facilitating the learning curve on the icons, as well as having high contrast numbers to indicate how many players are in a party, number of notifications and friend invites.
Selected players and tabs are highlighted in yellow to follow established brand guidelines.
Player card updates to indicate the status of the players (In Party, Blocked, Invite Pending), adding in text to aid colorblind players instead of relying in just color.
Selected tab color is switched from white to black to further indicate a selected tab, numbers are capped at +99 to avoid cropping problems with text on different screen sizes, however, the actual number will always be showned next to the title to reflect the final number.

Created controller bindings for gameplay using Figma to prototype and present to the team, once approved I implemented them using Unreal 5.8.2, testing scalability, safe zone padding and background contrast.

Text was added using a String Table to facilitate localization and memory efficiency, size boxes have padding on the top and bottom part to prevent any cropping across multiple screen sizes and image textures were sized by the power of 2 and added as Common UI.