Новая медиа-платформа телеканала КиноТВ

Главное о кейсе

Этой осенью студия Mantix совместно с командной КиноТВ представили новую медиа-платформу с эксклюзивными интервью, актуальными новостями и телешоу. Сайт предлагает удобную навигацию и разнообразие материалов, включая телепрограммы, обзоры, статьи и подкасты. Платформа ориентирована на людей разных возрастов, одинаково разделяющих интерес к киноискусству.

Более 200 000 пользователей в месяц.
Ежемесячно публикуется:
— 700+ новостей, статей, подборок и рецензий;
— эксклюзивные подкасты и видеоконтент;
— телепрограммы и интервью;
— опросники и игры.
___________

This fall, Mantix studio, together with the KinoTV team, presented a new media-platform with exclusive interviews, current news and TV shows. The site offers easy navigation and a variety of content, including TV programs, reviews, articles and podcasts. The platform is aimed at people of different ages who equally share an interest in cinema.

More than 200,000 users per month.
Published monthly:
— 700+ news, articles, collections and reviews;
— Exclusive podcasts and video content;
— TV programs and interviews;
— questionnaires and games.

Как проект изменил жизнь пользователей

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

Our users gained access to a wide range of new and exclusive content. This project brought an alternative and fresh perspective to the Russian online-media allowing viewers to form a more comprehensive view of contemporary cinema and world cinema.

Бизнес-задача и ее решение

Ключевыми потребностями клиента являлись:
— Повышение узнаваемости бренда телеканала;
— Привлечение новой аудитории из онлайна в эфир телеканала;
— Вовлечение эфирной аудитории в онлайн;
— Создание отдельной медиа-платформы.

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

The key needs of the client were:
- Increasing brand awareness of the TV channel;
- Attracting new audience from online to on-air TV channel;
- Engaging the on-air audience online;
- Creation of a separate media platform.

We set ambitious tasks to modernize the existing website of the TV channel with the subsequent transformation into a full-fledged and modern online media about cinema, represented not only by the reflection of the TV channel's broadcast, but also by the presence of a large part of editorial materials, reviews, exclusive interviews, film news, products of our own production: films, documentary projects, podcasts, TV shows, master classes and other types of educational and entertainment content. A new user-friendly structure of the site was developed, according to the new concept of the media resource - "Look, Read, Listen". This structure included new sections of the site: TV programs, interviews, lectures, articles, catalog of films, actors and directors, TV programs, surveys and games.

Крафт (мастерство), реализация, технические детали

В процессе были отрисованы более 70 экранов для всех страниц сайта с учетом адаптива. Нами было разработано более 90 компонентов и модулей, интегрирован текстовый редактор Setka.io для удобного форматирования контента статей. Также была разработана новая интеграция с BroadView, для автоматизации выгрузки ТВ-программы и фильмов на сайт. Мы перенесли и адаптировали весь существующий контент со старого сайта. Провели первичную SEO-оптимизацию, для лучшего ранжирования сайта в поисковой выдаче. Для решения задачи по улучшению качества поиска материалов по сайту мы разработали интеграцию с Elasticsearch.

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

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

#Плеер подкастов
Мы разработали аудиоплеер для подкастов. Этот плеер упрощает процесс прослушивания аудиоконтента, делая его более удобным для пользователей. С его помощью, прослушивание подкастов на сайте становится более интуитивно понятным и приятным, что повышает общее качество взаимодействия пользователей с мультимедийным контентом.
____________

In the process, more than 70 screens were rendered for all pages of the site, taking into account the adaptability. We have developed more than 90 components and modules, integrated a text editor Setka.io for convenient formatting of the content of articles. A new integration with BroadView has also been developed to automate the uploading of TV programs and movies to the site. We have migrated and adapted all existing content from the old site. We carried out initial SEO optimization to better rank the site in the search results. To solve the problem of improving the quality of the search for materials on the site, we have developed an integration with Elasticsearch.

#Animation
In your project, special attention is paid to the dynamic presentation of content and animation, which is key to providing an attractive and interactive user experience. The use of overlapping blocks creates a complex, multi-level structure that allows you to present information in a more interactive and visually appealing format. The introduction of animations and videos into each block enhances the visual impact and makes the content more lively and dynamic.

#Development of games and questionnaires
To improve user engagement on our site, we have developed a separate platform of games and questionnaires. These elements can be integrated into both articles and individual landing pages. In order to facilitate their management and creation, we have implemented a separate administrative interface with our own authorization. Our service already has a variety of questionnaires and tests offering various types of presentation of questions and their results. In addition, there are games such as "Rebus" and "Find a couple", which add additional variety and interactivity to the site.

#Podcast Player
We have developed an audio player for podcasts. This player simplifies the process of listening to audio content, making it more user-friendly. With its help, listening to podcasts on the site becomes more intuitive and enjoyable, which improves the overall quality of user interaction with multimedia content.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

В связи с очень большим разбросом в отношении возраста и интересов пользователей, необходимо было сформировать медиа-платформу, которая бы удовлетворяла потребности всей аудитории. Это накладывало определенный отпечаток на процесс. Любые наработки (блоки, страницы, анимации и пр.) требовали последующей длительной верификации, предполагающей тестирование на предмет удобства для пользователей. В начале проекта этот процесс занимал достаточно длительное время, в конце реализации проекта мы уже понимали процессы заказчика и потребности аудитории, что позволило сократить время внедрения нового функционала и визуальной части в 4-5 раз. В свою очередь это позволило достичь высокого уровня взаимопонимания с заказчиком. Ключевым инсайтом данного кейса являлось то, что, осуществляя работы для заказчика, мы руководствовались тем, что должны удовлетворить конечного потребителя.
____________

Due to the very wide variation in the age and interests of users, it was necessary to create a media platform that would meet the needs of the entire audience. This left a certain imprint on the process. Any developments (blocks, pages, animations, etc.) required subsequent long-term verification, involving testing for user convenience. At the beginning of the project, this process took quite a long time, at the end of the project we already understood the customer's processes and the needs of the audience, which reduced the time for the introduction of new functionality and visual parts by 4-5 times. In turn, this allowed us to achieve a high level of mutual understanding with the customer. The key insight of this case was that when carrying out work for the customer, we were guided by the fact that we must satisfy the end user.

Скриншоты

Видео