Куранты Т-Банк


Как это работало: от QR-кода до анимации
Каждый день с 13:00 до 21:00 на четырёх экранах башни разворачивался цифровой сценарий:
- Два экрана показывали QR-код, который вел на форму для загадывания желаний.
- Два других — стилизованные часы, которые каждый час запускали анимацию: бой курантов, летящие шары, снежинки и призыв «Время загадать желание».
Желания, отправленные через форму, проходили модерацию, и сотрудники Т-Банка загружали их через специального Telegram-бота. С 14:00 эти желания начинали появляться на экранах — поочерёдно, в виде имён и текста в аккуратных плашках. А в 21:00 система анимированно объявляла победителя, чьё желание будет исполнено.
Технологии, которые оживляют экраны
Для плавной анимации и бесперебойного обновления контента мы использовали стек технологий:
- Backend: PHP, Backpack, PostgreSQL
- Frontend: React + Next.js
- Анимации: библиотека Lottie
Особое внимание уделили интеграции со сторонними программами трансляции на физические экраны — это позволило избежать задержек и сохранить чёткость изображения.
Закрытый канал для данных: как работал бот
Telegram-бот служил безопасным каналом для загрузки контента:
- Принимал Excel-файлы (.xlsx) с двумя колонками: «Имя» и «Желание».
- Присваивал каждому файлу уникальный ID.
- Накапливал данные, не перезаписывая и не удаляя историю.
- Работал только для сотрудников из whitelist.
Это обеспечило слаженную работу всей цепочки — от сбора желаний до их показа на большом экране.
Итог: технологии как проводник эмоций
Благодаря отлаженной системе анимаций, точной загрузке данных через бота и оптимизированной интеграции, проект работал бесперебойно весь праздничный период. Т-Банк не только создал яркие новогодние украшения городов, но и исполнил желания победителей.
Проект «Куранты Т-Банка» доказал, что технологии могут создавать настоящее волшебство. Когда в вечернем городе били куранты, а на экране появлялось чьё-то желание — цифровой продукт становился частью праздника и человеческих эмоций.