Website powered by

Battle Pass UI | Armored Warfare: Armata

UI UX design for battle pass in game Armored Warfare: Armata from Mail.ru
There is only few screens from huge game activity.
The goal was to develop understandable navigation between screens. It was also necessary to create an environment that could be used every year with minimal changes in design.

This work was done with a requirement for screen resolution. All screens are made in the minimum resolution.
Screens change without increasing the size of the elements. All elements are aligned and remain in their intended places.

Promo page

Promo page

Main profile page

Main profile page

Rank (single reward)

Rank (single reward)

Rank (triple reward)

Rank (triple reward)

UI kit for reward screen

UI kit for reward screen

UI kit for reward screen

UI kit for reward screen

Missions main screen

Missions main screen

Mission | Inside

Mission | Inside

ui kit for mission screen

ui kit for mission screen

Some promo cards for sale ingame stuff (hover state on middle)

Some promo cards for sale ingame stuff (hover state on middle)

icon for battle paths 2018-2019

icon for battle paths 2018-2019

Interface tree with all screens and with all states

Interface tree with all screens and with all states