NDA

Хабр х Инфосистемы Джет

"Ночь в дата‑центре" - веб‑квест про SLA, инциденты и "инженера на все руки"

web

2025

NDA

Хабр х Инфосистемы Джет

Дизайн
Креатив
Разработка

web

2025

Хабр х Инфосистемы Джет - "Ночь в дата‑центре"

Хабр х Инфосистемы Джет - "Ночь в дата‑центре"

Хабр х Инфосистемы Джет - "Ночь в дата‑центре"

Хабр х Инфосистемы Джет - "Ночь в дата‑центре"

NDA

Хабр х Инфосистемы Джет

web

2025

Контекст

Хабр и Инфосистемы Джет хотели вовлечь инженеров и ИТ‑специалистов в интерактивный формат, где нужно сохранять SLA, диагностировать проблемы и "ловить" артефакты экспертизы.

Цель и задачи

Разработать веб‑квест, которыи в игровой форме проверяет и прокачивает инженерные навыки: диагностику, мониторинг, реагирование на инциденты, и ведет к финальному "артефакту" за счет серии технических испытаний.

Решение

Создали интерактив "Ночь в дата‑центре" с атмосферным scrollytelling и ролевым выбором: сервисный инженер, диагност или инженер мониторинга. Игроки последовательно решали прикладные задачи - от read‑only анализа метрик и логов до принятия решений по эскалации, failover, настройке алертов и восстановлению сервисов. Каждый верный ответ сохраняет SLA и приближает к раскрытию секретного артефакта. За правильные ответы открывались подсказки и части "секретных артефактов"; финал объединял собранные элементы в одно решение. Реализовали ветвления по ролям, базу задач с проверкой ответов. Визуальная сцена - ночной ДЦ с интерактивными зонами, аудио‑атмосферой и подсветкой критических систем.

Описание механики

Пройдите "ночную смену" в ДЦ - выбирайте роль, решайте технические инциденты, собирайте артефакты и сохраняйте SLA!

  1. Старт и онбординг: выбор роли (сервисный инженер, диагност, инженер мониторинга), краткий бриф по целям смены.
  2. Карта ДЦ: интерактивные зоны (серверная, сеть, СХД, резерв, мониторинг, НОЦ); в каждой запускается кейс.
  3. Кейсы‑инциденты: всплеск латентности, деградация дисков, flapping в сети, истекшие сертификаты, "шумные" алерты, неверные пороги, отказ узла и др.
  4. Действия: анализ метрик и логов, сопоставление симптомов, выбор сценариев (откат, балансировка, переключение на резерв, корректировка алертов, эскалация).
  5. Проверка решений: мгновенная обратная связь, штрафы за неверные шаги, подсказки при серии ошибок.
  6. SLA и очки: верные решения удерживают SLI/SLO, начисляют очки компетенций; ошибки снижают SLA и открывают разбор.
  7. Артефакты: за блоки испытаний выдаются "фрагменты артефакта"; собрав комплект, игрок открывает финальную сцену.
  8. Финал: раскрытие артефакта, сводка по сильным сторонам и зонам роста, рекомендации материалов на Хабре и кейсов Инфосистем Джет, предложение перепройти роль с другои специализацией.
  9. Повторное прохождение: альтернативные задачи и ветки под другие роли для полной коллекции артефактов.

Другие проекты

NDA

2025

Финам х VC - "Мотокросс по графикам"

Веб‑переосмысление Gravity Defied на биржевых курсах

Cookies Games

2025

Авиасейлс х Актибио - "Виза в отпуск"

Веб‑генератор "шуточной визы" и розыгрыш путешествий

NDA

2025

Справочная медиа Точка банк х Точка - "Комнаты ора для крикотерапии"

Веб‑опыт по снятию стресса

NDA

2025

Авто.ру х Лайфхакер - "Отряд автозлодеев"

Веб‑комикс про риски при покупке авто

KTS

2025

Самокат - "Пандагочи"

Геймификация с виртуальным питомцем

Trend Surfers

2025

ПИК - "ПИК архитектор"

Mini‑app "2048" с кварталами ПИК

Авиасейлс

2025

Авиасейлс х Добрый - "Агент ноль‑ноль‑съесть"

Веб‑кликер в шпионском вайбе с нативной интеграцией

NDA

2025

Yandeх Cloud х VC - "Колл‑центр: оцени работу специалиста"

Веб‑тест‑свайпер про речевую аналитику Yandex

NDA

2025

МТС - "Финансовый супергерой"

Веб‑квест о карте МТС в игровом сюжете

NDA

2025

Авито работа - "Истории больших побед"

Веб‑раннер про поиск сотрудников и инструменты Авито Работа

Есть задача — найдём креативное решение

FormTelega

funtech

Агентство интерактивных технологий нового поколения
Написать в Телеграм
Искра зажжена! Мы приняли ваш запрос.
Ваша заявка у нас. Нейросети уже работают над концепциями для вашего уникального digital-спецпроекта.
Наш Телеграм