Пишете крутые статьи? Публикуйте их в Workspace Media, бесплатно!
ИНФИНИТИ
Мобильное приложение Flix для Сети кинотеатров КАРО
ИНФИНИТИ
WDA
2025
#Приложение под ключ #Разработка логотипа

Мобильное приложение Flix для Сети кинотеатров КАРО

954 
12 фев 2025 в 11:29
ИНФИНИТИ
ИНФИНИТИ Россия, Киров
Поделиться:
Мобильное приложение Flix для Сети кинотеатров КАРО
Клиент

Сеть кинотеатров КАРО

Сфера

Развлечения

Регион

Россия, Москва

Мобильная платформа

IOS, Android

Сдано

Декабрь 2024

Задача

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

Решение

— Разработать алгоритм распознавания фильмов по звуку 

— Разработать логотип и дизайн приложения

— Интегрировать приложение с базой кинорелизов и с афишей Сети кинотеатров КАРО

— Разработать административную панель для управления приложением 

1Клиент

Сеть кинотеатров КАРО — ведущая сеть кинотеатров в России, которые ежегодно посещают более 11 млн. человек в Москве, Санкт-Петербурге, Екатеринбурге, Новосибирске и других городах России.

2О приложении

Flix — это мобильное приложение, которое превращает просмотр трейлеров в кинотеатрах в удобный способ следить за любимыми фильмами.

3Как это работает?

1. Зритель включает приложение во время показа трейлеров.

2. Flix анализирует аудиопоток и мгновенно находит совпадения в базе.

3. Распознанный трейлер сохраняется в историю просмотра.

4. Пользователь может поставить реакцию: свайп вправо — лайк, трейлер добавляется в избранное, чтобы легко к нему вернуться и получать оповещения о связанных событиях; свайп влево — дизлайк, трейлер скрывается из рекомендаций; свайп вверх — посмотреть подробную информацию.

5. При первом успешном распознавании пользователь проходит онбординг, где знакомится с этими действиями.

6. Когда фильм из избранного выходит в прокат, пользователь получает уведомление и возможность купить билет через встроенную афишу.

4Название и концепция

Название Flix выбрано клиентом как производное от Flicks — неформального обозначения фильмов. Это слово используется в разговорной речи, а короткое и звучное название делает приложение и его основную функцию «фликснуть» запоминающимися и интуитивно понятными для пользователей. Flix — это кино в одно касание.

5Прототип и дизайн

На этапе прототипирования мы проработали экраны приложения: главную страницу, вход и регистрацию, профиль и настройки, а также разделы «Трейлеры», «Избранное», «История распознавания» и «Результаты распознавания». После обсуждения с клиентом мы приступили к сборке UI-kit, уделив внимание тому, чтобы цветовая гамма гармонично сочеталась с фирменными цветами бренда КАРО.

Мы выбрали широкое начертание шрифта с увеличенной шириной знаков, что напоминает логотип КАРО и добавляет узнаваемости интерфейсу. На главном экране мы сделали анимацию фликса — пульсация кнопки во время поиска звука из трейлера.

Мы разработали логотип Flix, в основе которого была идея «клика». Три расходящихся луча, выходящие из буквы «i» в слове flix, символизируют клик мышки и распознавание звука.

6Технологическое решение

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

1. Из видео выделяется аудиодорожка, которая проходит обработку и оптимизацию.

2. Аудио анализируется с помощью быстрого преобразования Фурье, из аудио выделяются ключевые частоты.

3. Полученные данные превращаются в аудио-отпечатки (audio fingerprints), которые сохраняются в базе.

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

5. Учитываются временные смещения, чтобы находить похожие хэши даже при несовпадении точек старта.

6. Система анализирует результаты и определяет наиболее вероятный трейлер.

7. Если уверенность недостаточна, выдается статус «не найдено».

Этот алгоритм точно идентифицирует трейлеры даже в сложных акустических условиях и обрабатывать большие объемы данных без перегрузки серверов.

7Фоновый режим и автоматическое распознавание

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

Распознавание при запуске приложения — ещё одна функция для улучшения пользовательского опыта. Если функция включена, распознавание активируется сразу после открытия приложения: пользователь получает результаты, не нажимая на кнопку «фликснуть» и не совершая дополнительных действий.

