Forbes Games: разработка, которая превратила бизнес-статьи в интерактивные задания

Привет, это Атвинта! Рассказываем как запустили игры на сайте Forbes Russia для монетизации и вовлечения читателей.

Клиент

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

Задача

Заказчик обратился к нам за разработкой игрового модуля на сайте Forbes. Клиент планирует выстраивать вокруг игровых механик полноценное бизнес-направление и монетизировать его через новые услуги.

Через геймификацию заказчик решает три ключевые бизнес-задачи: 

1. удержание целевой аудитории — увеличение частоты возврата пользователей после первого визита;
2. вовлечение читателей — повышение глубины просмотра и длительности визита;
3. привлечение новой аудитории, которой интересны интеллектуальные игры.

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

Задачи:

1. Собрать модуль с линейкой игр и интеграцией с текущим сайтом медиа.
2. Реализовать игровые механики таким образом, чтобы читатель задерживался в разделе и переходил к материалам Forbes через подсказки и ссылки.
3. Сделать для редакции удобную админпанель, в которой сотрудники смогут сами создавать игры, настраивать уровни, тексты и подсказки без участия разработчиков.
4. Заложить основу для будущей монетизации и масштабирования продукта. Модуль будет поддерживать новые форматы игр, сценарии подписки, рекламные размещения и партнерские форматы. Forbes Games должен стать самостоятельным бизнес-направлением медиа.

Решение

Мы разработали для Forbes отдельный модуль — Forbes Games. Это самостоятельный раздел сайта с продуманной архитектурой и авторизацией, который вовлекает читателей и позволяет монетизировать портал за счет разных механик.

Главная страница игрового модуля

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

Что сделали:

1. Спроектировали архитектуру модуля Forbes Games как отдельного раздела с гибкой интеграцией в существующий сайт и единой авторизацией.
2. Реализовали идею первой линейки игр — три стартовых формата.
3. Разработали интерфейс Forbes Games в едином стиле медиа, чтобы пользователь легко переключался между разделами сайта.
4. Создали админпанель для редакции Forbes — разделы для управления играми, подсказками, уровнями и текстами, а также блок с выгрузкой отзывов.
5. Подготовили модуль к дальнейшему развитию — слоты под новые игры и запуск спецпроектов.

Дизайн и прототипирование

Мы опирались на визуальный стиль Forbes: темный фон, черно-белая графика с золотыми акцентами, крупные заголовки и короткие подписи. Forbes Games получился нативным разделом сайта с карточками игр.

Прототипы и оформление раздела с играми для Forbes

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

Иллюстрации и визуальный стиль модуля Forbes Games

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

Выбор ответов и фиксирование результатов

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

Адаптивная версия модуля

Линейка игр и сценарии прохождения

В стартовой линейке Forbes Games добавили три формата, каждый из которых решает свою задачу:

1. Quiz позволяет проверить эрудицию в формате теста.
2. Match помогает оценить знания с помощью сопоставления понятий.
3. Billionaire предлагает пройти путь настоящего миллиардера и проверить свои способности по принятию решений в формате мини-квеста. 

Стартовые экраны трех игр

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

Во всех играх заложены разные ветки согласно ролям пользователей: 

1. гость;
2. авторизованный читатель;
3. подписчик.

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

Возможность поделиться результатами и подписаться на новые игры

Forbes Quiz

Forbes Quiz состоит из десяти вопросов с прогрессом по шагам и подсказками. После каждого ответа пользователь видит правильный вариант и комментарий по данной теме. 

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

Forbes Quiz

Forbes Match

Forbes Match — это игра на поиск соответствий. Игра помогает читателям глубже погружаться в материалы Forbes. Для редакции это инструмент, который позволяет обучать пользователей и выстраивать последовательный путь от простых игр к сложным статьям.

Forbes Match

Forbes Billionaire

Forbes Billionaire работает на эмоции и вовлечение. Читателю предлагают пройти через несколько ситуаций в роли крупного предпринимателя и посмотреть, насколько его выборы похожи на стратегии миллиардеров. Так пользователи могут делиться результатами, а медиа получает органические рекомендации и дополнительный контакт с аудиторией в соцсетях.

Forbes Billionaire

Админпанель модуля Forbes Games

Мы сделали отдельную административную панель Forbes Games, в которой редакция добавляет контент для игр — так же привычно, как и материалы на основном сайте. Внутри есть разделы по каждому формату: можно завести новую игру или отредактировать существующую. 

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

Отзыв

Вероника Шурмухина

Автор проекта Forbes Games

Выбрали Атвинту за профессиональный подход и прозрачную репутацию. Для нас было критично найти надежного и устойчивого партнера. Отдельное спасибо проджект-менеджеру, которая мастерски переводит с «айтишного» на человеческий язык. Forbes Games уже работает: читатели активно проходят игры и переходят на наши статьи. Это лучший показатель того, что реализованные игровые механики работают и наш проект движется в правильную сторону.

Результат

Мы спроектировали модуль Forbes Games как основу для развития полноценного игрового направления бизнеса. В дальнейшем планируем улучшать и масштабировать проект.

1. Запуск и улучшение других механик.
2. Развитие существующих игр.
3. Интеграция игр в экосистему Forbes.

За первые недели после релиза Forbes Games посетили более 40 тысяч пользователей, из них 3 500 посетителей запустили игры. 

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