Brawl Stars Design

UX Evaluation, UI Redesign, 2021

Software Used: Notion, Photoshop, Figma, Goodnotes.

Problem: Players of Brawl Starts need an easier way to compare Brawlers.

Solution: I designed a UI system that would allow players to quick select and compare Brawlers before making a selection.

Step One

User Evaluation

Before designing anything I played through the game as a new user and evaluated the first time user experience. When evaluating games I always keep in mind user heuristics as well as my theoretical knowledge of games design to explore what is functioning well and what could be improved, and how to effectively communicate that.

Step Two

Ideation and Design

After playing through Brawl Starts I began to iterate how a design change may work within the game whilst keeping the general function and style the same.

After sketching out ideas and potential designs I moved into Photoshop to create mock-ups of how the screens may appear in game.


Step three

Prototype

After consolidating my idea I prototyped it in Figma. The only way to fully understand a designs effectiveness is to actually use it and get it tested by others.

Here you can see the final prototype for my suggested idea.

If I to redo this project I would make the prototype more intuitive with the Figma knowledge I have since acquired.