«Иван Васильевич меняет профессию, а мы — сайт»: к юбилею «Мосфильма»

Задача

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

Сайт рассчитан на две аудитории:

—> B2C: для зрителей предусмотрены разделы об онлайн-кинотеатре, музее и экскурсиях

—> B2B: для бизнеса доступны разделы с информацией об аренде павильонов, студий звукозаписи и оборудования

Решение

1) Имиджевое направление

Сайт погружает нас в мир, созданный «Мосфильмом», — от первых черно-белых кадров до современных лент. 

Это не просто история киностудии, а история страны, рассказанная через фильмы, которые мы любим и помним. Здесь можно узнать о том, как создавались легенды, такие как «Джентльмены удачи» или «Москва слезам не верит», и почувствовать ту самую связь поколений, благодаря которой отечественное кино становится важным для каждого из нас.

2) Продвижение контента

Сайт стал находкой для киноманов. Они могут найти фильмы, героев и афиши, а также заглянуть в онлайн-кинотеатр или узнать о предстоящих событиях. Хотите пересмотреть классику вроде «Девчат» или вспомнить, кто сыграл Ипполита? Все это собрано в одном месте.

3) Взаимодействие с целевыми аудиториями

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

4) Единое оформление

Мы создали гибкую дизайн-систему, которая объединила современные стандарты с уникальным фирменным стилем «Мосфильма». Получился баланс между современностью и тем самым образом, который невозможно спутать ни с чем другим.

5) Техническая часть

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

6) Временные рамки

Сайт был запущен к 100-летнему юбилею. Это не просто новый ресурс, а цифровое воплощение «Мосфильма»: его масштаба и радости, которые он дарит зрителям на протяжении целого столетия. 

Сайт ориентирован на две целевые аудитории

1. От пленки к пикселям: переосмысляя наследие

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

2. Живая легенда в новом свете

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

3. «Студентка, комсомолка, спортсменка…» — айдентика, которая умеет все

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

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

4. Тот самый «Мосфильм», только в цифре

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

5. «Камера. Мотор. Начали!»

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

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

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

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

6. Онлайн-кинотеатр

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

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

7. Каталог фильмов

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

8. Страница фильма

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

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

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

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

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

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

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

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

1. Версия для слабовидящих

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

2. Структура базы данных

Результат

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

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

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

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

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

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

  Еще больше идей, кейсов и новостей от Only — на сайте, в Dprofile и Telegram.