Содержание
- Клиент
- Задача
- Решение
- Дизайн и прототипирование
- Линейка игр и сценарии прохождения
- Forbes Quiz
- Forbes Match
- Forbes Billionaire
- Админпанель модуля Forbes Games
- Отзыв
- Результат
Клиент
Forbes — ведущее финансово-экономическое медиа в мире. Редакция рассказывает о мире бизнеса и о людях, которые его создают. Миссия бренда — давать людям знания, ресурсы, связи и вдохновение, необходимые для достижения успеха.
Задача
Заказчик обратился к нам за разработкой игрового модуля на сайте Forbes. Клиент планирует выстраивать вокруг игровых механик полноценное бизнес-направление и монетизировать его через новые услуги.
Через геймификацию заказчик решает три ключевые бизнес-задачи:
- удержание целевой аудитории — увеличение частоты возврата пользователей после первого визита;
- вовлечение читателей — повышение глубины просмотра и длительности визита;
- привлечение новой аудитории, которой интересны интеллектуальные игры.
Нашей команде нужно было собрать отдельный раздел с разными форматами игр, которые поддерживают фирменный стиль медиа, вовлекают читателей и увеличивают время, проведенное на сайте.
Задачи:
- Собрать модуль с линейкой игр и интеграцией с текущим сайтом медиа.
- Реализовать игровые механики таким образом, чтобы читатель задерживался в разделе и переходил к материалам Forbes через подсказки и ссылки.
- Сделать для редакции удобную админпанель, в которой сотрудники смогут сами создавать игры, настраивать уровни, тексты и подсказки без участия разработчиков.
- Заложить основу для будущей монетизации и масштабирования продукта. Модуль будет поддерживать новые форматы игр, сценарии подписки, рекламные размещения и партнерские форматы. Forbes Games должен стать самостоятельным бизнес-направлением медиа.
Решение
Мы разработали для Forbes отдельный модуль — Forbes Games. Это самостоятельный раздел сайта с продуманной архитектурой и авторизацией, который вовлекает читателей и позволяет монетизировать портал за счет разных механик.
Главная страница игрового модуля
Перед стартом работ изучили текущий сайт, фирменный стиль и ТЗ на первые три игры. Уточнили роли пользователей, логику подписки, требования к сбору данных и работе редакции. На базе этого собрали структуру модуля, пользовательские сценарии и требования к административной панели.
Что сделали:
- Спроектировали архитектуру модуля Forbes Games как отдельного раздела с гибкой интеграцией в существующий сайт и единой авторизацией.
- Реализовали идею первой линейки игр — три стартовых формата.
- Разработали интерфейс Forbes Games в едином стиле медиа, чтобы пользователь легко переключался между разделами сайта.
- Создали админпанель для редакции Forbes — разделы для управления играми, подсказками, уровнями и текстами, а также блок с выгрузкой отзывов.
- Подготовили модуль к дальнейшему развитию — слоты под новые игры и запуск спецпроектов.
Дизайн и прототипирование
Мы опирались на визуальный стиль Forbes: темный фон, черно-белая графика с золотыми акцентами, крупные заголовки и короткие подписи. Forbes Games получился нативным разделом сайта с карточками игр.
Прототипы и оформление раздела с играми для Forbes
Подготовили иллюстрации с уникальными образами для каждого уровня. Персонажи выполнены в строгом графическом стиле. Они помогают пользователю ориентироваться в интерфейсе и игровых сценариях.
Иллюстрации и визуальный стиль модуля Forbes Games
Проработали состояния кнопок и карточек ответов так, чтобы игрок всегда понимал, что происходит. На экранах результатов выводится уровень с иллюстрацией и обратной связью, которая поддерживает пользователя и мотивирует его пройти еще одну игру.
Выбор ответов и фиксирование результатов
Все макеты проектировали в адаптиве, чтобы пользователи могли с любых устройств проходить игры, читать статьи Forbes и легко переключаться между разделами.
Адаптивная версия модуля
Линейка игр и сценарии прохождения
В стартовой линейке Forbes Games добавили три формата, каждый из которых решает свою задачу:
- Quiz позволяет проверить эрудицию в формате теста.
- Match помогает оценить знания с помощью сопоставления понятий.
- Billionaire предлагает пройти путь настоящего миллиардера и проверить свои способности по принятию решений в формате мини-квеста.
Стартовые экраны трех игр
Пользователь выбирает формат, знакомится с описанием игры и решает пройти быстрый тест, глубокий разбор понятий или оценку предпринимательского мышления. Такой подход помогает редакции запускать разные игры и удерживать аудиторию на сайте.
Во всех играх заложены разные ветки согласно ролям пользователей:
- гость;
- авторизованный читатель;
- подписчик.
Гость может протестировать формат, авторизованный пользователь приобретает персонализированный опыт, а подписчик проходит линейку игр и получает сообщения о новых квестах. Так пользователи плавно заходят в воронку и могут на старте делиться результатами и регистрироваться на площадке, а потом оформлять подписку.
Возможность поделиться результатами и подписаться на новые игры
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 уже работает: читатели активно проходят игры и переходят на наши статьи. Это лучший показатель того, что реализованные игровые механики работают и наш проект движется в правильную сторону.
Результат
Мы спроектировали модуль Forbes Games как основу для развития полноценного игрового направления бизнеса. В дальнейшем планируем улучшать и масштабировать проект.
- Запуск и улучшение других механик.
- Развитие существующих игр.
- Интеграция игр в экосистему Forbes.
За первые недели после релиза Forbes Games посетили более 40 тысяч пользователей, из них 3 500 посетителей запустили игры. Статистика этих сессий показывает высокую вовлеченность. Это подтверждает гипотезу, что геймификация способствует удержанию пользователей в экосистеме Forbes и улучшает редакционные метрики.
