top of page
 Last update on June 09, 2024

MARVEL RIVALS

MULTIPLAYER   |   PVP   |   STRATEGY   |   FPS

INTRODUCTION

​​​

​​

This showcase presents my work on Marvel Rivals, an upcoming team-based PVP shooter developed by NetEase Games in collaboration with Marvel Games. As the game neared its launch, I contributed by conducting a general UX analysis.

​​​​

​​

Role: UX Designer

Team: 2 UX designers + me

Timeline: 05/2023 - 07/2023

Tools: Figma, Photoshop, Exel

(Game trailer)

​​

MY CONTRIBUTIONS

​​

My contributions incorporate​ recommendations from other AAA game examples and proposed user-friendly principles, covering areas such as culture norms, western perspective best practices, interaction design, user flows, UI design, content, localization, and accessibility compliance. 

I have focused on the following content areas:

​​

Lobby Main Menu

  • Lobby flow

  • Socials button

  • Button prompts

Heroes

  • Glitch VFX on characters

  • Side banner

  • Skill hierarchy

  • Hero overview

  • Video readability

Custom Game / Room

  • Friends icon

  • Team swapping

  • Team mates information

Chat

  • Pinging system

  • Chatbox

  • ​Customizable chat

Combat / HUD

  • Character selector

  • Battle announcer

  • Match summary

  • Ultimate bar

  • Directional icons

  • Crosshairs

  • Mission information

  • Visual art

  • ​Battle stats

Accessibility

  • Text readability

  • Text and content readability

  • Subtitles and captions

  • ​Scalable and readable icons

  • ​Epilepsy and motion

  • Colorblind modes

  • Character color outline

  • Audio

  • Brightness calibration

  • Controller and accessible mapping

Miscellaneous

  • Visual identity

  • Console adaptation

  • ​Localization

Ancora Lobby Main Menu

​​​

LOBBY MAIN MENU

 

 

In this part, my main focus was on analyzing the visual appeal and the intuitive design of the game's entry point for players, enhancing their initial interaction with the game.

Section 1 - Page # 1.png

​​​

HEROS

Ancora Heros

​​

Based on the current design, I proposed some improvements for character UI that align with the rich lore of the Marvel Universe, ensuring each hero felt authentic and engaging. Additionally, I identified with information hierarchy and user reading patterns, which needed addressing to enhance overall usability.

Section 2- Page # 1.png
Ancora Custom Game

​​

CUSTOM GAME

​​

 

In the custom game section, there were several UX issues related to team mates interactions and I proposed solutions inspired by similar games to address these problems.

​​​

Section 3- Page # 1.png
Ancora Chat

​​​

​​

CHAT

​​

 

During my work, the game was still in the WIP stage, which included the chat system. So it was easy to identify chat features that needed improvements.

​​​

Section 4 - Page # 1.png
Ancora Combat HUD

​​​

​​

COMBAT / HUD

​​

 

As a PVP first-person shooter game, the combat and HUD are crucial for the user. Therefore, I meticulously reviewed and refined these aspects to ensure they are both functional and intuitive.

​​​

Section 5 - Page # 1.png
Ancora Accessibility

​​​

​​

ACCESSIBILITY

​​

 

From my work experience, I have noticed that accessibility is often lacking in Chinese UX design. To address this, my colleagues and I have thoroughly collected numerous accessibility related features in this project.

Section 6 - Page # 1.png

​​​

​​

MISCELLANEOUS

Ancora Miscellaneous
Section 7 - Page # 1.png

CONCLUSION

 

The launch of "Marvel Rivals" has been a rewarding experience, with my UX analysis contributing to the game's final success. While I didn't produce formal UX design documents for this project, all of the insights from my research were incorporated into the final product. It’s been fulfilling to see how the analysis influenced key aspects of the game's design, improving the overall player experience. Collaborating with the team and seeing these positive changes reflected in the final work has been a valuable learning experience for me.

Feel free to reach out :) I'm looking forward to hearing from you!

Kim's UX Design Portfolio  ©  All rights reserved.  Privacy policy  -  2025 Sweden

© 2023 by KIMUX.

bottom of page