М-Сошал
Интерактивная digital-инсталляция «Куранты Т-Банка» с экранами, анимацией и Telegram-ботом
М-Сошал
#Разработка сайтов под ключ

Интерактивная digital-инсталляция «Куранты Т-Банка» с экранами, анимацией и Telegram-ботом

18 
М-Сошал Россия, Брянск
Поделиться: 0 0 0
Интерактивная digital-инсталляция «Куранты Т-Банка» с экранами, анимацией и Telegram-ботом
Сфера

Маркетинг, дизайн, реклама

Тип сайта

Лендинг пейдж

Сдано

Декабрь 2025

Задача

Создать интерактивную digital-инсталляцию для городских экранов, где пользователи смогут отправлять желания, а система — анимированно показывать контент и управлять праздничным сценарием в реальном времени.

Решение

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

Этапы работ:

  1. Проектирование digital-сценария
    Спроектировали праздничный сценарий: отправка желания пользователем, модерация, анимация на экране, трансляция в реальном времени.

  2. Разработка формы желаний
    Создали веб-форму для отправки желаний с полями: имя, текст желания, выбор категории и согласие на публикацию.

  3. Создание интерфейсов для экранов
    Разработали интерфейс для отображения на физических городских экранах с крупной типографикой и адаптацией под разные форматы экранов.

  4. Настройка анимаций
    Реализовали анимированные сценарии появления желаний на экране: пролёт, растворение, наложение на праздничный фон.

  5. Интеграция Lottie
    Подключили Lottie-анимации для плавного и лёгкого воспроизведения визуальных эффектов на экранах.

  6. Разработка Telegram-бота
    Создали Telegram-бота для модерации желаний: загрузка, одобрение или отклонение, отправка уведомлений пользователям.

  7. Загрузка Excel-файлов
    Реализовали возможность выгрузки всех одобренных желаний в Excel для архивации и аналитики.

  8. Настройка хранения данных
    Настроили базу данных для хранения желаний, статусов модерации, времени публикации и истории трансляции.

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

  10. Тестирование
    Проверили полный цикл: отправка желания, модерация в Telegram-боте, отображение анимации на тестовом экране и выгрузку Excel.

  11. Запуск
    Развернули сайт для формы желаний и Telegram-бота, синхронизировали с программами трансляции экранов, запустили инсталляцию в городском пространстве.

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

Результат

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


Стек технологий

  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • React.js React.js Фреймворк/библиотека
  • PostgreSQL PostgreSQL База данных
  • Docker Docker Среда разработки
  • Visual Studio Code Visual Studio Code Среда разработки
  • Figma Figma Графический редактор
  • NGINX NGINX Веб-сервер

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

М-Сошал с удовольствием обсудит вашу задачу

Оставить заявку