Wargaming.net | UX/UI

  • 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