Website powered by

Qualcomm Carbon Core Brawl UI Design & Implementation

Qualcomm Carbon Core Brawl (QCCB or CCB) is a small online, up to 4 players, brawl based fighting game developed to showcase Qualcomm's new Snapdragon Direct X capabilities using Unreal Engine back in 2022.
I was tasked with designing and Implementing the all if the UI, first creating mockups by following wireframes, exporting the final individual assets, and implementing and programming those the final designs into Unreal Engine's Unreal Motion Graphics (UMG).

I had the honor of working with Qualcomm's Art Director at Snapdragon Game Studio.

We Also had to upgrade the project from Unreal Engine 4 to 5. Luckily we all ad previous experience and knew a lot of what needed to be fixed/changed.
The project also made use of Epic Online Services (EOS) which was used to track the progress of players, unlock achievements and display leaderboards.

The team and I had a lot of fun with this project (except having to clean up old Blueprint scripts). It was an extremely short and tight 3 month project, so we had to focus on main requirements and couldn't make thing too fancy, however the team was able to finish early and work on a few stretch goals.

UI Controller 01_01

UI Controller 01_01

UI Controller 02_03

UI Controller 02_03

UI Keyboard 03_01

UI Keyboard 03_01

UI Keyboard 03_03

UI Keyboard 03_03

UI Leaderboard mochup_03

UI Leaderboard mochup_03

UI Leaderboard mochup_04_02

UI Leaderboard mochup_04_02

UI Leaderboard mochup_04_03

UI Leaderboard mochup_04_03

UI Leaderboard mochup_04_04

UI Leaderboard mochup_04_04

UI Leaderboard mochup_04_05 [coloured card backgrounds]

UI Leaderboard mochup_04_05 [coloured card backgrounds]

UI Leaderboard mochup_04_05 [coloured window background]

UI Leaderboard mochup_04_05 [coloured window background]

UI Leaderboard mochup_05_02

UI Leaderboard mochup_05_02

UI Leaderboard mochup_06

UI Leaderboard mochup_06

UI Multiplayer 01_02

UI Multiplayer 01_02

UI Multiplayer 02_01

UI Multiplayer 02_01

UI Waiting Room [lobby] 02_01

UI Waiting Room [lobby] 02_01

Waiting Room [lobby] 02_03

Waiting Room [lobby] 02_03

Waiting Room [lobby] 03_01

Waiting Room [lobby] 03_01

Waiting Room Abandon 01_02

Waiting Room Abandon 01_02

Waiting Room Abandon 01_03

Waiting Room Abandon 01_03

UI Error popup 01_01

UI Error popup 01_01

lobby [guest] 03_02

lobby [guest] 03_02

Host Abandon Match 01_02

Host Abandon Match 01_02

Host Abandon Match 01_03

Host Abandon Match 01_03

Select an back buttons example

Select an back buttons example

UI flow mockup 01_01

UI flow mockup 01_01