Our redesign of league of legends champion

Description

A redesign done by DevriX for the famous MOBA style game – League of Legends. It is not official (not with contract with Riot) but more of a study to their interface, playerbase demands and general UI/UX improvements. The initial phase was a Photoshop design that got around 500,000 views on Reddit. A few months later we decided to code it into a working web version, proving that the design is not a barrier in web development.

The whole interface is made using CSS/HTML/JS. We have used the latest techniques for optimizing the rendering, animation and performance of the web app by timing the animations and utilizing GPU acceleration. We have also introduced fake "real" scenario for ban picking – the phase we focused for this client. The bots are picking champions just like it would look like in a real life game.

You can see the design we build upon and improved here – https://ladygeekgirl.files.wordpress.com/2015/05/champion-selection-league-of-legends.jpg