Сделать заказ

ХК КХЛ "Амур"

О проекте

В начале лета 2014 года мы приступили к разработке очень крупного проекта для хоккейного клуба КХЛ "Амур", который по требованию заказчика должен был быть запущен в весьма сжатые сроки с очень высокими требованиями к содержимому и функционалу.

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

Так как новый сайт надо было запустить уже 1 сентября, к началу нового игрового сезона, то нам пришлось работать не совсем по стандартному принципу. Проектировали часть сайта, утверждали, отдавали на дизайн и затем на верстку, а параллельно выполняли проектирование новой части, и в таком духе весь сайт создавался. Поэтому говорить об этапах как таковых было сложно. Но мы справились и сайт открыл свои двери уже 31 августа в преддверии нового сезона и сразу же был высоко оценен болельщиками и игроками.

О главной странице и сквозных элементах

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

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

Предыдущий и предстоящий матчи

Другой важный элемент правой области сайта - это турнирная таблица по дивизиону, в котором выступает хоккейный клуб. И вы не представляете, как мы радовались когда видели "Амур" на первых местах в таблице, и как мы переживали каждое поражение команды и ее движение вниз по турнирной таблице. Но это игра и тяжелый год бывает у любой команды.

Турнирная таблица дивизиона

Помимо таких важных частей на сайте имеются и другие сквозные элементы:

Статьи из прессы
Последние интервью и статьи из журнала PRO Hockey
Рекламные баннеры и логотипы спонсоров

О руководстве, сотрудниках и тренерах.

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

В каждой карточке выводится не только подробная информация о человеке, а так же новости, которые связаны с ним, виде и фото. У игроков клуба дополнительно выводится статистика КХЛ, о которой мы расскажем чуть ниже.

Об игроках

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

Игрок

У каждого игрока в карточке, помимо биографии и личных данных, выводятся новости и медиа об игроке, а так же статистика КХЛ.

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

О матчах

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

Календарь игр

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

Для матчей были сделаны красивые и наглядные карточки. Каждая карточка содержит логотипы клубов, причем в зависимости от места, где проходит игра логотипы меняются местами - при домашней игре слева, при выездной - справа. Такой же принцип во всех элементах сайта отвечающих за матчи.

Помимо логотипов, в карточке матча содержится справочная информация, новости, которые сопровождали, как преддверие матча, так и его окончание, фотографии, видео и прямую трансляцию КХЛ.

> 60 логотипов
мы обработали для сайта

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

В сборе логотипов как молодежки, так и основной лиги, очень помогли сотрудники КХЛ, которые предоставили нам просто колоссальный архив векторных файлов, с которыми было приятно работать.

О сложных интеграциях

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

Итогом интеграции с КХЛ стала обширная статистика как всего клуба в целом, так и по каждому игроку в отдельности.

Очень много времени ушло на расшифровку XML, которые мы получали от КХЛ. В разборе данных файлов нам очень помогал другой сотрудник клуба - Денис Сулла, который пояснял нам весьма специфические для нас вещи.

И для всех получаемых данных был написан универсальный парсер XML, а формируемые им данные завернуты в совершенно уникальные компоненты 1С-Битрикс, которые и выводят уже красивую картинку. Сам же забор данных с серверов КХЛ, осуществляется несколько раз в сутки, что гарантирует актуальность данных на сайте.

Помимо получения статистики с КХЛ для каждого матча мы получаем он-лайн трансляцию игры, если таковая осуществляется, которую можно посмотреть в карточке матча.

Масс, медиа и другое

Помимо всего выше сказанного были так же выполнены следующие интересные разделы:

Фотоальбомы, которые мы создали на основе стандартного компонента 1С-Битрикс, но доработали под Bootstrap, на сетке которого построен весь сайт.
Видео с YouTube, которое работает на нашем модуле и интегрируется с этой социальной сетью.
Форум для фанатов, болельщиков и сотрудников, который стал основным центром жизни всего сайта и генератором новых идей и пожеланий.
История клуба

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

Как итог

За два месяца плодотворной работы нашей команды мы получили высоко нагруженный портал, который собирает в дни матчей до нескольких тысяч посетителей. А еще:

42 макета страниц
в формате PSD

>50 уникальных иконок
для различных частей сайта

Довольного клиента :)

Сайт: hcamur.ru