The Olympic Games schedule

Hi guys!

Have you ever planed a schedule for a huge event? Something like the Olympic Games, where you have to display many different types of competition and events for two weeks and everything is in the table view for a web version. And what would be on mobile with this schedule?

I was a lucky person and had the opportunity to work on such a task during the “Smart Interface Design Patterns” workshop.
And today, I would like to share with you my suggestion on how to display the schedule with many options on mobile phones.

On the top of the screen, we have a highlight with the current date, then all scheduled will be listed. The past, current, and future days will be all there.
Also, there is the bar with the Summary of chosen filters on the bottom of the screen. In case the user wants to search for events or choose more filters, they would have the opportunity to open the bar and do these actions.

Feel free to share your experience on work with huge scheduling and tables on a web version and how you transfer all these to mobile.

And don’t forget to press ❤️ and share some love!