СК «Юбилейный»

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

www.yubi.ru

дизайн, вёрстка, программирование, интеграция с Colosseo, интеграция с социальными сетями

Заказать сайт

Поделиться проектом:

Сайт для спорткомплекса «Юбилейный»

Представляем вашему вниманию сайт крупнейшей ледовой площадки города Санкт-Петербурга

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

На главной странице мы внедрили механизм размещения промо видеороликов

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

Баннеры основных предстоящих мероприятий представлены в слайдере на главной странице.

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

В афише представлены актуальные предстоящие мероприятия. Удобный календарь событий позволяет выбрать интересующее мероприятие.

Блок о комплексе

Представлена краткая информация о спортивном комплексе и его возможностях.

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

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

сетка и интерфейс

Детали интерфейса

Анимированные точки входа, которые сразу привлекают внимание пользователя и дают доступ к самым важным разделам проекта

Спорт

Концерты

Каток

Матрица афиш на главной странице погружает посетителя в актуальные предстоящие события

Интерактивный календарь событий на весь месяц для быстрого доступа к ленте мероприятий с любой страницы проекта

техническая часть

Электронная билетная касса

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

Узнайте о наличии свободных мест

Забронируйте и сразу купите билет

Отсканируйте штрихкод на входе

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

Для большего удобства мы интегрировали Colosseo с популярными системами бесконтактного сканирования билетов по штрихкоду и QR-коду.

Apple Wallet и PassWallet

Также пользователям доступны билеты в формате .PKPASS для использования смартфонов при проходе в комплекс (Apple Wallet для iOS и PassWallet для Android).

гибкая интеграция

Социальные сети

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

#скюбилейный

#ночнойкаток

#всенахоккей

#динамовперед

#фигурноекатание

Facebook и Вконтакте

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

текст

Шрифт

Fira Sans Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!»No%:,.;()

Fira Sans Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!»No%:,.;()

Использовали в проекте максимально понятные и простые для восприятия шрифтовые гарнитуры и начертания

колористика

Цвета

Мы использовали в проекте фирменные цвета компании и несколько вспомогательных, включая их оттенки

баннеры

Рекламная система

гибкость дизайна

Адаптивная версия

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

Мобильная версия
Планшетная версия
Десктоп версия

Мы использовали в проекте фирменные цвета компании и несколько вспомогательных, включая их оттенки Мы использовали в проекте фирменные цвета компании и несколько