yplay
Все работы YPlay · Кейс
Спортивный маркетплейс

YPLAY

Объединил 4 разрозненных сценария любительского спорта в один продукт. Поиск тренера, бронь поля, live-трансляция матча и кабинет команды — теперь там где раньше были чаты и Google Forms.

Роль
Продуктовый дизайнер
Объём
30+ экранов · 4 модуля
Стек
Веб + дизайн-система
yplay.ru/match
← живой продукт
Скролл
Контекст
Telegram WhatsApp Google Forms Excel Звонки PDF
yplay
Раньше — 6 сервисов. Теперь — 1 продукт.
01
Модуль 01

Лиги: турниры, таблицы и live-трансляции в одной системе.

Главная страница лиги — таблица плюс матч недели. Каждый матч раскрывается в полноценную трансляцию: видео, тикер событий, статистика, чат болельщиков.

Открыть страницу
yplay.ru/leagues
Ключевое

«Матч недели» вместо длинного списка матчей — один эмоциональный блок захватывает внимание сильнее, чем десять одинаковых.

+Сравнительные бары вместо радар-чарта +Дисциплина вынесена отдельно +Sidebar widgets для live-сигнала
02
Модуль 02

Аренда: бронь поля за два клика.

Главный экран — слот-сетка дни×часы. Пользователь видит всю свободную неделю одним взглядом. Скидки на утро встроены в визуальную систему.

Открыть страницу
yplay.ru/venue
Ключевое

Сетка дни×часы вместо стандартного date-picker — пользователь видит всё свободное время одним взглядом, без 2-3 кликов.

+Четвёртое состояние «скидка» (−30% утром) +Sticky widget брони справа +Карта района в карточке
03
Модуль 03

Тренеры: каталог с проверенными сертификатами.

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

Открыть страницу
yplay.ru/coach-search
Ключевое

Поиск-якорь в hero вместо отдельной страницы фильтров — input + чипы видов спорта сразу подсказывают «что делать», без обучения интерфейсу.

+Сертификат в карточке вместо «времени ответа» +Featured-карточка прямо на странице каталога +Реальные фото вместо 3D-моделей
04
Модуль 04

Live-матч: трансляция со всем что нужно болельщику.

Расстановка, видео, тикер событий, статистика, чат — всё на одной странице. Как в спортивной телекомпании, но интерактивно.

Открыть страницу
yplay.ru/match
Деталь · расстановка
Барса
1:1 67'
МанчестерСити
1
3
15
4
2
21
5
8
11
9
7
10
17
7
16
8
2
3
5
25
19
31
Ключевое

Расстановка как «кадр трансляции» — 22 игрока в формациях 4-3-3 и 4-2-3-1 на поле. Это самый узнаваемый «спортивный» визуал — мгновенное считывание контекста.

+Тикер событий справа от видео +Чат болельщиков с табами «За домашних / гостей» +Live-видео плеер с overlay-счётом
05
Модуль 05

ЛК команды: дашборд, где живёт вся командная работа.

Капитан видит следующий матч, статус игроков, финансы, активные турниры — и не нужно лезть в чат, чтобы понять «кто пришёл, кто оплатил».

Открыть страницу
yplay.ru/team-cabinet
Ключевое

3 виджета вместо 7 — сначала была каша из дашбордов, оставил только «Матч / Состав / Финансы + Турниры». Остальное в сайдбаре с badge.

+Состав = аватарки в линию со статус-точкой +Палитра статусов сужена до 3 цветов +Sticky левый сайдбар с PRO-плашкой
Дизайн-система

Один язык для всего продукта.

Все 30+ экранов на одной палитре, одной типографике и одних компонентах. Капитан переходит из live-матча в ЛК и не теряет навигацию.

Royal
#2929E0
Hero, акценты секций
Ультрамарин
#1A1F71
Шилды, dark surfaces
Синий
#0065FF
Links, лого, иконки
Лайм
#C4FF3D
CTA, live-акценты
Чернила
#0d1117
Text, ground
Live
#FF3B3B
Live-индикатор
Brand · Manrope 800
Заголовки · Inter 900 Слот-календарь
вместо date-picker
Подзаголовок · Inter 600 Главное на странице — увидеть всё свободное время за пару секунд.
Текст · Inter 500 Manrope только на лого и числах. Заголовки и body — Inter (хорошо читается на кириллице, не сваливается в «забор» при крупных размерах).
Шилды команд · кастомные SVG
МанчестерСити
Барса
Арсенал
Реал
Молния
+
расширяемо
Компоненты · контекст использования
Live-индикатор
LIVE 67'
1 : 1
Чипы фильтров
⚽ Футбол 🏀 Баскет 🎾 Теннис 🏊 Плавание
для команды выезд молодёжь
Primary CTA ⭐ Проверено YPlay
Аватарки с статус-точкой
АК
МР
ВС
Статус «готов/не сыграет»
Слот-ячейки
−30%
Свободно · занято · скидка · выбрано
Карточка матча
Барса vs МС 17 тур · Camp Nou
1:1
Что получилось

Маркетплейс с понятной единой логикой взаимодействия.

30+
экранов со связной навигацией и общей дизайн-системой
4
модуля закрывают сценарии любительского спорта
3
типа UX в одном продукте: каталог, транзакция, дашборд
22
переиспользуемых компонента в системе