Entertainment Mode
Ranked
Project Overview
Client
Garena
My Role
UX Designer
Timeline
May 2024 - Aug 2024
My team and I have developed a new game mode called “Entertainment Mode Ranked.” This mode is designed for players who want to enjoy stress-free gameplay and unique experiences, while still feeling a sense of accomplishment through achievements and pride displayed on the leaderboard. Whether players win or lose, their rank will never drop; it will only increase, either slowly or rapidly.
Responsibilities
As a UX Designer on this project, I was responsible for designing the end-to-end user experience of an entire game mode, with the goal of making it simple and easy to understand for players. I collaborated closely with artists and engineers to bring the design to life and prepare it for launch in multiple regions.
This Modes Contains
4 Parts
Final Layout Draft
Final Prototype
Part 1
User’s information
This section displays information about the entertainment mode, including the player's name, achievements, and win rates. Players can select which stats they want to showcase proudly.
Problem & Solution
Problem:
My team initially proposed a modular grid layout to give players a “hall of fame” feel. While visually appealing, I felt it lacked essential information such as badge statuses and descriptions. I suggested an alternative horizontal column layout that included both icons and detailed context.
Solution:
After a thoughtful debate on the pros and cons of each approach, I took a step back, reviewed the strengths of both designs, and created a new hybrid layout that combined the best of both ideas to improve clarity and engagement.
Modular Grid Design
+
Horizontal Column Grid Design
=
User Expand: Final Layout Draft
User Expand: Final Prototype
(Yes, I love Overwatch Rank Icon Design!!)
Part 2
Leaderboard
This section provides information about the player's rank in each leaderboard category, including their friends, a random weekly group, and the overall world ranking (players can choose which region they want to compete in.)
User Flow: Leaderboard
User Flow: When Player Press Add Friend Button
Leaderboard: Main Page Final Layout Draft
Leaderboard: Main Page Final Prototype
Part 3
Rank Information
This section displays player rank details for entertainment mode, including rewards, stars, and other rank-related information.
User Flow: Rank Information
Rank Information: Final Layout Draft
Rank Information: Final Prototype
Part 4
Game Mode
This section displays the available entertainment modes that players can compete in to climb the ranks. It also highlights when other modes will become available. To improve clarity, I added a countdown timer so players can easily see how much time remains, rather than relying solely on static availability times.
User Flow: Game Mode
Game Mode: Final Prototype