Зачем мы встроили крестики-нолики в сайт Impulse Media
Когда мы пересобирали сайт Impulse Media, мне не хотелось создавать ещё один стандартный корпоративный каталог.
Каталогов с одинаковыми карточками, фильтрами, баннерами и кнопками «оставить заявку» уже достаточно. Они могут быть функциональными, но часто совершенно не передают характер компании.
Для меня сайт должен делать больше. Он должен показывать, как команда думает, работает с деталями и относится к пользователю. Поэтому теперь практически в любом разделе Impulse Media можно отвлечься на короткую партию в крестики-нолики и сыграть против сайта.
Это небольшая функция. Но она хорошо объясняет наш подход к дизайну.
Короткий ответ
Крестики-нолики не заменяют удобную навигацию, качественный каталог, портфолио и полезный контент. Это дополнительный интерактивный слой, который делает сайт живым, помогает запомнить бренд и создаёт небольшую эмоциональную паузу во время выбора товаров. Главное, чтобы игра не мешала основной задаче и не превращалась в навязчивый рекламный элемент.
Сайт тоже может быть частью продукта
Мы часто говорим, что хороший корпоративный мерч должен быть не просто сувениром, а полноценным носителем бренда. Такой же принцип работает и с цифровыми продуктами.
Сайт рекламного агентства не должен быть только электронной визиткой. Он может передавать настроение компании через типографику, ритм страниц, анимацию, тексты, фотографии и небольшие интерактивные элементы.
На сайте Impulse Media уже объединены каталог мерча, реальные проекты, производственная экспертиза и материалы для маркетинга, HR и закупок. Мини-игра логично дополняет эту систему. Она показывает, что мы относимся к сайту как к самостоятельному медиа, а не как к папке с товарами.
Почему именно крестики-нолики
Эту игру не нужно объяснять. Пользователь сразу понимает поле, правила и последовательность действий. Партия занимает немного времени, нормально работает на компьютере и телефоне и не требует регистрации.
Это важное качество хорошего микроинтерактива. Он не заставляет человека изучать ещё один интерфейс. Достаточно увидеть поле и сделать первый ход. Кроме того, крестики-нолики воспринимаются спокойно. Здесь нет сложной системы баллов, рейтингов, обязательной авторизации или попытки удерживать посетителя любой ценой. Человек может сыграть, закрыть окно и продолжить выбирать продукцию.
Что даёт такой интерактив
В первую очередь он делает сайт более запоминающимся. Посетитель может не запомнить конкретное расположение кнопки или цвет одного из блоков. Но он с большей вероятностью запомнит, что на сайте рекламного агентства можно было сыграть против самого сайта.
Это уже готовая история, которой можно поделиться: «Я искал корпоративные подарки, а в итоге ещё сыграл с их сайтом в крестики-нолики».
Интерактив также помогает немного снять напряжение. Выбор мерча часто связан с большим количеством решений: бюджет, тираж, цвет, материал, технология нанесения, упаковка и сроки. Короткая игра создаёт паузу и меняет ритм просмотра. Исследования геймификации в онлайн-торговле показывают, что игровые элементы могут положительно влиять на вовлечённость. Но механика работает только тогда, когда она уместна и не мешает покупке или поиску информации.
Игра не должна мешать сайту
У интерактива есть и техническая сторона.
Мини-игра должна загружаться быстро, не перекрывать карточки товаров, не сдвигать содержимое страницы и не открываться автоматически. Звук лучше отключить по умолчанию. На телефоне поле должно помещаться на экране и не конфликтовать с навигацией, подборкой и формами.
Особенно важно контролировать скорость реакции интерфейса. Метрика INP оценивает, как быстро страница отвечает на клики, касания и нажатия клавиш в течение всего визита. Хорошим считается значение не более 200 миллисекунд. Плохо оптимизированная игра может увеличить нагрузку на страницу и ухудшить этот показатель.
Поэтому правильная реализация выглядит так:
игровой код загружается только при необходимости, анимация остаётся лёгкой, каждый ход получает моментальный визуальный ответ, а закрытие игры всегда доступно и понятно.
Интерактив должен продолжать бренд
Я не хотел бы добавлять игру только ради того, чтобы сказать: «Смотрите, у нас есть игра».
Она должна поддерживать характер Impulse Media.
Мы проектируем мерч, который работает как часть коммуникации бренда. Продумываем предмет, нанесение, упаковку, контент и момент вручения. На сайте действует тот же подход.
Даже маленькая функция должна отвечать на несколько вопросов:
- соответствует ли она стилю компании;
- помогает ли запомнить бренд;
- удобно ли ей пользоваться;
- не мешает ли она основной задаче;
- можно ли измерить её результат.
Если ответы положительные, интерактив становится частью продукта.
Вывод
Небольшая цифровая деталь, которая передаёт наш подход к дизайну. Мы хотим, чтобы сайт был не только удобным, но и живым. Чтобы человек запомнил не только ассортимент, но и сам опыт взаимодействия с компанией.