The vlr website is a go-to place to check out scores for any particular professional Valorant match happening in India, North America, or even Europe. The website has archival data for pretty much every team and also has rankings for the best teams across various regions. There are other websites that cover similar data but this has been the most used website for quite some time.

The website although covers everything you need in terms of data visually lacks the excitement of the game. With Valorant being so aesthetic in terms of its characters and artwork vlr can also resemble the same with a visual redesign.

As part of the deliverables, I built a modified design system for vlr. I started off with looking at multiple colors used in valorant and the media that they produce. After some careful observation I was able to understand the use of split complimentary colors in their designs. As I was going for a dashboard like feel it was important to understand that these colors will be used as accents in the website wherease the major colors would be greys and whites.

The fonts were sorted out in a way that I don’t lose out the gaming element of Valorant but also keep in mind that the data has to be easily readable.

I designed basic components to build a dynamic interface around it. While designing these I always kept in mind that although this is a dashboard it has to have the fun element of gaming in it for the users to enjoy using it.

There were a lot of positive feedback about how the navigation was made easy and customizable as per the users requirement. The professor pointed out that he was interested in the website even though he was not interested in the game. He wanted to click around and credited the design for the same.