Banger GamesA shared space for games and tournaments.
UX/UI design for a gaming and tournament portal. The work brings game discovery, challenges, player rankings and account views into a consistent desktop and mobile experience.
- Gaming · Tournament portal
- UX/UI design & visual identity
The task
The brief called for a tournament portal that both new and experienced players could understand. The interface needs to distinguish games, available challenges and player progress while keeping them within the same product.
Discovery and progression
Find a challenge
The portal groups games and tournament information. Challenge lists give each entry a structured place for its mode, timing and related details.
See player progress
Leaderboards, profile information and rank badges present different views of progression. Their shared visual language connects them to the rest of the platform.
The interface
The visual case includes detailed screens, mobile layouts, typography, a responsive grid and character design. Dark blue surfaces and red accents connect these pieces into a single identity.
- Games and challenges
- The interface combines game selection with lists of available challenges. Repeated rows and labels organize the information needed to compare entries.
- Leaderboards
- Ranked lists and champion highlights present player standings at different levels of detail. Tables give the supporting information a consistent structure.
- Responsive layouts
- Desktop compositions are adapted for mobile with compact navigation and stacked content. The case shows the grid and typography behind these variations.
- Ranks and character design
- A family of badges visualizes progression, while the bomb character gives the platform a recognizable mascot. Both are developed alongside the interface styles.
The original design
Explore the screens, user flow, typography and color palette in the original visual case.
Have a complex product to design?
Tell me about the product, the people who use it and the part you want to improve.
