ADOBE XD   |   PHOTOSHOP   |   ADOBE FLASH
Player Profile Redesign
The original version of the player profile had every equipable cosmetic separated into different screen which users had to click into to make changes and then hit back to HUB to change something else. In order to streamline this process and allow for fewer clicks for the players, the profile section of consolidated down to one screen with tabs separating each cosmetic type. This allowed for players to quickly update any accessory and jump right back into the game.

Original design

The player profile also had to house the player's level progression, profile info, match history, and rank. Initially this was also all separated. So to allow for these elements to be accessed as seamlessly as the new profile, they were grouped together under a "player progression" button which then featured the same tab system.

Prototype of redesign

Final Product
Store Redesign
The goal of the store redesign was to create a dynamic featured page which would allow for monetization/marketing to highlight more exclusive and new content. Initially the features page only included the deals of the week, one advertised bundle, and battlepass progression.

Original design

Final Product
A recommended section was added to the features page of the store. This section housed a dynamic grid which would autogenerate with content as the player scrolled. The goal was to allow for players to easily see newer content or cosmetics that directly interested them based on their previous store views or purchases.
Initial Outline for Redesign

You may also like

Back to Top