Brawl Stars Game App

Role: UI/UX Designer (Concept Redesign)
Tools: Figma (UI design & prototyping), Adobe Illustrator (icons), After Effects (interaction references)
Duration: 2 weeks
Platform: Mobile App (iOS – iPhone 13 & 14)
Goal: Redesign key onboarding and selection screens of the Brawl Stars mobile game to improve clarity, engagement, and visual consistency while preserving the playful Supercell brand identity.

This project focuses on reimagining core screens of the Brawl Stars experience - splash screen, character selection, and game mode selection. The goal was to enhance usability and emotional engagement for both new and returning players by simplifying navigation and emphasizing character personality through bold visuals and clear calls-to-action.

The design keeps Brawl Stars’ signature cartoon style while improving layout hierarchy, touch-friendly interactions, and visual flow between screens.

Although Brawl Stars is highly engaging, fast-paced mobile games often face UX challenges such as:

- Overstimulating interfaces for new players

- Unclear progression during onboarding

- Cognitive overload from multiple currencies and modes

- Character selection screens that feel cluttered

These issues can impact first-time user retention and slow player understanding of game mechanics.

A streamlined, visually structured mobile UI that:

- Introduces the game with a clean, brand-forward splash screen

- Highlights characters individually to build emotional connection

- Uses strong color coding per character

- Simplifies game mode selection with icon-based navigation

- Maintains high visual energy without overwhelming the user

The result is an intuitive flow that guides users step-by-step into gameplay.

- Character-Focused Screens: One character per screen reduces cognitive load

- Color-Coded Backgrounds: Helps players associate characters visually

- Icon-Driven Game Modes: Faster recognition and selection

- Minimal Text UI: Encourages exploration rather than reading

- Strong Primary CTA Buttons: Guides users confidently forward

The redesigned Brawl Stars mobile UI delivers a cleaner, more engaging onboarding experience that balances playful aesthetics with usability. By reducing friction and improving visual hierarchy, the design supports faster decision-making and stronger player engagement from the first interaction.