Mockups of different wireframes, testing different placements. On the original Overwatch 2 Hero Select, there is a lot of information. When building upon my wireframes, I will look into adjusting size; Currently, there are 36 heros.
Updated plan - In Overwatch, the hero icons are quite small due to space on the screen, the main focus is the hero animation.. I like the feature of seeing the character model up close. So instead, I will be editing the character selection. Above the big white box, 'Tank - Dps - Support' will be buttons, this will allow for change between each role. In role queue, you can still switch between roles, except roles not selected will be greyed out.
My last design was my favourite amongst the blockouts, I wanted to iterate from that and make it look a little more professional. By setting a poll for people who play overwatch, I found that the right was the favoured design.
