Бренд Cordiant и журнал Колеса.ру решили провести конкурс с обучающей игрой «Школа зимнего вождения», цель которой – расширение знаний пользователей о правильном управлении автомобилем зимой и популяризацией бренда автомобильных шин.

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

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

Что сделали

• Адаптивная вёрстка
• Фронтэнд-разработка
• Бэкенд-разработка
• Обработка видео
• Распознавание Speech-To-Text
• Формирование субтитров
• Техническая поддержка