Как мы разработали платформу онлайн-кинотеатра ARNAIX

Перед командой стояла задача создать технологическую основу собственного онлайн-кинотеатра, которая закрывала бы весь основной пользовательский путь:

регистрация → знакомство с каталогом → выбор фильма → просмотр → подписка → повторное использование сервиса.

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

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

Основные задачи проекта:

• создать web-версию онлайн-кинотеатра;
• разработать каталог фильмов и сериалов;
• реализовать поиск и категории;
• организовать онлайн-просмотр видео;
• создать личный кабинет пользователя;
• реализовать регистрацию по номеру телефона;
• подключить SMS-подтверждение;
• реализовать подписочную модель;
• предусмотреть мультиязычный интерфейс;
• разработать административную панель;
• создать инфраструктуру хранения видеоконтента;
• подготовить PWA-версию для мобильных устройств;
• реализовать AI-консультанта.

Дизайн ARNAIX полностью разрабатывали с нуля.

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

Основной принцип — минималистичный интерфейс, в котором пользователь максимально быстро переходит от поиска контента к просмотру.

В Figma были проработаны основные пользовательские сценарии, страницы каталога, карточки фильмов и сериалов, личный кабинет, подписка и другие элементы интерфейса.

Отдельно учитывалась мультиязычность: интерфейс проектировался сразу под три языка — русский, казахский и английский.

Одной из центральных частей продукта стал каталог.

Пользователь должен был иметь возможность искать и выбирать контент несколькими способами:

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

Для каждого фильма или сериала предусматривалась отдельная страница с основной информацией о контенте.

В зависимости от типа контента пользователь мог:

• посмотреть трейлер;
• открыть фильм;
• выбрать сезон;
• выбрать конкретную серию;
• ознакомиться с описанием;
• посмотреть информацию об актёрах;
• перейти к другим фильмам с участием конкретного актёра;
• прочитать связанные статьи;
• увидеть рейтинг.

Для сериалов отдельно реализовали структуру сериал → сезон → серия, чтобы контент можно было нормально организовать даже при большом каталоге.

Основной функцией платформы являлся непосредственно просмотр видео.

Был реализован собственный пользовательский сценарий просмотра:

• запуск и остановка видео;
• регулировка громкости;
• повторный запуск;
• переход к следующему видео;
• просмотр трейлеров;
• отображение статуса просмотренного контента.

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

Отдельно разработали личный кабинет пользователя.

В нём пользователь мог управлять своим аккаунтом и получать информацию о доступе к сервису.

Основные возможности:

• регистрация и авторизация;
• подтверждение номера телефона;
• изменение персональных данных;
• смена пароля;
• просмотр текущей подписки;
• изменение языка;
• работа с настройками аккаунта.

Регистрация реализована через номер телефона с подтверждением по SMS.

Для интеграции использовался сервис SMSC.kz.

Также была предусмотрена система push-уведомлений. Пользователь мог получать уведомления о:

• премьерах;
• изменениях дат релизов;
• акциях;
• других событиях, связанных с контентом.

ARNAIX изначально строился как платный онлайн-кинотеатр.

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

Таким образом, пользовательский сценарий выглядел следующим образом:

Регистрация → 7 дней бесплатного доступа → оформление подписки → просмотр контента.

В проекте предусматривался один тариф.

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

Одной из ключевых частей проекта стала собственная административная панель.

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

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

Через админ-панель можно было управлять:

Пользователями

• добавление;
• редактирование;
• блокировка;
• удаление;
• просмотр информации о подписке.

Видео-контентом

• загрузка видео;
• добавление фильмов;
• добавление сериалов;
• управление сезонами и сериями;
• трейлеры;
• рейтинги;
• информация о съёмочной группе;
• актёры;
• описания.

Контентом

• статьи;
• категории;
• жанры;
• подборки;
• топы фильмов и сериалов.

Аналитикой

Предусматривался сбор статистики по:

• просмотрам;
• пользователям;
• возрасту;
• полу;
• жанрам.

Также в административной панели был реализован раздел обратной связи, где менеджеры могли видеть обращения пользователей и менять их статус.

Для онлайн-кинотеатра недостаточно было просто разработать интерфейс и загрузчик файлов.

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

Мы проработали инфраструктуру хранения фильмов и сериалов с учётом стоимости хранения и скорости передачи данных.

В качестве облачного хранилища выбрали Mail.ru Cloud, после чего архитектура платформы была подготовлена таким образом, чтобы видеоконтент можно было загружать и организовывать через административную часть.

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

Отдельным этапом проекта стал необычный для онлайн-кинотеатра AI-консультант.

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

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

Мы реализовали:

• виртуального персонажа;
• приветственное видео;
• голосовое обращение;
• переход пользователя к AI-чату;
• текстовый диалог;
• ответы AI на вопросы пользователя.

Для создания визуального образа использовали генеративные инструменты, после чего подготовленное видео встроили в интерфейс платформы.

AI-часть подключили через OpenRouter, используя DeepSeek для генерации ответов.

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

Архитектура проекта также предусматривала использование PWA-подхода для мобильных устройств.

Это позволяло использовать одну основную web-кодовую базу и адаптировать её под мобильный сценарий без необходимости поддерживать два полностью отдельных нативных продукта.

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

Основной backend был разработан на PHP / Laravel.

Frontend — React.

Для хранения данных использовался MySQL.

Отдельный API обеспечивал взаимодействие клиентской части с backend и создавал основу для использования одной серверной инфраструктуры разными версиями продукта.

В результате архитектура включала несколько основных уровней:

Пользовательский интерфейс → API → Backend → База данных / хранилище контента

Это позволило не привязывать бизнес-логику непосредственно к конкретной версии интерфейса.

За примерно 6 месяцев разработки была создана технологическая основа онлайн-кинотеатра, включающая:

• полноценную web-платформу;
• собственный backend на Laravel;
• API;
• административную панель;
• каталог фильмов и сериалов;
• поиск и категории;
• страницы фильмов и сериалов;
• сезоны и серии;
• видеоплеер;
• трейлеры;
• рейтинги;
• информацию об актёрах;
• статьи;
• личный кабинет;
• SMS-регистрацию;
• подписочную модель;
• 7-дневный бесплатный период;
• push-уведомления;
• мультиязычный интерфейс;
• инфраструктуру хранения видеоконтента;
• PWA-версию для мобильных устройств;
• собственный дизайн продукта в Figma;
• работающего AI-консультанта с виртуальным персонажем.

Главный результат — вместо отдельного сайта-каталога был создан фундамент полноценного OTT/стримингового продукта, который объединял контент, пользователей, подписки, видео, административное управление и AI-взаимодействие в одной системе.

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