Программа судейства для Чемпионата Континентальной Хоккейной лиги 3x3. Запускается на девайсе с разрешением экрана 1280x720 и служит инструментом для управления всеми событиями в матче из судейского корпуса на ледовой арене.

Разработчик

Пользователь может начать и остановить матч, время отображаемое на таймере показывается на табло арены и на трансляции. Основной функцией является фиксация событий в матче: командных и личных для каждого игрока: гол, фол, выкрик публики и прочее.

Схематичный вайр в miro на основе данных от системного аналитика. Панели состоят из кнопок, которые обозначены через компоненты в lo-fi. Используется 4-point grid system. Базовая сборка без текстовых стилей, иконок, семантики и приоритезации.

Типографика, цвета, иконки и имиджи всегда находятся в Style Guide отдельно от компонентов и являются атомами. WCAG accessibility ок.

Помимо базовых переменных я использовал текстовые, чтобы иметь контроль над номерами и фамилиями игроков для каждой из команд.

Организация слоев (названия могут быть любые, хоть по Яндекс БЭМ)

Пользователь нажав Start, запустил таймер игры. Случилось личное событие игрока, он забил шайбу, пользователь зафиксировал «Goal».
В ленте добавилось событие, появился числовой индикатор в ячейке игрока и изменился счет на табло и на трансляции. В течение матча другой игрок совершил фол, пользователь выбрал игрока и тапнул «Foul», выбрал тип фола и категорию фола, это зарегистрировалось. На крайнем экране больше данных, по прошествии времени матча, случившихся командных и личных событий.