Redesign: Popok Social

Colors:

1. Changed colors closer to Apple Dark mode colors reduce eye strain in low-light conditions.

2. Used logo colors as primary and secondary CTA colors.

Header:

Aligned both buttons to the right, for more comfortable use of all menu items.

Banner:

1. The live numbers bar moved on the banner - the idea is on each banner we can show the numbers of that specific game only, whenever the carousel changes the banner to another game, numbers of that game will appear.

2. Provided a better UI solution for the bar.

3. Made the Game name clickable (the -> sign) to add another CTA for users.

4. Made the hover gradient to give a smoother and nicer appearance.

Tabs:

1. Changed frames corner radius to align with the button and changed colors.

1. Aligned all the components in the card (before they had different sizes and spacing and were situated at different levels,.. looked very messy)

2. Changed the Timer frame corner radius to align with the button.

3. Provided a logical hierarchy and positioning for all the elements, now they look in a better order and clean.

4. Used a new color for the button and “entry free” so that when looking at the screen for the first time there is a hierarchy for what elements users look.

5. Made the ”Prize” section bigger and positioned at a higher level as the main info for users to start the game.

1. Articles section looked very close to the one of main game parts,, so there might be a problem of users not catching the difference and importance of sections while scrolling.

So, I changed the look of the cards, as well as made them as a horizontal scroll, as something of secondary importance.

2. Made the article itself clickable with -> sign, to save more space (removed the explore more button), and made the site more modern and interactive in term of UI solutions.
No point in having a button separately, just next to the headline.

No specific changes for footer, just saved more space and made it look more in order.