Profile - Revised Ranked Tab

[samgawaran]

Summary

During last Friday's team meeting @JeffdEon asked if the profile ranked tab is ready. There are already some designs made but it doesn't cover all possible scenarios that the ranked tab will show.

This design submission tries to cover all possible scenes we may come up, as well as how it would look on Mobile.

Screens

Scenarios

Clicking on a played mode

• players will be directed to the leaderboards page. I suggest opening the page as a new window

Clicking on an unplayed game mode

• players will be directed to the homepage, ideally it should show the ads first (if non-member) but if not, find game on that game mode after they click Play Now!

Clicking on C&K while being a non-member

• Show the popup we're showing if player is not a member
• if player is a member, show the flow from clicking an unplayed game mode
• I move it in the homepage, I'm not sure if it would be easier to do the popup inside the ranked tab

Clicking on the season selector

• If the player is looking at an older season, the ranked cards cannot be clicked.
• show at most 5 seasons per dropdown so it would be consistent with the mobile version

---

Mobile Landscape

Mobile Portrait

Related Submissions

• https://github.com/colonistio/design/issues/139
• https://github.com/colonistio/design/issues/151

Submission Checklist

• [x] what does this submission cover?

• this submission covers the whole section of the ranked tab. from the dropdown to the ranked cards

• [x] How would it look if a player didn't play any ranked games yet

• [x] Will there be a progress bar? how would we show it?

• https://discord.com/channels/605233308577562643/716512630705225798/1021579965147381801 based on the result, players like to show the poll. The design above is a simplified version which me and Juan did, its also consistent with our end-game ranked change

• [x] How can other players see their past season rankings

• dropdown selector

• [x] How would it look on Mobile

• [x] How would it look for placement games, no games played, and game modes that are coming soon

• shown in scenarios

• [x] Will the ranked tab be linked on any other pages/popups?

• shown in scenarios, game mode popup, become a member popup

• [ ] any other scenarios you could think of?

  ---

• [x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @JeffdEon

[JeffdEon]

This all looks good to me! What is our process? Can I assign this for implementation? Do I need to assign a implementation task? Does it need another review?

[demiculus]

@samgawaran add a version where the player has played some placement games but doesn't have an elo yet

Revisit these stuff to see if you missed any other scenario.

@samgawaran create implementation issue, then message jeff on discord to edit it

[JuanRoman77]

@samgawaran add a version where the player has played some placement games but doesn't have an elo yet

That's done.

[samgawaran]

Created the implementation issue for this here: https://github.com/colonistio/katan/issues/8625