Сайт киноконцерна Мосфильм

Аналитика

Мы переработали структуру сайта и упростили навигацию: теперь все просто, логично и удобно. Независимо от того, ищете ли вы пресс-материалы, информацию о партнёрстве или просто хотите узнать больше о любимом актёре, сайт устроен так, чтобы всё необходимое было под рукой.

Дизайн

Мы разработали интерфейс, который соответствует актуальным стандартам, но при этом сохраняет уникальную самобытность киностудии. Главная идея — подчеркнуть, что «Мосфильм» был и остается одним из ведущих игроков в мире отечественного кинематографа.

Ключевой идеей новой айдентики стало использование света, который занимает центральное место как в кино, так и в визуальной идентичности студии. Цвета, паттерны, градиенты и анимации софитов отсылают к свету съемочных прожекторов и культовым кинозаставкам. На страницах фильмов анимации карточек при наведении создают эффект освещения, что дополнительно подчеркивает атмосферу кинопроизводства.

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

Дизайн

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

Дизайн

Блок титров подытоживает главную страницу, давая отсылку к достижениям великих режиссеров, таких как Сергей Эйзенштейн и Андрей Тарковский, как часть достижений «Мосфильма».

Интерактивность и киноэстетика стали ключевыми аспектами проекта. Экран с обратным отсчетом при загрузке страниц создает атмосферу ожидания начала фильма.

Для B2B-клиентов разработали 2D-карту съемочных площадок Центрального производственного управления с указанием точных размеров, что упрощает поиск локаций в ходе съемок и их планировании. Раздел с экскурсиями дополнен фотографиями.

Новая айдентика формирует эмоциональную связь с аудиторией, отражая историческую значимость киностудии и внося её в современную digital-среду. Широкая сетка, крупные заголовки, удобная навигация — всё это работает на ощущение легкости. Сайт стал не просто проектом, а цифровым воплощением культурного кода страны, соединяющим прошлое и настоящее.

Дизайн

При создании самого посещаемого раздела мы проанализировали лучшие мировые платформы (Apple TV, Amazon Prime Video, Universal Studio, Lionsgate, Okko, Kion, Kinopoisk, Ivi, Wink и т. д.). Сохранили привычные элементы интерфейса: анонсы премьер и популярных фильмов, строку поиска, баннеры с лаконичной информацией и карусель тематических подборок. Контент структурировали по жанрам и коллекциям.

Особое место занимает блок «Фильмы после реставрации». Настоящая «лепота»: здесь киношедевры обретают вторую жизнь, а зрители получают возможность насладиться восстановленным качеством легендарных картин.

Дизайн

«Я требую продолжения банкета!» или настоящая кладезь фильмов для киноманов. Чтобы объединить богатейшее наследие «Мосфильма», мы создали систему фильтров по ключевым параметрам: жанру, дате выхода, актерам, режиссерам, а также наличию субтитров и тифлокомментариев. Полезной функцией стало разделение фильмов на серии и сезоны, что значительно упрощает навигацию. Например, поклонники «Большой перемены» смогут без труда найти нужную серию.

Дизайн

Страницы фильмов демонстрируют высокий уровень вовлеченности: более 70% пользователей просматривают не менее трех страниц перед выбором фильма.

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

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

Также представлены дополнительные данные: длительность, кассовые сборы, награды. Фотографии исполнителей главных ролей оформлены в круглых карточках для удобства восприятия. Отсюда же можно перейти на страницы с биографиями актеров.

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

Разработка. Фронтенд

Мы сохранили привычную заказчику админку на CMS Bitrix и настроили двусторонние связи между информационными блоками, связав таким образом страницы фильмов и персон.

После обновления сайт работает на PHP 8.0, улучшая взаимодействие с ядром CMS. Мы оптимизировали стандартные компоненты Bitrix, сделали код JavaScript более структурированным и повысили производительность. Дополнительно внедрили меры по усилению безопасности системы.

Добавлены плавные анимации переходов между страницами и адаптивная мобильная версия.

HTML: HTML5
Стили: CSS3, Препроцессор SCSS
Скрипты: Javascript, Препроцессор Typescript
Сборщик: Webpack
Шаблонизатор: PUG
PHP: 8.1+
СУБД: MySQL
CMS: 1C-Битрикс
Server: Nginx

Разработка. Бэкэнд

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

Итог

К 100-летию киностудии был разработан сайт с индивидуальным дизайном и продуманной структурой, ориентированной на две основные аудитории: любителей кино и клиентов. Новые функции привлекли больше пользователей, значительно повысив интерес к контенту киностудии.

> 2 миллионов человек за 11 месяцев 2024 по сравнению с 1,1 миллиона в 2023

Первая тройка по посещаемости: Россия — 1,12 миллиона, Китай — 42,349, Германия — 32,978

Ядро аудитории: 25–34 лет, далее 35–44 лет и 45–54 лет

1,6 миллиона посещают ежегодно, > 180 тысяч заходят ежемесячно, 11,5 тысячи уникальных пользователей в пиковые дни

Расширили географию: включая Финляндию, США, Беларусь, Казахстан, Францию, Нидерланды и другие.