проект

Тайна яркого проекта, или как РИА Новости рассказали об исследовании серых китов

ссылка на проект

авторы

Алена Костомарова,
Марина Лаба,
Елена Контузова-Вантула,
Владимир Кузнецов,
Павел Шорох,
Денис Золотарев

финансирование

МИА «Россия сегодня» совместно с ПАО «Газпром нефть»

Мультимедийные проекты — это лишь одно из направлений деятельности Дирекции медиадизайна МИА «Россия сегодня», но очень заметное на дизайнерском рынке. Спецпроект «Тайна серого кита» почти два года на плаву читательского интереса. Он поражает отсутствием воды в тексте и ее присутствием в визуализации.

месяца работы

награды на международных конкурсах

человек в команде

Павел Шорох,
руководитель отдела спецпроектов Дирекции медиадизайна МИА «Россия сегодня»

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

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

С 2018 года «Газпром нефть» — участник этой экспедиции.

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

Обложка проекта
Глубокое погружение в тему

Алена Костомарова,
редактор проекта, заместитель руководителя отдела спецпроектов

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

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

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

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

Такие «раскопки» часто являются источником неочевидных и интересных деталей. Например, раздел про аудиоисследования с инфографикой как раз появился в результате дополнительного ресерча и консультаций с учеными и представителями «Газпром нефти».

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

Так выглядела первая версия сценария. Это фрагмент только первой главы проекта «Тайна серого кита»
Эволюция работы над текстами проекта.

Наши редакторы умеют править тексты в коде. Это экономит время и помогает избегать ошибок, которые возникают во время переноса из макета.

Производство мультимедийных проектов похоже на создание фильма. «Текст» в нашей терминологии — это не просто голые буквы, а скорее сценарий с наметками визуальных элементов.

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

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

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

Поиск визуального решения

Павел Шорох

 

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

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

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

Марина Лаба,
дизайнер и художник проекта

Да, мне было сложно что-то забраковать. Было очень много красивых фото и видео.

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

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

Книга, которая послужила референсом для создания подзаголовков

Хотелось добавить в такой насыщенный информационный проект щепотку волшебства, но не переборщить с этим, оставить чувство реальности.

Больше всего времени заняла работа над картой миграции китов. Мы ее несколько раз переделывали вместе с моушен-дизайнером, чтобы она была визуально понятна.

Карта миграции китов

Елена Контузова-Вантула,
моушен-дизайнер

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

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

Чтобы анимированные заголовки весили меньше и проект лучше прогружался, мы применяли код.

Анимация обложки проекта «Тайна серого кита»: до, после и в виде кода.

Владимир Кузнецов,
программист проекта

Анимированные заголовки пришлось делать в векторной графике. Лена выгружала их с помощью Bodymovin, а я добавлял в проект.

Для сборки подобного уровня заказов мы не пользуемся конструкторами типа Тilda. Это полностью ручная работа. Проект собран на Vue — одном из популярных JavaScript фреймворков.

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

Как дирекция медиадизайна МИА «Россия сегодня» работает над спецпроектами

Павел Шорох

 

Над проектом «Тайна серого кита» мы работали два месяца. Параллельно делали еще несколько крупных материалов.

В моем подразделении 20 профессионалов. На данный момент 14 проектов находятся в разной стадии готовности.

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

Процесс создания спецпроектов в нашем подразделении состоит из нескольких обязательных этапов:
 

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

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

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

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

Программист, обсудив идеи с дизайнером, уже набрасывает «скелет», тестирует эффекты.

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

Оценка директора

Денис Золотарев,
директор Дирекции медиадизайна МИА «Россия сегодня»

Работа, на мой взгляд, выполнена на высоком уровне: ярко, профессионально. Спецпроект «Тайна серого кита» взял две премии на престижных международных конкурсах, посвященных нативной рекламе — Native Advertising Awards и Communicator Awards.

У нас есть опыт работы над проектами самых разных масштабов. Относительно простые заказы делаем, используя конструкторы, а когда бюджет и сроки позволяют, беремся за сложные вещи, нестандартные механики.

Справка

Дирекция медиадизайна, в которую входит отдел спецпроектов, была создана в 2019 году на базе бывшего Дизайн-центра Агентства, сохранив основные направления его деятельности: продуктовая работа, спецпроекты (как коммерческие, так и редакционные), инфографика и оперативная графика.

Спецпроекты sdelano.media

Над материалом работал
Дмитрий Артюх

Иллюстрации:
предоставлены авторами проекта, скриншоты спецпроекта «Тайна серого кита»

Делали похожие проекты? Расскажите о своем опыте, нам интересно!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Больше медиаполезностей

Больше медиаполезностей

Еженедельная рассылка по средам для мультимедийных авторов

You have Successfully Subscribed!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: