Сайт ХК «Трактор»: от идеи до релиза за 3 месяца
От идеи до релиза за 3 месяца: как мы разрабатывали сайт для ХК «Трактор»
О проекте
В Челябинске все жители гордятся природой, твердостью характера и хоккейной командой «Трактор». Мы в Xpage не исключение. Каждая игра команды сопровождается аншлагом, мерч раскупают за пару дней, а лого с белым мишкой узнают даже дети. В 2020 году руководство клуба запустило редизайн фирменного стиля и решило разработать новый сайт, для чего и обратилось к нам.
Каждый в команде Xpage чувствовал не только трепет от работы с кумирами всего города, но и особую ответственность перед городом, фан-клубом и командой.
Награды
Лучший интернет-сайт клуба КХЛ
Лучший интернет-сайт «Белые Медведи»
Золото «Сайт спортивной организации, клуба, команды»
Tagline — 2 место
Awwwards Honorable Mention
Задача
В 2020 году ХК «Трактор» глобально обновился. Сменился руководящий и тренерский состав, пришли новые игроки в команду, был запланирован ребрендинг фирменного стиля. Сайт должен был отражать все эти изменения, стать ключевым сервисом для болельщиков и обеспечивать «вау»-эффект для всех новых пользователей.
К нам клиент обратился для создания качественного сайта, который бы выделялся на фоне других клубов КХЛ.
110+
макетов страниц
2300
часов специалистов
17
человек в команде проекта
Идея
Переработать визуальное решение сайта и сделать его более современным. А также пересмотреть структуру. Создать, в первую очередь, удобный сайт, на котором была бы представлена вся необходимая болельщикам информация: о клубе и его истории в целом, о каждом игроке и его статистике, предстоящих матчах и новостях. И, конечно, удовлетворить желание клиента, добавив «вау»-эффект.
Проработанная архитектура сайта
Просмотрели более двухсот сайтов футбольных клубов, других клубов КХЛ и американских спортивных порталов и проанализировали решения конкурентов.
Создали структуру сайта, где вся информация находится легко и быстро. А навигация по разделам не доставляет неудобств.
Стильный дизайн в концепции #ТОЛЬКОЧЕРНОБЕЛЫЙ
Работы по созданию нового фирменного стиля и сайта велись почти параллельно, поэтому на этапе дизайна перед нами встала сложная задача — создать дизайн страниц, не зная элементов нового оформления, лого. Отрисовали три разные — визуально и структурно — концепции главной. И остановились на той, что вдохновляла не только заказчика, но и нас самих.
Promo page — для самого главного
Одной из ключевых идей стала реализация многофункциональной промостраницы. Создали лендинг, который можно настроить и стилизовать под нужные цели и показывать пользователям вместо прелоудера.
Сейчас используем его для того, чтобы познакомить пользователей с новым фирменным стилем от студии Queberten. В дальнейшем подобная промо‑страница будет использоваться клиентом для анонса особенно важных мероприятий, нововведений или новостей.
Promo page помогла нам удовлетворить желание клиента о «вау»-эффекте, а также сохранить понятную пользователям структуру главной страницы сайта.
Билетная система
Помимо предоставления информации, было важно реализовать простую и удобную покупку билетов с сайта. Вспомнили обо всех выполненных интернет‑магазинах, посмотрели лучшие решения других компаний и реализовали обновленную билетную систему.
Разработали систему, где все элементы интерфейса понятны на базовом уровне, а оформление билетов — дело пары кликов. Процесс покупки удобен, как в интернет-магазине. А итоговый билет можно сохранить несколькими способами для максимального удобства пользователей.
Провели дополнительное нагрузочное тестирование билетной системы и оптимизировали всё так, чтобы 5 000 человек могли одновременно покупать билеты.
Имиджевый и статусный контент
Контент — один из ключевых показателей действительно крутого проекта. Поэтому всем своим клиентам рекомендуем помимо обновления сайта работать с наполнением: провести фотосессию, проработать тексты, отснять ролики.
В проекте такого уровня работа над контентом не обсуждалась. Это было необходимостью. Поэтому на начальном этапе подготовили контент-план, техническое задание для фотографов и копирайтеров и подобрали референсы.
Просмотрели тысячу готовых снимков, выбирая лучшие. Прочитали сотню страниц написанного для проекта текста. Провели долгие часы за отбором нужного контента. В итоге выбрали только то, что максимально подчеркивает статусность и важность ХК «Трактор».
Итог
Полученный результат отражает именно те смыслы, который мы хотели донести. Пользоваться сайтом удобно и визуально приятно. Покупать билеты легко. Это мы знаем на собственном опыте, потому что скоро пойдем на очередной матч ХК «Трактор». Нас полученный результат порадовал. А вас? ;)