Главный экран и Каналы

Архитектура и функциональность первого экрана главной страницы

Верхняя часть главной страницы сайта представляет собой продуманный интерфейс для быстрого доступа к контенту. В шапке (Header) расположено главное меню с разделами: «Фильмы», «Сериалы», «Мультфильмы», «Таджикские фильмы», «Репортажи», «Радио» и «ТВ». Также здесь реализован глобальный поиск, переключатель языков, смена темы (светлая/темная) и виджет профиля пользователя с отображением текущего баланса.

Основное внимание привлекает масштабный Hero-баннер — анимированная карусель с главными премьерами (например, фильм «ГНЕВ»). Баннер плавно перелистывается и имеет удобные элементы управления по бокам. Сразу под ним находится блок «Каналы» с горизонтальной прокруткой, предлагающий быстрый доступ к популярным национальным и спортивным телеканалам («Тоҷикистон», «Сафина», «Ҷаҳоннамо», «Варзиш», «Футбол HD», «Синамо»).

1. Эргономика шапки (Header) и персональные сервисы

Шапка платформы спроектирована по принципу «все важное на расстоянии одного клика» и закрепляется в верхней части экрана при скролле (sticky header), сохраняя доступ к ключевым инструментам в любой момент.

Тематическая навигация: Особый акцент сделан на балансе мирового и локального контента. Выделение категорий «Таджикские фильмы», «Репортажи» и «Радио» в основной навигационный ряд подчеркивает культурную и информационную идентичность сервиса, удовлетворяя запросы широкой аудитории.

Глобальный «умный» поиск: Интерактивная поисковая строка оснащена механизмами автодополнения, подсказками популярных запросов и фильтрацией по актерам, режиссерам и жанрам, позволяя находить нужный материал за доли секунды.

Кастомизация и профиль: Переключатель темы (светлая/темная) снижает нагрузку на глаза в вечернее время, а мультиязычность обеспечивает удобство для разноязычной аудитории. Блок личного кабинета объединяет управление подпиской, быстрый доступ к избранному и наглядный виджет баланса, что упрощает мгновенную оплату премьер и продление тарифных планов без перехода в сложные настройки.

2. Интерактивный Hero-баннер как витрина премьер

Центральная визуальная доминанта страницы — кинематографичный Hero-слайдер — выполняет роль ключевого промо-инструмента платформы:

Визуальная подача: Баннер использует адаптивные фоновые постеры высокого разрешения, краткий синопсис, возрастные метки (16+, 18+) и рейтинговые плашки. Внедрение динамических микроанимаций при смене слайдов вовлекает зрителя с первых секунд.

Фокус на действие (Call-to-Action): Каждая карточка баннера снабжена прямыми кнопками «Смотреть онлайн», «Трейлер» и «В избранное», сокращая путь пользователя от первого взгляда до запуска видеопотока.

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

3. Модуль прямого эфира: блок «Каналы»

Расположенный непосредственно под главным баннером блок эфирного вещания органично соединяет формат классического телевидения и современного стриминга:

Горизонтальный скролл (Carousel): Компактная лента карточек с логотипами каналов («Тоҷикистон», «Сафина», «Ҷаҳоннамо», «Варзиш», «Футбол HD», «Синамо») дает возможность переключаться между ними в один жест или клик.

Интерактивные карточки телеканалов: Карточки отображают не только брендовые эмблемы, но и плашку «В эфире», а также название текущей передачи с индикатором прогресса трансляции. Это позволяет зрителю мгновенно сориентироваться в сетке вещания без необходимости открывать отдельную страницу телепрограммы.

Мгновенный переход к стриму: Клик по каналу сразу запускает прямой эфир с низкой задержкой (low-latency streaming), создавая привычный опыт «включения телевизора» прямо в веб-браузере.