Copy of POPO20210909-162947_edited_edite

Marvel Rivals

How to build a fresh marvel universe, this Universe is both Marvel and not Marvel

This is the primed design for Marvel Rivals. It is somewhat different from the officially released version.

But you can get how we define the key

Marvel Rivals - The Super Hero Team-based PVP Shooter

Marvel Rivals Web:

UI
UX
Concept
Video

Design Meta UI

To present a fresh "marvel" story

This is the primed design for Marvel Rivals. It is somewhat different from the officially released version.

you can get how we define the main design

02-1

Lobby

The story begin

The lobby serves as the first information carrier for players, quickly immersing them into the game's worldview. Each season is like a Marvel comic book story, and from the login screen to the lobby, it's the opening chapter of that story.

Overview

Use seamless camera transitions to tell the story: When players click to log in, the seasonal hero will jump down from a space rift in the sky into the lobby scene, striking a forward-charging pose.

Enhance interaction with the scene to make players feel cool: When players interact with the menu, the hero character in the scene will respond. For example, Captain America will throw his shield.

Core

Story telling + Camera + Interaction

Demo in Unreal Engine ( throw the shield )

02-2

Heros Show

The Story of Characters

Each hero travels from their own universe to the world of Rivals to battle. Every hero has their own story, as well as a new story to unfold here. We should showcase their connection to this universe.

Motion Concept

This design aims to find ways to make an ordinary card brand list more vivid and engaging.

In a flat array of card placements, the heroes' personalities stand out. When hovering over a card, the hero transforms from a 2D plane to 3D, striking an eager stance, ready to burst through the screen. Clicking the card makes the hero jump out, swapping the internal and external spaces of the card. Throughout the animation, the hero executes a series of cool moves, culminating in a dynamic final pose.

Upon entering the hero's details page, the character will dynamically shift between a distant pose and a close-up pose as the mouse scroll wheel moves.