+7 (383) 363-50-86
Написать

Локомотив

Разработка интерактивного сайта для волейбольной команды “Локомотив”
Смотреть сайт Локомотив

Клиент

ВК “Локомотив-Новосибирск” — мужская волейбольная команда города Новосибирска. Команда была создана в 1977 году на базе ПО “Север”. Локомотив сегодня — это многократный призер Чемпионата России, призер Кубка России и победитель Лиги Чемпионов 2013 года.

История

Компания обратилась к нам за технической поддержкой сайта в 2018 году. В начале 2020 года совместно решили разработать новый сайт, который устранит недочеты текущего. Клиент просил подготовить техническое задание, прототипы и карту сайта и уже в 3 квартале 2020 года получил завершенный проект. 

Цели и задачи

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


Задачи:
  1. разработать современный дизайн сайта с необходимым функционалом;
  2. оптимизировать работу с большим количеством контента на сайте (картинки, фотографии, видео);
  3. упростить взаимодействия пользователей с календарем и историей матчей;
  4. автоматизировать сборку турнирных таблиц (ранее данные заполнялись вручную);
  5. разработать импорт данных (игроки, матчи, команды, результаты игр);
  6. разработать удобные фильтры по играм;
  7. сделать адаптивные версии для планшетов и мобильных устройств.

Решение

Разработка каждого нового решения базировалась на серии исследований.

Дизайн интерактивного сайта
Мы тщательно проанализировали топовые спортивные площадки, изучили UX/UI. Это позволило нам понять нужды спортсменов и болельщиков. 
Ломотив главная.jpg
Особенности. Самая актуальная информация расположена на главной странице: новости, лучшие игроки, календарь игр, предстоящая игра со счетчиком и турнирная таблица. Проработаны быстрые переходы с главной страницы на специализированные страницы с матчами, в галерею с удобной фильтрацией, в историю клуба и к команде.
Локомотив Галерея.jpg
Оптимизация работы сайта с большим количеством контента
Для упрощения работы администраторов с содержимым сайта мы создали удобный функционал для внесения и изменения контента по запросам клиента. Функционал обеспечивает быстрый доступ для оперативного обновления данных, облегчает процесс добавления, изменения и удаления информации, а также позволяет управлять такими материалами, как изображения, видео и ссылки.

Оперативное ручное изменение
Для оптимизации работы сайта мы пошли дальше и внедрили возможность подгрузки результатов по итогам и промежуточным итогам матча с возможностью ручного изменения. Это значительно ускорило работу администратора, результаты стали появлятся своевременно, а значит — болельщики довольны!

Фильтр
Отдельно мы разработали удобный фильтр по всем играм: сезон, кубок, турнир.
фильтр.jpg
Настройка календаря матчей
Исследование данных, на которых которых строится календарь (города, игроки, команды, расписание), и их подробный анализ помогли нам создать удобный инструмент для загрузки указанной информации, автоматического формирования календаря и истории матчей.

Сборка турнирных таблиц
Одним из важных инструментов навигации болельщиков являются турнирные таблицы. Опираясь на результаты всех матчей, мы внедрили автоматизированный алгоритм построения таблиц.
Турнирная таблица.jpg
Адаптивные версии
Ключевым запросом клиента также была реализация доступа к сайту с различных устройств, включая весь необходимый функционал. Поэтому мы адаптировали сайт под планшеты и мобильные устройства. 
Локомотив мобилка.jpg  Локомотив планшет.jpg


Результат

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