Challenge
Refreshed the design and created a visual system for each element that helps different departments and new game products work easily.The main focus of this website was promoting corporate products, showing their games and features.


Goals
Create a solid positive impression from wargaming corporate brand for organic user-flow on this corporate portfolio. 
User experience consistent between other parts of the ecosystem for the player in wargaming user flows. All these elements found their places in the new version of the corporate portfolio. Registration flow for new users was organically implemented to "about game" page. Where the user is staying on the current page and can easily create a new game account and start downloading and playing the game.


Solutions
Final design system included several flexible content sections. Each section is supposed to address a certain motivate or a reason to try a game and highlight features that might resonate with the target audience. On different projects, we have a unique selection and detalization of design systems. At this web portal, we have many of them. 
- Description for business analysts to help them prepare better logic flow and specification for the development department on early stages 
- System of information for content creators and product owners (when we talking about new games or products ). This table consists of information about symbols limitation, composition variations, styles, examples on that we expected from art, video production departments and information about available formats that we can use to create a new page for the new coming game.
- The system with animations consists of examples or our animations,  created for this project, plus descriptions for some complicated cases where we added information about timeline and timing numbers or information about transitions with detailed descriptions.
- Last one and the most detailed system is about the main page and page and consists of a list of page/ widget elements with a description of this element, grid system and proportions, animations examples or links to our animation variants.



​​​​​​​​​​​​​​wargaming.net 

cinema graphs for each game product 
products from Wargaming

Widget's system
To be consistent on every page on our portfolio website we create the number of different widgets that help us solve problems and needs for each product in the Wargaming company portfolio. If it will be a small or big game it doesn't matter we got a solution for all.


desktop screens




mobile
Unit widget
This is one of the most using and useful widgets in widget system that we had created. Combination of big picture and name of unit plus description and main unique unit abilities.


desktop

home page mobile




credits

Management and business analyse
Aleksandr Kunitskiy      
Darya Gerasimovich     
Denis Shchelochkov     
Denis Martsynchik      

Design team
Zakhar Shlimakov      
Ekaterina Makarova      
Evgeniy Kochurov      

Content team
Margarita Dekhtyar      
Raman Ramanau      
Vadim Britkin      

QA and Development
Roman Savlyukov     
Vladimir Kritov     
Evgeniy Gnatuk    
Dmitriy Skvira     
Boris Mishunin      
Evgeniy Kharitonov  


​​​​​​​​​​​​​​wargaming.net    




Wargaming.net | UX/UI
620
10.6k
15
Published:

Wargaming.net | UX/UI

This is a redesign of the portfolio website of the Wargaming company.
620
10.6k
15
Published:

Tools