Футбольный клуб Ротор

Разработка сайта футбольного клуба Ротор Волгоград

Футбольный клуб «Ротор» был основан в начале 1940 г., но нынешнее название получил лишь в 1975 г. До 2000-го клуб активно участвовал и побеждал в разных международных и внутригосударственных чемпионатах. А вот 2000–2016 годы оказались для «Ротора» очень сложными.

Подъем и возрождение футбольного клуба болельщики наблюдали в игровой сезон 2016–2017 годов. За следующие четыре года он поднялся от Первенства Третьего дивизиона зоны «Черноземье» до Премьер лиги. Участие в последнем принесло дополнительные обязательства. И одно из них — наличие сайта, отвечающего всем современным требованиям.

Разработку дизайна сайта и его создание доверили нам.

Платформа
1С-Битрикс
Бюджет
₽₽₽₽

Заказать расчёт стоимости подобного решения

reviewer

Отзыв клиента

Денис Горенку, системный администратор

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

Работать со студией было удобно — с нами на связи постоянно была наш менеджер проекта, Екатерина Васильева. Благодаря сложившемуся взаимопониманию было нетрудно объяснить, чего именно мы хотим от того или иного раздела: донести сложившийся у нас в головах концепт дизайна и согласовать функционал. Многие решения принимались сразу после обсуждения, не дожидаясь согласования в бюрократическом поле. Это позволяло нам гибко реагировать на встречающиеся трудности и вовремя их решать.

Единственной «ложкой дёгтя» стали затянувшиеся сроки запуска сайта, но за качество и удобство нужно платить, тем более в таких масштабных проектах. В данном случае — платить временем.
Теперь СК «Ротор» обладает уникальным, современным и, главное, удобным как для пользователей, так и для сотрудников клуба, сайтом. Но на этом наше сотрудничество со студией ClickON не заканчивается. Впереди у нас много идей, которые ещё предстоит реализовать.

Дизайн

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

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

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

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

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

UI-Kit

Одновременно с этим был разработан UI kit, который помог ускорить работу над внутренними страницами сайта, продумать логику и правила вписывания контента в разделы и страницы.

Страница матчей

Что хочет увидеть обычный пользователь, заходя на эту страницу? Даты и результаты матчей. Что хочет увидеть болельщик? Даты, результаты, кто забил гол, вышел ли в стартовом составе его любимый игрок, где пройдет следующий матч. Что хочет увидеть фанат? Еще более детальную информацию. Были ли пенальти, сколько желтых и красных карточек получено, кого заменили и на какой минуте, соотношение владения мячом, количество атак, удары по воротам, удары в створ ворот, сейвы, угловые. И каждый из этих пользователей — целевая аудитория раздела. Размещаем информацию для каждого в легко воспринимаемой, доступной форме.

 

Страница матчей

Страница игрока

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

Новости

Во время создания макета этой страницы мы понимали, что нужно показать максимальное количество анонсов новостей, при этом оставить место под кнопки для переключения разделов. На предыдущем сайте было только три новостные рубрики, теперь их количество увеличилось до 11-ти. Результат: более удобный, понятный и быстрый поиск интересующей новости.

Команды

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

 

Команды

Страницы клуба и команд ФК Ротор

История клуба

Ранее о клубе можно было почитать только на Википедии и в статьях аналитиков. А ведь «Ротор» существует почти целый век! Ему есть что о себе рассказать: взлеты и падения, финалисты и призеры чемпионата России в 90-е, участники первого и третьего дивизиона, стремительное возвращение в Премьер лигу. Истории клуба было отведено отдельное место на сайте.

 

История клуба

Страница Болельщикам

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

Академия

У футбольного клуба «Ротор» есть собственная академия, в которой взращивают молодых, талантливых и перспективных спортсменов. Об этом нужно было сказать волгоградцам, которые задумываются о будущем своих детей.

Мы за спорт и здоровье города!

Стадионы

Раздел с информацией о стадионах, на которых играет команда. Среди них ярко выделяется стадион «Волгоград-Арена», как основная площадка для проведения матчей.

Медиа

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

Как итог по дизайну

В результате работы дизайнера было отрисовано 40 страниц и экранов, не считая адаптива под размер 1024×768 и вариантов для мобильной версии.

Вёрстка страниц

Чтобы не терять время, параллельно с отрисовкой дизайна мы начали верстку макетов. Metro-стиль ограничивает жесткими правилами и рамками на верстку и подключение. Контент на основных страницах не должен превышать размер экрана. Попапы (всплывашки) должны появляться плавно и в размерах контентной части сайта.

Разработка

Подключение 40 страниц и окон — непростая задача. 40 страниц — не самое сложное. Это только вершина айсберга. Видимая пользователю часть сайта составляет лишь 10-15% от всей работы над проектом.

Разработка статистики

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

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

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

В матч входят следующие компоненты:

  • игроки «Ротора», заявленные на игру;
  • игроки команды соперника;
  • количество минут сыгранного игроком времени;
  • замены игроков;
  • голы;
  • голы с пенальти;
  • желтые и красные карточки;
  • атаки;
  • процент владения мячом;
  • угловые;
  • назначенные пенальти;
  • реализованные пенальти;
  • результат матча;
  • удары по воротам;
  • удары в створ ворот;
  • сейвы;
  • фолы и пр.

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

Итог

Над новым сайтом ФК Ротор была проведена большая работа не только в создании дизайна сайта, но и его функциональной части. Было приятно работать с Заказчиком чувствуя, что мы на одной волне и полностью понимаем друг друга. За проведенную работу хотим также выразить благодарность админу клуба — Денису Горенку. А также всей команде в целом, за то, что даете надежду на возрождение спорта в нашем регионе.

Следующий проект

Редизайн сайта Академия Элементерра

Элементарное обучение через сайт

arrow