There are some of the many design ideas i had for three tabs into game’s website, and both of them are directly related to a map page. I will describe their aspects and main functions then in sequence:
Note: The tabs are not aligned in order to demonstrate how it would be into a real/functional website page design, but only simply separated concepts of each one of them within demonstrative purposes.
-
Game description: A basic and simple way to show description from any map, featuring the label, and right up aside that, some sort of tags representation, within a menu next to it, which is supposed to have tags addition or modifying respectively.
-
Game info and rating: That’s indeed the most part of the reason i’ve begun to create these concept ideas, and mostly when i saw such a basic initial design for this tab available in website, and wanted to display a design idea for it. The main “attraction” here can be seen when looking at the rating bar right above everything, which like the Roblox one (also where i got the inspiration for this) you can see the rating percentage according to likes or dislikes, and view what is going on with your game in that regard.
- Next to the below part, there are some basic info about how many people played or are actually playing, and next to it the creation/update dates and time.
There are the likes/dislikes buttons, and a trio of 3 buttons: To favorite, report or share the game.
- Next to the below part, there are some basic info about how many people played or are actually playing, and next to it the creation/update dates and time.
-
More from this user: A simple list of many other games the actual map owner has to offer, featuring a basic push bar to move along the horizontal list, and a button aside to see everything at once. You can realize that i’ve adjusted the rating from the map according to the parameter on how much it is good or not, deppending on the percentage displayed in the corner.
As you see, in the most part of concept i had the concern to keep everything just like the same visual language, which is part of the current website design.