VISUAL DESIGN // UI IMPLEMENTATION

VAL Store Console Launch

VALORANT, Riot Games’ free-to-play first-person tactical hero shooter, was originally developed for Windows and expanded to Xbox Series X/S and PlayStation 5 in June 2024.

As Senior Visual Designer for the VALORANT Store, Bruno played a key role in developing the Store UI pipeline and integrating core visual design features into the game engine for both the Beta and Gold console launches. His work spanned the design and refinement of multiple UI screens, including Store Landing, Rotating Item, Purchase Confirm, Purchase Complete, Currency Wallet, Accessories, and Night Market.

Bruno also authored technical documentation and ensured final source files were properly integrated into the front-end game assets library. All features highlighted in his portfolio were successfully shipped and are live in patch 9.06.

Currency Wallet

VALORANT Points and Radianite Points are in-game currencies used to purchase cosmetics and premium content within VALORANT. Bruno defined the visual and motion design targets for the Currency Wallet screens, refining the filigree details that distinguish each currency tier. He worked closely with Store engineers to implement these UI features directly into the game engine.

Bruno also contributed to the development of interactive states for the currency tiles, utilizing Unreal Engine’s UI material system and sequencer timeline to bring responsive, polished motion to the experience.

VALORANT Points Tiers

Product Detail
Page

The Product Detail Page in the VALORANT Store allows players to browse and purchase collections, individual cosmetics, chromas, and view weapon skin levels. Bruno contributed to this feature by enhancing the visual design and collaborating closely with the engineering team on UI implementation.

His responsibilities included styling text and tiles, configuring the carousel layout, implementing responsive filigree elements, and managing the scaling and positioning of 3D renders to ensure a polished and immersive user experience.

Night Market

In VALORANT, the Night Market offers players a rotating selection of discounted skins and accessories for a limited time, each release featuring a distinct and evolving theme. Bruno was responsible for implementing the UI within the game engine and setting up the tile animations that bring the experience to life. He collaborated closely with engineers and the principal motion designer to ensure smooth integration and polished motion across the feature.