Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
LP Agency
Как мы разработали платформу онлайн-кинотеатра ARNAIX с web, PWA-приложениями и AI-консультантом
LP Agency
#Разработка сайтов под ключ#Фирменный стиль#Брендинг

Как мы разработали платформу онлайн-кинотеатра ARNAIX с web, PWA-приложениями и AI-консультантом

32 
LP Agency Беларусь, Минск
Поделиться: 0 0 0
Как мы разработали платформу онлайн-кинотеатра ARNAIX с web, PWA-приложениями и AI-консультантом
Сфера

Услуги

Тип сайта

Порталы и сервисы

Сдано

Май 2025

Задача

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

Система должна была закрывать весь пользовательский путь: регистрация → знакомство с каталогом → выбор фильма → просмотр → подписка → повторное использование сервиса — и при этом быть удобной не только для зрителя, но и для команды заказчика, которая ежедневно управляет большим объёмом контента.

Конкретные задачи проекта:

разработать web-версию онлайн-кинотеатра с каталогом фильмов и сериалов, поиском и категориями;

организовать онлайн-просмотр видео и создать личный кабинет пользователя;

реализовать регистрацию по номеру телефона с SMS-подтверждением;

внедрить подписочную модель и мультиязычный интерфейс (русский, казахский, английский);

разработать собственную административную панель под специфику продукта — без использования готовой CMS;

создать инфраструктуру хранения видеоконтента с учётом стоимости хранения и скорости отдачи;

подготовить PWA-версию для мобильных устройств;

реализовать нестандартного AI-консультанта — виртуального персонажа, который встречает пользователя и продолжает общение в формате AI-чата, вместо привычного чат-бота.

Решение

Дизайн ARNAIX разрабатывали полностью с нуля в Figma. В качестве продуктовых ориентиров смотрели на привычные пользователям сервисы вроде Netflix, Okko и START, но не копировали их интерфейс, а строили собственную минималистичную визуальную систему, где пользователь максимально быстро проходит путь от поиска контента до просмотра. Интерфейс сразу проектировали под три языка — русский, казахский и английский.

Центральной частью продукта стал каталог: пользователь мог искать контент по категориям, жанрам, через обычный поиск, подборки, рейтинги и топы. Для сериалов реализовали отдельную структуру «сериал → сезон → серия», чтобы контент оставался управляемым даже при большом объёме. Каждая карточка фильма или сериала открывала страницу с трейлером, описанием, информацией об актёрах и переходом к другим их работам.

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

Личный кабинет реализовали с регистрацией и авторизацией по номеру телефона через SMS-подтверждение (интеграция с SMSC.kz), управлением подпиской, сменой языка и push-уведомлениями о премьерах, релизах и акциях. Подписочную модель выстроили по сценарию «регистрация → 7 дней бесплатного доступа → оформление подписки → просмотр контента»; интеграцию онлайн-оплаты начали, но не довели до конца — для этого требовался API банка со стороны заказчика, который так и не был предоставлен.

Административную панель разработали с нуля, а не на основе готовой CMS, поскольку контент по казахским фильмам и сериалам редко доступен в готовом структурированном виде. Через неё управляли пользователями, видеоконтентом (загрузка, сезоны, серии, трейлеры, рейтинги, информация о съёмочной группе), редакционным контентом (статьи, категории, жанры, подборки) и аналитикой по просмотрам, пользователям, возрасту, полу и жанрам, а также обращениями пользователей через раздел обратной связи.

Отдельно проработали видеоинфраструктуру: выбрали Mail.ru Cloud как облачное хранилище с учётом стоимости хранения и скорости передачи данных, отделив само приложение от физического хранения больших объёмов видео — это заложило основу для дальнейшего масштабирования.

Самой нестандартной частью стал AI-консультант: вместо обычного чат-бота реализовали виртуального персонажа — лицо одного из героев контента ARNAIX, — который приветствует пользователя приветственным видео с голосовым обращением и переводит его в текстовый AI-диалог. Визуальный образ создали с помощью генеративных инструментов, а сам AI подключили через OpenRouter с использованием DeepSeek для генерации ответов — это был не макет, а рабочая интеграция.

Результат

За примерно 6 месяцев разработки была создана полная технологическая основа онлайн-кинотеатра: web-платформа, собственный backend на Laravel с API, административная панель, каталог фильмов и сериалов с поиском и категориями, структура сезонов и серий, видеоплеер с трейлерами и рейтингами, страницы актёров, личный кабинет, SMS-регистрация, подписочная модель с 7-дневным бесплатным периодом, push-уведомления, мультиязычный интерфейс, инфраструктура хранения видеоконтента на Mail.ru Cloud и PWA-версия для мобильных устройств.

Отдельным достижением стал рабочий AI-консультант с виртуальным персонажем — не концепция и не макет, а полностью интегрированная в платформу функция с голосовым приветствием и текстовым AI-диалогом на базе DeepSeek через OpenRouter.

Главный итог — вместо отдельного сайта-каталога был создан фундамент полноценного OTT/стримингового продукта, объединяющего контент, пользователей, подписки, видео, административное управление и AI-взаимодействие в единой системе с чёткой архитектурой (интерфейс → API → backend → хранилище).

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


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

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • Laravel Laravel Фреймворк/библиотека
  • React.js React.js Фреймворк/библиотека

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

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

LP Agency с удовольствием обсудит вашу задачу

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