Match statistics page

Задача проекта: визуализировать данные о футбольном матче так, чтобы это было удобно для пользователя. Вся информация была передана в виде текста.

Решение:

Сначала я разделил все данные на группы. Самые важные из них (названия команд и итоговый счет) я поместил в начало страницы и выделил их акцентным блоком.

Далее я добавил возможность скрывать блоки данных для быстрой навигации по странице. В любой момент их можно раскрыть с помощью закрепленной панели в верхней части экрана.

Некоторые блоки содержали однотипную информацию для двух команд. Чтобы сэкономить вертикальное пространство, я использовал переключатель команд в нижней части экрана.

More by Павел Титов

View profile