Restyling of interfaces

A lot of work has been done on restyling old interfaces. The UI-kit has been almost completely redesigned, the vast majority of components and interface elements have changed.

Improvements in interfaces

In addition to the visual transformation, some interaction scenarios have changed for the better. Below are a couple of good examples

Mission screen

For better navigation, information has been added about the mission's belonging to the block.

To make the mission screens visually different from each other, a unique illustration has been added for each mission.

The block with the requirements necessary for passing the mission has become more informative.

It became possible to replenish the necessary resource without closing the mission section.

The award block now looks more informative and attractive.

The corrupt network invitation screen

The screen with invitations to the corruption network and the invitation functions were divided into two screens. That unloaded the list of invitations and separated the invitations from the “send invitation” function.

Designing new mechanics for card combat

The new mechanic not only complements the gameplay, but also affects the original clicker mechanics. Therefore, unique interfaces were developed and also existing ones were fragmentarily changed.

Cards

There are three classes of cards:

People

Organizations

Documents

For passing the game and for winning battles, the player receives resources and units as a reward. Сards are made of units. The more identical units, the stronger the card.

Also, the strength of the card is affected by its level and rank. These parameters increase according to the player's level and the progress of the game.

Card
level

Userpic

Card
rank

Power

Ammount
users

Card Nam

Defense

Class

A collection of cards can be used to create skirmish decks. The interface allows you to build a deck of 1 to 10 cards.

By default, you can only make two decks, but you can buy as many slots as you want for new decks.

The new mechanics required drawing more UI elements

The deck can be viewed in preview mode. Each card can be removed or replaced. Also you can buy a card slot and add one more deck.

Card battle

To complete the mission or to prove yourself at the expense of other players, you will have to fight with the help of the assembled deck.

The whole design system

All screens

PDF

Download all screens (109,4Mb)

← Previous

Next →

e-mail: k.egorov87@gmail.com

telegram: @kirsanych87