Сайт для хоккейного клуба СКА

Задача

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

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

Создавая этот сайт, мы решали одну из самых сложных задач: сделать сайт современным, но при этом понятным и удобным для гигантской и очень разной аудитории. Мы провели проектирование полного цикла: от предпроектного обследования (изучение регламентов КХЛ нам понравилось больше всего) до прототипа и SRS. А здесь расскажем о том, где можно показать побольше картинок. Это же представление нашей работы, как никак.

Профили пользователей

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

Пользовательские истории

После того, как мы поняли для кого мы делаем сайт, мы принялись за выявление того, что этим пользователям необходимо. Проведя несколько мозговых штурмов по историям за круглым столом с Клиентом, каждый участник разбил все истории на 3 категории.
Проанализировав списки ото всех участников мы свели итоговый, из которого «Нужно» взяли в работу, «Сомневаюсь» отложили до лучших времен, а «Точно не нужно» забыли, как страшный сон

Информационная архитектура

Настало время приблизиться к содержанию будущего сайта. На этом этапе мы определили:
1. Сущности системы и их взаимосвязи
2. Структура сайта
3. Контентные блоки и их приоритеты
С этой информацией уже можно приступать к прототипированию

Прототип. Спецификация требований

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

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

Дизайн-концепция

Цвета бренда

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

Цвета эмоций

Побывав на первом матче СКА первое же на что мы обратили внимание: это фантастические
и искренние эмоции болельщиков, игроков и SKA Sisters

Мобильные и планшетные версии

Мы, конечно же, не забыли и про пользователей, использующих мобильные устройства:
мы создали сайт, который удобно использовать на любом устройстве и в любом месте: дома, в транспорте или на арене. Полнофункциональный сайт СКА теперь доступен с любого вашего устройства!

Планшет

Телефон

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

Технологии и подходы

Как и всегда, в проекте мы использовали прогрессивные и эффективные технологии, подходы и инструменты. Именно с этого проекта мы начали повсеместно использовать БЭМ, что позволяет нашим дизайнерам и front-end разработчикам эффективно взаимодействовать как между отделами, так и внутри каждого из отделов.

Клиент

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

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

Александр Наливайко,
Руководитель PR-службы