Дизайн

Продвижение

Проектирование

Сопровождение

Спорт

Функционал

Разработка сайта программы лояльности для хоккейного клуба

AvanCard - проект хоккейного клуба Авангард. Программа лояльности рассчитана на получение скидок, накопления баллов с покупок и билетов, абонементов, атрибутики, еды онлайн и на G-Drive Арене

  • Клиент

    Хоккейный клуб «Авангард»

  • Год

    2023

Задача

Разработка нового сайта программы лояльности для болельщиков под брендом AvanCard

Решение

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

Фронтенд разработка сайта программы лояльности

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

Меню сайта

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

Статусы программы лояльности

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

Блок "Возможности программы"

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

Блок с ссылками на мобильное приложение

Основная задача одностраничных сайтов побудить пользователя воспользоваться той или иной услугой. Данный блок привлекает внимание за счет встроенного зацикленного видео, которое переходит в яркий корпоративный цвет со ссылками на магазины приложений App Store и Google Play.

Мобильная версия

Все страницы и функционал сайта в полном объёме доступны в мобильной версии сайта.

  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1
  • roscosmos-mobile1

Создание функционала сайта программы лояльности

Интеграции с внешними сервисами

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

Система управления спортивным сайтом

  • 1

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

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

  • 2

    Контроль посещаемости

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

Отзыв о проекте

  • Предыдущий сайт программы лояльности устарел как визуально, так и технически.

    Внутри клуба мы подготовили и защитили новый дизайн-проект сайта, а коллеги из 2Dit помогли нам реализовать задумку и перезапустить проект.

    Дмитрий С.

    Менеджер ИТ-проектов ХК "Авангард"

Заказать услугу по созданию спортивного сайта

  • профессиональные спортивные команды и турниры

  • спортивные клубы и федерации

  • стадионы и спортивные комплексы

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

Какие технологии используем:

  • HTML5
  • CSS3
  • PHP
  • 3D
  • Кейс

    Веб-портал по единоборствам

  • Кейс

    Сайт баскетбольного клуба