Quick Note: You can use sample content from esport related material. The map you can see on the right its called "summoner rift" you can find it in google.
Feel free to be creative using with the help of the examples provided. Please notice that when things are clicked it should also look like "they are selected somehow" not everything but perhaps when you pick a team to bet on, or players it should show they have been "selected"
Please look at the sketch to understand the following better.
STRUCTURE: (YOU CAN FOLLOW THE SAME LAYOUT OR DO YOUR OWN IF YOU CAN COME UP WITH A MORE EFFICIENT ONE)
1)Team betting area. Here 2 teams will be put for betting, it will have a background image related to the game (Its not really important waht image) as this will be changed from the backend panel)
The 2 teams will be listed with their names inside a box, user must first scroll an amount to bet and then select a team for a bet to happen. It will have the Time left up right
2)Top Menu This will be a top menu bar (take inspiration from vulcun.com, but there is no real preference) On the right area there must be "users Online" "Message/Notifications" "Credits Available" (2 types of credits)
Gems and RealMoney, and lastly Username menu (with small avatar)
3)SideMenu (This is expandable) It will list 3 games with icons (Counter Strike Global Offensive /League of Legends/Dota 2) Once user clicks any game it will expand and display the sub-menu (Current Games) and (Fantasy Games)
If the game is live it will also have a green circle or the world Live to show the game is being played. The matches below current games like sample will display the flags of the teams (They can be on 1 line instead of 2, there is no preference) and the time remaining for them to start. Below the sub-menu (Fantasy Games)
It will simply display a single icon and the games available (And time for them to start)
4)This is the main Fantasy League team selector, which will show firstly the name of the league, the amount of participating players combined.
Below the amount of matches that compose the fantasy league (should have space for 12 or more in the sample I used 5 matches). In the right it should show the First Prize takes: amount of dollars.
Below that there is Available Players and they will be displayed by Team Icons. (In this case ALL (40) and TSM is an esport team so it will have an Icon instead) (TSM icon).
This contains the Picture of PLayer/username/Team/Points in Season/Salary and the option to add him
5)Map that will also contain the faces of the players you select and they will show on their positions.
6)Select the Fee/Entrance of the game. Here is a list of the game name, the amount of players, and the fee amount. With a below button "Enter Contest"
7) Once you add a player in the right on the black box "My Team" You will see your reamining salary, and average per person salary aswell
as the pictures/positions of the players you choose on a summary. Its the manager area of the team you select on "4"
9). Below that there is an ad space