Product Design & User Experience
Groupings for the three phases: Upcoming, In progress, and Completed. User has not joined a Challenge. (Large viewport size layout on left, X-small viewport size layout on right.)
User has now joined a challenge and it is "in progress". That grouping is moved to the first position in the groups list.
An upcoming challenge that the user hasn't joined.
User has activated the "Join" flow and can create a team, join one, or request to join a team.
User has joined an existing team.
Challenge is in progress with current leaderboard standings. User's team is in the top ten.
Final standings with indication for a podium graphic to be displayed under the top x finishers.
All the necessary states for the countdown timer.
Leaderboard module and its states for the Challenges index page.
All the team tiles states with the user's options and statuses relative to those.
