Единый билетно-кассовый узел: новый сайт для спортивного комплекса «Юбилейный»

Разработка нового сайта спортивного комплекса «Юбилейный» и интеграция с билетной системой и системой безналичных расчётов Colosseo — кейс digital-агентства Bquadro.

Единый билетно-кассовый узел: новый сайт для спортивного комплекса «Юбилейный»

Небольшая справка. Спортивный комплекс «Юбилейный» — большая и одна из старейших арен не только Санкт-Петербурга, но и России. В «Юбилейном» регулярно проходят спортивные соревнования и концерты мирового масштаба, организованы сеансы массового катания на коньках. СК «Юбилейный» дважды принимал матчи чемпионата мира по хоккею с шайбой (в 2000 году и 2016 году).

Курс на обновление: цели и задачи

Главная цель разработки нового сайта — объединить в одном месте все инструменты работы с пользователями и продажи билетов.

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

Нужно было сделать удобный механизм, который будет сообщать о режиме работы всех площадок комплекса и даст возможность купить билеты в онлайне. Также необходимо настроить интеграцию с системой Colosseo, которой пользовался комплекс для продажи билетов и контроля доступа на площадку.

Главная страница сайта

Обновления начинаются уже со стартовой страницы.

Фоновое видео

Хотелось сделать проект современным и интересным, поэтому мы заложили возможность установки на главной странице тематических видеороликов, которые могут меняться.

В презентации концепции сайта мы предлагали вариант с фрагментом хоккейного матча. Сейчас клиент выбрал выдержанный консервативный вариант с облётом спортивного комплекса, расположенного в центре Санкт-Петербурга.

Такое решение задаёт настроение и передаёт атмосферу города. К тому же это отличный маркетинговый инструмент, так как видеоролики можно менять, акцентируя внимание пользователей в том числе на проводимых мероприятиях.

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

Главная страница с фоновым видео
Главная страница с фоновым видео

Система ротации баннеров

В «Юбилейном» проходит много разных мероприятий. Информация об одних меняется быстро, другие могут анонсироваться за полгода. Проектированию каналов информирования о предстоящих событиях было уделено особое внимание. Мы не хотели допустить ситуации, когда сайт обвешивается баннерами, как новогодняя ёлка. Так как это рассеивает внимание пользователей и вносит диссонанс в общую концепцию.

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

В итоге сейчас на сайте:

  • Баннеры можно поставить в ротацию.
  • Можно включить баннер до определённого периода (они автоматически отключатся, когда начнётся мероприятие).

В слайдере на главной размещены баннеры основных предстоящих мероприятий. По клику с баннера можно перейти на страницу конкретного мероприятия.

Система ротации баннеров
Пример баннера с анонсом мероприятия
Пример баннера с анонсом мероприятия

Афиша мероприятий с календарём

В афише представлены актуальные предстоящие мероприятия. Совместно с клиентом был разработан календарь событий. Календарь доступен с любой страницы, корректно работает в мобильной версии. Внутри этого блока внедрён контекстный поиск, результаты которого выводятся непосредственно в календаре. Там же сразу видно дату и цену. Из списка результатов поиска можно перейти на страницу мероприятия.

Таким образом, мы смогли в одном блоке объединить умный поиск и визуализацию событий по датам, сделав процесс поиска интересных мероприятий ещё удобнее и быстрее.

Контекстный поиск в календаре событий
Контекстный поиск в календаре событий

Интеграция с социальными сетями

На сайте настроена интеграция изображений из Instagram на сайт с премодерацией администратором. Для каждого мероприятия можно создать свой хэштег и в реальном времени выводить на сайте отобранные фотографии. Такой интерактив оживляет сайт и является хорошим инструментом для работы с пользователями.

Интеграция сайта с Instagram по заданному хештегу
Интеграция сайта с Instagram по заданному хештегу

Единый билетно-кассовый узел

Сайт СК «Юбилейный» интегрирован с билетной системой и системой безналичных расчётов Colosseo. Colosseo — это международное программное обеспечение, популярное среди спортивных и концертных арен.

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

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

Реализация этого комплекса работ потребовала много знаний, опыта и немало времени.

Единый билетно-кассовый узел: новый сайт для спортивного комплекса «Юбилейный»

Интеграция с Colosseo

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

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

Важным этапом было общение с разработчиками Colosseo из Словакии, с которыми согласовывались самые разные вопросы, появлявшиеся в ходе внедрения и тестирования процесса. У Colosseo изначально было только API для работы с кассовыми узлами. В результате нашего общения и консультаций компания доработала API для внешних систем, чтобы веб-ориентированные площадки могли взаимодействовать с Colosseo.

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

Единый билетно-кассовый узел: новый сайт для спортивного комплекса «Юбилейный»

Билеты

Для спортивного комплекса «Юбилейный» мы с нуля разработали систему QR- и штрихкодов, а также отрисовали дизайн самого билета, который можно использовать как шпаргалку.

Билеты могут быть напечатаны онлайн в формате pdf с одномерными (1D, привычный линейный штрихкод) или двухмерными (2D, например, QR-код) штрихкодами или отображены на мобильных устройствах с поддержкой технологии NFC.

В кассе билет может быть выпущен в виде бесконтактной RFID-карточки (Radio Frequency Identification — радиочастотная идентификация), с возможностью двусторонней полноцветной печати для персонализации карточек VIP-зрителей.

Непосредственно на билете также можно напечатать логотипы спонсоров и другую рекламную информацию.

Colosseo обладает широкими возможностями конфигурации для различных типов событий (хоккей, баскетбол, волейбол и так далее), в системе реализована возможность настраивать уровни цен и скидок. Это очень удобно как маркетологам, так и пользователям, которые в случае изменения стоимости билета видят на сайте СК «Юбилейный» уже актуальную изменённую цену.

Пример электронного билета
Пример электронного билета

Покупка в онлайне и маркетинг

На новом сайте СК «Юбилейный» мы настроили систему покупки билетов и онлайн-оплату. Это решает сразу две задачи:

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

Чаще всего все билеты на концерты или спортивные события продаются через сайты-агрегаторы по продаже билетов. Когда же сам сайт арены является ещё и торговой площадкой, появляется возможность видеть всю аналитику и статистику заказов и продаж. А эти сведения позволяют настраивать и корректировать рекламную кампанию.

Бесконтактное сканирование билетов

Чтобы пройти на стадион, пользователю необходимо приложить штрихкод (QR-код) на билете к турникету. Информация о проходе на стадион сразу попадает в Colosseo.

Единый билетно-кассовый узел: новый сайт для спортивного комплекса «Юбилейный»

Итого

Новый сайт удовлетворил потребности всех сегментов целевой аудитории.

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

Если вы не осилили наш лонгрид, основную информацию об этом проекте можно посмотреть в коротком видео.

11
Начать дискуссию