Website powered by
Gladys Teo
Digital and Traditional Artist
Home
Resume

UI Design for Brawl Stars

This project's brief was to work with a partner to redesign the UI of an existing game. So we chose the game Brawl Stars and came up with the Tokyo Olympic theme. Firstly we had to present our idea and then proceed to do a mockup.

For the UI, these are the pages that my groupmate and I decided to redesign. I will only be showing 4 out of 6 pages that I had contributed for this project.

For the UI, these are the pages that my groupmate and I decided to redesign. I will only be showing 4 out of 6 pages that I had contributed for this project.

Firstly, the main page. Since we chose Tokyo Olympics 2020 to be the theme, I incorporated the olympic sports icon, tickets, banners and merchandise into the buttons. The Olympic's blue mascot was designed to fit the game character Colt by my partner.

Firstly, the main page. Since we chose Tokyo Olympics 2020 to be the theme, I incorporated the olympic sports icon, tickets, banners and merchandise into the buttons. The Olympic's blue mascot was designed to fit the game character Colt by my partner.

Here's the full image of the mockup Main Page.

Here's the full image of the mockup Main Page.

Secondly, the Shop Page. I used my groupmate's reskin of Colt and also I reskinned another game character, Shelly to the Tokyo Olympic pink Mascot. I also redesigned the border and icon buttons.

Secondly, the Shop Page. I used my groupmate's reskin of Colt and also I reskinned another game character, Shelly to the Tokyo Olympic pink Mascot. I also redesigned the border and icon buttons.

Here's the full image of the mockup Shop Page.

Here's the full image of the mockup Shop Page.

Thirdly, the Victory Page. I designed the in-game medals based on the Tokyo Olympic 2020 medals and also made it look like an Olympic event with the added podium, confetti and the Olympic logo at the background. I also redesigned the button.

Thirdly, the Victory Page. I designed the in-game medals based on the Tokyo Olympic 2020 medals and also made it look like an Olympic event with the added podium, confetti and the Olympic logo at the background. I also redesigned the button.

Here's the full image of the mockup Victory Page.

Here's the full image of the mockup Victory Page.

Lastly, the New Event Page. I used the same buttons that I designed and also changed the borders. My groupmate did the illustration for the new mockup event we created.

Lastly, the New Event Page. I used the same buttons that I designed and also changed the borders. My groupmate did the illustration for the new mockup event we created.

Here's the full image of the mockup Event Page.

Here's the full image of the mockup Event Page.

From here onwards is the Game Design Document that my groupmate and I presented, to show what is the game about, what will we change and how will we approach redesigning the UI for our game choice.

From here onwards is the Game Design Document that my groupmate and I presented, to show what is the game about, what will we change and how will we approach redesigning the UI for our game choice.

Report