Спортивный сайт, вдохновленный видеоиграми: концепция сайта футбольного клуба «Пари-НН»
Футбольный клуб «Пари Нижний Новгород» — это главный футбольный клуб региона, выступающий в Российской Премьер-Лиге. Клуб попросил нас поработать над концепцией нового сайта, чтобы он передавал больше эмоций, отражал победы команды и полюбился футбольным болельщикам.
У нас в Riverstart есть опыт работы со спортивными сайтами: про модернизацию сайта ХК «Торпедо» мы уже рассказывали, а скоро поделимся кейсом о разработке нового сайта ХК «Спартак».
Пока мы готовились к этим проектам, изучали аудиторию болельщиков, проводили глубинные интервью и просматривалимассу спортивных ресурсов. Поэтому уже наработали насмотренность и понимание, что пользователь ждет от такого сайта.
Бенчмаркинг спортивных сайтов: ищем лучшие решения
Бенчмаркинг
Процесс исследования сайтов конкурентов и других проектов в этой сфере, чтобы найти лучшие решения из представленных и избежать неудачных идей. Получается список идей, которые мы используем на сайте, чтобы сделать его удобнее и повысить конверсию.
Во время бенчмаркинга мы притворяемся пользователями и пытаемся решить на сайте разные задачи и оцениваем, насколько это было удобно.
Что болельщик хочет от сайта клуба:
узнавать новости о команде;
смотреть расписание и узнавать о будущих играх;
покупать билеты и абонементы;
следить за успехами по турнирной таблице;
покупать атрибутику.
Мы проанализировали список сайтов из футбольной и в целом спортивной сферы, изучили исходный сайт ФК Пари-НН.
Болельщикам важно, где проходит матч: в этом городе или нужно куда-то ехать, чтобы посмотреть игру. Между домашними и выездными матчами должно быть визуальное разделение или возможность поставить фильтр, чтобы было легче ориентироваться.
Пример разделения домашних и выездных матчей
Быстрый доступ к турнирной таблице и расписанию
Турнирная таблица и расписание матчей должны быть в быстром доступе. Поставить эти блоки в 4–5 скроллах от начала страницы — не очень удачное решение, с каждым скроллом все меньше пользователей доходят до решения своей задачи. Нужно поднять расписание и таблицу на второй-третий скролл.
Пример на сайте ФК Локомотив
Концепция сайта ФК Пари НН
Обратите внимание
Все, что мы вам здесь показываем — только концепция сайта. Картинки — это визуализация идей, а не скриншоты готового ресурса.
Первое впечатление — азарт
Футбол — это эмоции. Предвкушение начала игры, чувство единения с болельщиками своей команды, напряжение в опасные моменты, радость победы.
Нам нужно было добавить эмоций на сайт — показать, что посещение матчей дает азарт, впечатления, всплеск адреналина. Наибольший эмоциональный эффект может оказать видео. Мы решили встретить пользователя на сайте широкоформатным видеороликом, который от лица болельщика показывает стадион, наполнение трибун, поле с игроками — все, чтобы проникнуться атмосферой.
Главные герои сайта — игроки клуба
Многим болельщикам интересно следить за игроками команды, их результатами. Футболисты клуба Пари НН должны быть главными действующими лицами на сайте — эта идея стала стилеобразующей.
Вдохновились видеоиграми
Пользователь выбирает персонажа, за которого будет играть, примерно также, как выбирает любимого футболиста. У болельщика есть фавориты на поле — игроки, которые вызывают уважение, нравятся своим стилем игры, поведением и ценностями, которые они транслируют. На них хочется быть похожим.
Вместо фотографий на карточке футболиста мы используем видео. Футболист смотрит в камеру и делает небольшое движение, он как анимированный игровой персонаж. Футболисты были свободны в действиях во время записи, поэтому каждый из них ведет себя по-своему, как естественно для него. Анимация задает сайту динамику, это уместно на спортивном ресурсе.
Информация о футболисте как параметры игрового персонажа. На карточке собрано краткое досье, подробная информация, статистика матчей, фотогалерея и новости с тегом этого игрока, чтобы фанат мог узнать обо всех событиях, связанных с его любимым футболистом.
Самая интересная информация для болельщика:
когда, где и с кем играет любимая команда;
как прошли недавние матчи;
как купить билет на игру.
Это все мы скомпоновали в единый блок и поместили на главную страницу. На матч приглашает игрок команды. Зрительный контакт сближает футболиста и болельщика.
Новости в тематических лентах
Мы решили переработать ленту новостей. Из обычной хронологической сделали тематические блоки, собранные по инфоповодам. К примеру, новости, касающиеся итогов конкретного матча, группируются в единый блок и получают заголовок, из которого ясен исход игры. Сайт сразу предлагает материалы по теме, не нужно дополнительно использовать поиск.
Такие новости похожи на ленту рекомендованного в соцсетях, они увлекают пользователя информацией об интересном ему событии, что должно повысить глубину просмотра и время, проведенное на сайте.
Промо родного региона и команды
В Нижнем Новгороде есть огромный стадион, который считают лучшим проектом, построенным к Чемпионату мира 2018. Через промо-ролики и фотографии сайт рассказывает интересные факты о городе, главном стадионе и футбольном клубе. Фокус наезжает на стадион, приглашая на трибуну — посмотреть игру и поболеть за клуб.
Официальный магазин
Выбрать мерч — тоже одна из задач болельщика на сайте. У футбольного клуба «Пари Нижний Новгород» есть фирменный магазин атрибутики, о чем напоминает сайт большим конверсионным блоком. Анимация демонстрирует примеры самых ходовых позиций из разных категорий товаров, подталкивая к переходу на страницу магазина.
Сайт предлагает:
оценить коллекцию онлайн в интернет-магазине;
сходить в физический магазин, чтобы примерить и потрогать товары.
Результат
Нам хотелось немного отойти от стандартного отображения контента, и мы придумали концепт с двумя основополагающими идеями:
Центральные объекты — игроки команды, многие именно из-за них ходят на матчи, следят за играми и в принципе болеют за клуб. Контакт болельщика и игрока мы устанавливаем с помощью анимированных изображений футболистов.
Футбол — это эмоции, болельщики приходят на матчи за драйвом, радостью от победы чувством единения с такими же, как он. Эту идею в новой концепции передают видео, фото и анимация.
Это не готовый сайт, а концепция с идеями и настроением
Оцените материал лайком, если было интересно, и поделитесь в комментариях, удалось ли нам передать идеи, которые мы задумали? Каким вы видите идеальный сайт футбольного клуба?
Обновлением сайта клуба «Пари-НН» занимается другая команда, но наша концепция сайта клубу очень понравилась:
Кейсы
Неделя рекламы 
Новости 
How to 
Интервью и дискуссии 
Маркетинговые исследования 
Просто о сложном 
Проверено ADPASS 
Рекламные кампании 
