On mobile, looking at how users would arrive and use this page, we allowed the main navigation of the page to scroll away as the users scrolled up, so the On The Clock component and draft specific navigation could stay pinned. I created the animations below, in flinto, so I can showcase the different intended animations to product managers and developers
Based on user needs, it made sense to have the smaller table on the right to follow the user, so they’d always be able to see the best available players still left without taking them out of their current experience
Below, the animation here shows what happens when a user scrolls. As well as what happens to the table when a new team is on the clock. That team's cell changes to the team color, as an added visual enforcement of what team is currently on the clock.
Back to Top