8Тёмная тема

Основной флоу (процесс распознавания) реализован в тёмной теме, что делает использование приложения комфортным в залах кинотеатров.

9База трейлеров — «Киноплан»

Приложение интегрировано с «Кинопланом» — крупнейшей базой кинорелизов, которой пользуются кинотеатры. Трейлеры из «Киноплана» используются для генерации аудио-отпечатков, которые затем применяются при распознавании.

В разделе «Трейлеры» пользователи могут просматривать новинки, самые распознаваемые фильмы или находить интересующие фильмы через поиск – эту информацию приложение транслирует из «Киноплана». Flix не хранит сами файлы трейлеров, а загружает их по API, что снижает нагрузку на сервер и гарантирует актуальность контента.

10Авторизация, личный кабинет и «Мои фликсы»

Наше приложение открыто для пользователей и доступно в AppStore и Google Play. Основные функции — распознавание и реакции, например, добавление в избранное или дизлайк, можно использовать без регистрации. Данные в таком случае будут сохраняться локально на устройстве, а для перехода в раздел «Мои фликсы», где содержится информация об истории распознавания и избранных трейлерах, потребуется авторизация — это мотивирует пользователей создать аккаунт. 

Авторизация происходит по номеру телефона и коду из SMS. После авторизации локальные данные синхронизируются с сервером.

В профиле можно управлять личной информацией, настроить push-уведомления и выбрать языковую версию (русский или английский). Здесь же доступна функция обратной связи через электронную почту.

11Интеграция с кинотеатрами

В приложении есть «Афиша», и пользователь может посмотреть наличие билетов на выбранный фильм. Для этого мы разработали собственный API и интегрировали сеансы кинотеатров КАРО: одна из целей клиента — создать дополнительный трафик на сайт сети.

Теперь, когда пользователь просматривает карточку фильма, он может нажать «Купить билет» и перейти на афишу билетов. Покупка осуществляется через переход на сайт КАРО непосредственно, но афиша есть в самом приложении для удобства пользователя.

В приложение могут интегрироваться и другие кинотеатры, в том числе и онлайн-платформы. Для таких целей в карточке фильма разработан блок «Смотреть на платформах».

12Административная панель

Админпанель содержит в себе необходимый функционал для управления приложением: управление администраторами, просмотр таблиц базы данных, ручное управление релизами, лентой трейлеров и уведомлениями. Дополнительно мы реализовали статистику распознавания в разрезе реакций пользователей и добавили функцию экспорта данных из таблиц с возможностью фильтрации.

13Релиз MVP

Первую версию приложения клиент представил 12 декабря 2024 года для тестирования на мероприятии компании «Централ Партнершип» — крупнейшего дистрибьютора.

Зрители использовали приложение для распознавания трейлеров дистрибьютора и оценивали их в реальном времени. Таким образом, мы протестировали бета-версию приложения, а кинокомпания получила реакции на новые трейлеры.

14Команда

— Арт-директор

— Дизайнер

— Проджект-менеджер

— Тимлид

— Бэкенд-разработчик

— Разработчик мобильного приложения

— Тестировщики

— Аккаунт-менеджер

Результат

Flix — это не просто инструмент для распознавания трейлеров, а полноценная экосистема для взаимодействия с киноновинками.

✅ Продвинутый алгоритм распознавания аудио-отпечатков.

✅ Гибкая афиша с возможностью масштабирования на другие сети кинотеатров.

✅ Автоматические уведомления о премьерах и доступных сеансах.

✅ Фоновый режим для удобного распознавания без необходимости держать экран включенным.

✅ Интеграция с «Кинопланом» для получения актуальной информации о релизах и трейлерах.

✅ Развитая админ-панель с аналитикой и настройкой контента.

Flix не имеет аналогов на рынке и задаёт новый стандарт взаимодействия зрителей с кинотеатрами.


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

  • Flutter Flutter Фреймворк/библиотека
  • Nest Nest Фреймворк/библиотека
  • PostgreSQL PostgreSQL База данных
  • Docker Docker Среда разработки
  • Node.js Node.js Среда разработки

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

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

ИНФИНИТИ с удовольствием обсудит вашу задачу

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