VISUAL DESIGN // UI IMPLEMENTATION

VAL Store Console Launch

// VALORANT, a free-to-play first-person tactical hero shooter by Riot Games, was initially developed for Windows. In June 2024, it expanded to include support for Xbox Series X/S and PlayStation 5.

As a Senior Visual Designer for the VALORANT Store, I was instrumental in developing the Store UI pipeline, overseeing the design and integration of key visual design features into the game engine for both the Beta and Gold console launches.

My responsibilities encompassed designing and refining the UI for various screens, including Store Landing, Rotating Item, Purchase Confirm, Purchase Complete, Currency Wallet, Accessories, and Night Market.

Additionally, I authored technical documentation and integrated final source files into the main front-end game assets library. All the features showcased in this portfolio were successfully shipped and are live in the current patch 9.06.

Currency Wallet

\\ VALORANT Points and Radianite Points are in-game currencies used for purchasing cosmetics and premium content. I established the UI visual and motion design targets for the Currency Wallet screens, refined the filigrees for the currency tiers, and collaborated with the Store engineers to implement the UI features into the game engine. We developed the Currency tiles interactive states using Unreal UI materials and the sequencer timeline.

VALORANT Points Tiers

Rotating
Item

\\ Rotating Item is a feature in the VALORANT Store where players can explore and purchase collections, individual cosmetics, chromas, and check weapon skin levels. I contributed by enhancing the visual design and collaborating with the engineering team on UI implementation. My responsibilities included text styling, tile styling, setting up the carousel and responsive filigree, as well as scaling and positioning the 3D renders.

Night Market

// In VALORANT, the Night Market provides players with random skins and accessories at discounted prices for a limited time, with each release featuring a unique and regularly changing theme. I was responsible for implementing the UI in the game engine and setting up the tile animations, working closely with engineers and the principal motion designer.