ИТ-магия: новогодний портал
Новогодний портал для сотрудников: эфир, адвент-календарь, игры, рейтинг команд и подарки за баллы
О проекте
Новогодний портал для сотрудников ИТ-компании крупного телеком-оператора. Эфир, адвент-календарь, тест, конкурсы, открытки и магазин подарков собраны в одном окне и связаны одной экономикой баллов. Я вёл полный цикл: дизайн, разработку и продакшн всего мероприятия
- клиент
- ИТ-компания крупного телеком-оператора
- роль
- Дизайн, разработка и продакшн всего мероприятия
- год
- 2022
- направления
- портал, геймификация
- результат
- Девять разделов праздника в одном окне, на десктопе и на телефоне
- Одна экономика баллов для всех активностей: действие, награда, прогресс, обмен
- Дизайн-система: около 30 компонентов с состояниями и 13 игрушек-иллюстраций на одной сетке
О проекте
Компания праздновала Новый год онлайн и в офисах. Портал объединил эфир, задания, игры, конкурсы и подарки, чтобы праздновали вместе, где бы ни были. Я вёл весь цикл: дизайн, разработку и продакшн мероприятия
- Вовлечь на весь декабрь, а не на один вечер эфира
- Связать разные активности одной экономикой баллов
- Сохранить праздничные орнаменты и сделать из них современную систему
Концепция
Ночная ИТ-магия. Заклинание и код устроены одинаково: правильная команда запускает чудо. Тёмная сцена делает яркие орнаменты главными героями, а моноширинный шрифт добавляет ИТ-характер: метки, счётчики и шутки вроде «магия: true»
Игровой цикл
Каждое действие на портале что-то даёт. Механики сцеплены в ежедневный цикл, поэтому к порталу хочется возвращаться весь декабрь
- Действие: окошко адвента, квиз, открытка коллеге, фото ёлки, реакция в эфире
- Награда: баллы и игрушка на личную ёлку, серия дней даёт множитель ×1,5, потом ×2
- Прогресс: пять уровней пути волшебника, коллекция игрушек, достижения
- Обмен и слава: подарки в магазине, рейтинг команд и призы в финале эфира
Дизайн-система
Пять праздничных цветов на чернильном фоне. Montserrat для заголовков и цифр, Onest для интерфейса, JetBrains Mono для меток и кода. Около 30 компонентов с состояниями: зона нажатия от 44 px, фокус всегда виден, состояния различаются не только цветом
Игрушки нарисованы на одной сетке 64×64: плоская геометрия и три-четыре цвета палитры. Они работают как иллюстрации, награды и коллекция на личной ёлке
Портал
- Главная: обратный отсчёт, кнопка эфира и мозаика орнаментов вместо статичной иллюстрации, сразу под ней личный прогресс
- Трансляция: live-квиз и реакции рядом с плеером, чтобы смотреть и играть одновременно
- Тест «Кто ты в магии?»: ответ, объяснение и уровень. Пять уровней теста стали прогрессией всего портала
- Мой кабинет: личная ёлка с игрушками за задания, достижения и история баллов
- Открытка коллеге приносит баллы обоим и попадает на общую стену пожеланий
- Битва ёлок и игровая комната в Minecraft: правила рядом с действием, а не в модальном окне, голоса ограничены, чтобы у каждой ёлки был шанс
- Мобильная версия: те же модули в одну колонку, ни одной потерянной функции
