2XKO

Role: Lead UX/UI Artist


UX / UI Implementation

A lot of 2XKO work is still under NDA / unreleased. What you see below are the snippet videos that have been released to the public and some of their content I had the pleasure to work on.


HUD

UX + UI Implementation

I worked closely with Engineering and implemented and modified various contextual elements of the HUD.

UMG Implementation, Blueprints, Animation
Unreal

Avatar Studio

UI Implemetation

This highly slanted UI style called for grids also scrolling in a slanted fashion.

I created and implemented visual states for all the buttons, headers, grid items.

UMG, Blueprints, Animation
Unreal

Lobbies

UX Graybox Implementation

I implemented graybox versions of various elements of the Lobby overlay, such as the Player State widget, some of the Pause Menu functionality, and various info widget states.

UMG, Blueprints, Animation
Unreal

Play Screen

UX Graybox Implementation

I implemented the visual states for v1 of the Play Screen. It’s a high traffic screen where Players get to choose which type of fight they want to engage in – including training.

I worked closely with Engineering to make sure the graybox implementation worked on all types of devices and that the screen states were correct both from the visual and functional perspective.

UMG, Blueprints, Animation
Unreal

video sources:
> https://2xko.riotgames.com/en-us/news/game-updates/2xko-november-2024-check-in/
> https://2xko.riotgames.com/en-us/news/announcement/whats-in-2xko-alpha-lab/


Localization & Controls


Control Settings

My work included Button Mapping and various pieces of the Settings screen.

UX, Prototyping, UMG
Figma, Unreal

UI Localization

I worked with Design and Engineering to make sure the game’s UI is presentable and functional in a variety of different languages.

UX, Prototyping, Implemetation
Unreal, Notion

Thank You