Клиент — команда мужского интенсивного курса «K1 Ультиматум». Курс идёт потоками по 8 недель. Три раза в неделю участники тренируются в 6 утра и сдают нормативы, каждый день пишут самоанализ и выполняют полезные привычки: холодный душ, чтение, ранний подъём. За всё это начисляются баллы, а внутри потока идёт соревнование.
До проекта курс держался на чатах и таблицах. Результаты нормативов собирали вручную, самоанализы терялись в переписке, баллы считали тренеры. Участники не видели своего прогресса и места в рейтинге, а капитаны команд тратили время на сверку вместо работы с людьми.
Задача — спроектировать цифровую экосистему курса из трёх частей. Цели клиента:
• дать участнику одно место, где видно неделю курса, ближайшую тренировку, баллы и привычки на день;
• перенести сдачу нормативов и ежедневные самоанализы в приложение;
• сделать рейтинг потока прозрачным и мотивирующим;
• дать тренеру и капитанам инструмент для управления потоками, командами и проверки самоанализов;
• вывести рейтинг на телевизор в зале, чтобы соревнование было видно прямо на тренировке.
Отдельное требование — настроение. Курс жёсткий и дисциплинарный, поэтому интерфейс должен передавать энергию и контраст, без мягких фитнес-клише.
Начали с референса клиента и разобрали, что в нём работает: тёмная основа, один яркий акцент, крупные цифры как главный элемент, карточки, сгруппированные по смыслу. На этой базе собрали собственную дизайн-систему: тёмная тема, огненный акцент #FF4A1C, шрифт Unbounded для цифр и заголовков, Onest для интерфейса. Цвета заведены переменными, повторяющиеся элементы сделаны компонентами: таб-бар, строки привычек, нормативов, рейтинга, таблицы участников.
Мобильное приложение участника — 7 ключевых экранов:
• главная с неделей курса, ближайшей тренировкой, баллами и местом в потоке;
• ввод нормативов на тренировке с личным рекордом и нормой;
• ежедневный самоанализ в свободной форме со счётчиком символов;
• чек-лист привычек с сериями;
• рейтинг потока с пьедесталом;
• профиль с прогрессом нормативов и посещаемостью;
• экран подтверждения начисления баллов.
Админ-панель на 5 экранов: дашборд потока с зонами риска, таблица участников со статусами, управление потоками, карточки капитанов и очередь проверки самоанализов с оценкой 0/5/10 и комментарием.
Для зала сделали ТВ-лидерборд Full HD: рейтинг текущего потока, «Зал славы» выпускников по посещаемости и бегущая строка с событиями дня. Шрифты увеличены, чтобы читалось с 5–7 метров.
Клиент получил целостный дизайн экосистемы курса: мобильное приложение, админ-панель и экран для зала в одном визуальном языке и на одной дизайн-системе. Все макеты собраны в Figma на компонентах и переменных, поэтому разработчики могут переносить их в код без перерисовки, а новые экраны собираются из готовых блоков.
На практике экосистема закрывает весь цикл курса. Участник открывает приложение утром, видит неделю и тренировку, после тренировки вносит нормативы, вечером пишет самоанализ и отмечает привычки. Баллы и место в рейтинге обновляются сразу, без ручного подсчёта.
Капитаны проверяют самоанализы своей команды в очереди и видят, кто выпадает: пропустил тренировку, не написал разбор, просел по привычкам. Тренер управляет потоками и командами из одного дашборда и запускает новый поток по шаблону.
ТВ-лидерборд работает прямо на тренировке: участники видят свой рейтинг и выпускников со 100% посещаемостью, что добавляет соревновательности и поддерживает дисциплину.