Сайт кинодистрибьютора: как устроена платформа «Русского репортажа»

Заказчик и задача

«Русский репортаж» дистрибутирует кино-, теле- и VOD-продукцию. В блоке «О проекте» на новом сайте компания рассказывает о себе: тридцать лет работы в странах СНГ и Балтии и сотрудничество со Studio Ghibli, Goodfellas, Match Factory, 20th Century Fox, BBC, StudioCanal и другими мировыми компаниями.

Требования к платформе:

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

Каталог: четыре раздела и три фильтра

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

Каталог разбит на четыре раздела: художественные фильмы, документальные фильмы и шоу, короткий метр и сериалы. Внутри — сетка постеров с постраничной навигацией. Мы держали интерфейс простым: постер, название, фильтры. Большой объём контента не должен превращаться в перегруженную страницу.

Карточка фильма

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

Прокатный план по годам

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

Главная страница

Главная совмещает промо и новости. Сверху — полноэкранный кадр релиза с описанием и кнопкой (на макете — фильм «На пороге смерти»). Ниже идут:

1. Прокатные планы — постеры релизов со ссылками на карточки.
2. Новости — крупные карточки с фото и датами: на макете это покупка прав на новый фильм, номинации на «Оскар», выход релизов в прокат.
3. «Творческие люди, влюблённые в своё дело» — блок о компании с фотографиями с мероприятий.
4. Лента партнёров — логотипы Studio Ghibli, The Match Factory, 20th Century Fox, Goodfellas.

Айдентика: красный, белый, чёрный

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

Мобильная версия и языки

Макеты сделаны для двух ширин — 1440 и 390 пикселей. В адаптивной версии работают все ключевые сценарии: каталог с фильтрами, карточка фильма, прокатные планы и новости.

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

Что взять в свой проект

Полный кейс с экранами — на странице «Русский репортаж». Похожие задачи — системы управления медиаконтентом и медиапорталы для СМИ. Если вы планируете сайт с большим каталогом, пришлите бриф: SKY INCOM оценит его за час, а калькуляцию с ценой и сроком подготовит за 24 часа.