О проекте

ФК Харков (до ребрендинга Металист 1925) — профессиональный украинский футбольный клуб из Харькова с большим сообществом болельщиков, женской командой и детской академией.

Вместе с командой Linecore мы выиграли тендер на создание единой цифровой экосистемы, которая должна была объединить все точки взаимодействия клуба с болельщиками в одном продукте.

В результате редизайна было создано более 700 UX/UI-экранов.

Задачи и цели

  • Объединить все цифровые продукты клуба (корпоративный сайт, фаншоп, фан-клуб и другие сервисы) на одной платформе;
  • Создать единую информационную архитектуру для разных типов контента и сервисов;
  • Учесть потребности болельщиков, игроков, журналистов, академии и сотрудников клуба;
  • Спроектировать навигацию для масштабной цифровой экосистемы;
  • Интегрировать eCommerce, продажу билетов и программу лояльности;
  • Сделать сайт главной точкой взаимодействия между клубом и его сообществом.

Главная страница и навигация для сервисов и разных аудиторий клуба

  • Построили информационную архитектуру, которая объединила разрозненные сервисы клуба в единую навигацию вместо нескольких отдельных сайтов (от команд и статистики до академии, фан-шопа и корпоративной информации);
  • Сервисы связаны между собой: из матча можно перейти к билетам или мерчу, со страницы игрока — к статистике и матчам и так далее, чтобы не возвращать пользователя на главную для каждого следующего шага;
  • Соцсети, включая YouTube и Facebook, а также спонсоры вынесены в шапку сайта, а не спрятаны или минимизированы, ведь цель — расширить сообщество. Благодаря этому спонсоры получают постоянную видимость на каждой странице, а навигация помогает клубу развивать сообщество и на других каналах.

Поиск в одно действие: игроки, матчи, магазин, новости

  • Глобальный поиск работает по всем типам контента сразу. Во время ввода запроса пользователь получает мгновенную выдачу, сгруппированную по категориям со счетчиками совпадений («Игроки», «Матчи», «Магазин», «Новости»), и превью двух последних новостей рядом.
  • Если совпадений нет, в мгновенной выдаче пользователь видит сообщение «По вашему запросу ничего не найдено» с рекомендацией убрать лишние символы. А на странице результатов система предлагает уточнить запрос или посмотреть последние новости, чтобы даже неудачный поиск не становился концом пользовательского сценария.

Команда в деталях: состав, штаб и статистика каждого игрока

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

‍

  • Почти каждая страница раздела (профиль, календарь, расписание, статистика, турнирная таблица и так далее) заканчивается блоками: последние новости и фан-шоп. Даже если болельщик зашел только за статистикой одного игрока, он в одном клике от актуальных новостей и покупки. Так дизайн поддерживает и вовлечённость, и коммерцию на каждом шаге пользователя.

Новости и матч-центр: все о матче — до, во время и после игры

Новости — это не просто лента, а система с фильтрами по категориям («Биография», «Трансферы», «Игроки», «Клуб» и другие), четырьмя вариантами сортировки и поиском не только по теме, но и по человеку. Под статьями есть полноценная система комментариев с ответами и лайками, где официальный аккаунт клуба может отвечать пользователям прямо в обсуждении.

Матч-центр построен вокруг пяти вкладок, которые повторяют хронологию игры:

  • Анонс (форма команд, стадион, история личных встреч, время начала, трансляция, купить билет, спрогнозировать стартовый состав или перейти к обсуждению матча в Гостевой через Telegram);
  • Составы (тактическая расстановка обеих команд на графической схеме поля, а ниже — основной и запасной состав с минутами выхода на замену и бригадой арбитров);
  • Live (текстовая трансляция по минутам с иконкой под тип события: гол, карточка, замена, финальный свисток, и лайком под каждой записью);
  • Статистика (удары по воротам, общие и в штангу, угловые, фолы, офсайды, предупреждения, и отдельно голы и карточки с привязкой к минутам матча);

Медиацентр: фото, видео и жизнь клуба

Жизнь футбольного клуба не ограничивается новостями. Поэтому фото и видео мы объединили в отдельную медиатеку с фильтрацией по формату и собственными страницами материалов. Медиаконтент также интегрирован в новости, матч-центр, профили игроков и страницы команд, поэтому не существует отдельно от остальной платформы.

No items found.

Fan Zone и Гостевая: сообщество болельщиков, прогнозы и живое общение

  • В Fan Zone параллельно работает несколько механик вовлечения.
  • Прогнозы — это две функции: «Угадай состав» (выбрать 11 игроков до матча, после игры — результат, совпадения, ошибки, баллы) и «Конкурс прогнозов» (угадать счёт матча с выводом результатов в публичный сезонный рейтинг), обе с историей попыток.
  • Гостевая как пространство для общения: посты, комментарии, поиск по темам, рейтинг самых активных авторов, персональные профили с наградами, статистикой и историей активности.

Академия: от первого паса до большой игры

  • Для Академии использовали ту же логику «мини-сайта внутри сайта»: отдельные страницы для академий в разных городах, а для каждой возрастной команды — собственный профиль с составом, тренерским штабом, новостями и медиаматериалами. Это позволило сохранить единую логику навигации и упростить поддержку всего раздела.
  • Страницу отбора проектировали с учетом того, как родители на самом деле ищут информацию. Поэтому здесь не просто форма записи, а справочник по году рождения ребенка с контактом тренера для каждого возраста, условиями отбора и возможностью оставить заявку.

Клуб: история, бренд и все, что стоит за эмблемой

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

Для двух домашних стадионов разработали отдельные мини-хабы с интерактивными схемами трибун, панорамами, правилами поведения, медиазонами и формой аккредитации. С учетом украинских реалий на схемах также обозначили расположение укрытий.

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

Личный кабинет: история покупок и программа лояльности в одном месте

В Личном кабинете объединили историю заказов, избранное, заявки на аккредитацию (для журналистов), загрузку собственного контента и персональный PASS ID и абонемент с QR-кодом.

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

Фаншоп и билеты: от шарфа до сезонного абонемента

Фаншоп спроєктували як повноцінний інтернет-магазин з усіма сторінками та фічами Фаншоп спроектировали как полноценный интернет-магазин со всеми страницами и функциями современного eCommerce, на основе поведенческих данных и с фокусом на юзабилити, а не как обычный каталог товаров.

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

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

Fan Zone и Гостевая: сообщество болельщиков, прогнозы и живое общение

  • В Fan Zone параллельно работает несколько механик вовлечения.
  • Прогнозы — это две функции: «Угадай состав» (выбрать 11 игроков до матча, после игры — результат, совпадения, ошибки, баллы) и «Конкурс прогнозов» (угадать счёт матча с выводом результатов в публичный сезонный рейтинг), обе с историей попыток.
  • Гостевая как пространство для общения: посты, комментарии, поиск по темам, рейтинг самых активных авторов, персональные профили с наградами, статистикой и историей активности.

Академия: от первого паса до большой игры

  • Для Академии использовали ту же логику «мини-сайта внутри сайта»: отдельные страницы для академий в разных городах, а для каждой возрастной команды — собственный профиль с составом, тренерским штабом, новостями и медиаматериалами. Это позволило сохранить единую логику навигации и упростить поддержку всего раздела.
  • Страницу отбора проектировали с учетом того, как родители на самом деле ищут информацию. Поэтому здесь не просто форма записи, а справочник по году рождения ребенка с контактом тренера для каждого возраста, условиями отбора и возможностью оставить заявку.

Клуб: история, бренд и все, что стоит за эмблемой

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

Для двух домашних стадионов разработали отдельные мини-хабы с интерактивными схемами трибун, панорамами, правилами поведения, медиазонами и формой аккредитации. С учетом украинских реалий на схемах также обозначили расположение укрытий.

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

Личный кабинет: история покупок и программа лояльности в одном месте

В Личном кабинете объединили историю заказов, избранное, заявки на аккредитацию (для журналистов), загрузку собственного контента и персональный PASS ID и абонемент с QR-кодом.

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

Фаншоп и билеты: от шарфа до сезонного абонемента

Фаншоп спроєктували як повноцінний інтернет-магазин з усіма сторінками та фічами Фаншоп спроектировали как полноценный интернет-магазин со всеми страницами и функциями современного eCommerce, на основе поведенческих данных и с фокусом на юзабилити, а не как обычный каталог товаров.

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

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

Результаты

  • 700+ UX/UI-экранов для desktop и mobile, охватывающих все цифровые продукты футбольного клуба;
  • Объединены сервисы от корпоративного сайта и матч-центра до фан-шопа в единую систему с общей навигацией, логикой взаимодействия и пользовательским опытом;
  • Светлая и тёмная темы интерфейса, адаптированные под разные сценарии использования и бренд клуба;
  • Детальный UI Kit (дизайн-система), который позволяет быстро развивать продукт без потери стилистики;
  • Полный ребрендинг клуба во время разработки. После смены названия с «Металиста 1925» на «ФК Харьков»: обновили брендовые элементы и контент, сохранив всю архитектуру, компоненты и пользовательские сценарии;
  • Совместная реализация с командой Linecore, которая обеспечила дальнейшую разработку и интеграцию всей цифровой платформы.

Напишите нам, и начнем сотрудничество!

Ваше сообщение было отправлено! Мы свяжемся с вами как можно скорее

Отправить ещё одну заявку
Doublecheck your form data please