Дизайн
IT -Agency
228

Визуальное оформление для аудиосериала «Пост» от Storytel

Рассказывает Стас Игнатьев, дизайнер в IT-Agency.

В закладки

Весной в стриминговом сервисе аудиокниг Storytel вышел аудиосериал «Пост». Его написал и озвучил Дмитрий Глуховский — автор «Метро 2033», «Будущего» и «Текста». Аудиосериал задуман как международный проект, поэтому сейчас его адаптируют и запускают во всех странах, где работает приложение Storytel.

Задача

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

Промосайт

Первая задача, с которой к нам пришли из Storytel, — сделать промосайт. Он был нужен для PR-поддержки всей истории ещё до старта проекта, чтобы погрузить человека в мир аудиосериала через сильный постапокалиптический визуал.

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

Мы сделали русскую версию промосайта, а потом перевели её на английский

Лендинг собрали в Readymag, чтобы быстро сверстать страницы с иллюстрациями и анимацией, не подключая разработчиков. Это сильно сэкономило время — сроки были сжатые.

Постеры

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

По нашему опыту, в творческой задаче, где нет KPI, важно сделать процесс прозрачным, чтобы каждый вовлечённый человек понимал, откуда взялся итоговый результат. Поэтому мы работали в общем чате, где была команда Storytel, наши дизайнер и иллюстратор. Процесс построили так:

1. Дизайнер и иллюстратор предлагали сюжет, дорабатывали и утверждали его с заказчиком
​2. Затем прорабатывали композицию, снова собирали замечания и утверждали эскиз
3. Затем отрисовывали картинку, собирали последний круг замечаний и утверждали финальную версию​

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

У нас не было задачи нарисовать по одной иллюстрации к каждой главе, но мы старались отрисовывать картинки так, чтобы по ним можно было восстановить всю историю — брали значимые точки по всей сюжетной линии романа.

Начать решили с сюжета, который нравился и нам, и клиенту — с картинки с монахом.

История «Поста» начинается с того, что на мосту, за которым, как все уверены, жизни нет, появляется человек. Финальное событие, которое определило развязку, — появление поезда на тех же рельсах.

Мы взяли два переломных момента сюжета, отрисовали их и смонтировали в одной иллюстрации. Так получился постер, который рассказывает сразу всю историю.

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

Во время работы у нас возникли сложности с образом главной героини — Мишель.

Глуховский описывает персонажей так, что у слушателя остаётся пространство для воображения. Из текста ясно, что у девушки длинные светлые волосы и что она молода — это всё.

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

Композицию и сюжет этого постера согласовали быстро, проблема была в лице

Обложки эпизодов

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

На английском
​На русском
На шведском​

В результате мы создали визуальное сопровождение для всего сериала

После запуска «Поста» все иллюстрации ушли в работу. Сейчас это обложки для сериала в 9 странах, иллюстрации для печатной книги, которая вышла на венгерском языке, толстовки, буклеты, открытки и другой мерч проекта. Большие плакаты, под которыми Глуховский сидел на Comic Con в Швеции и презентовал «Пост» — это тоже наши иллюстрации.

Постеры с автографом Глуховского в нашем офисе
В Венгрии аудиосериал стал еще и книгой
Дмитрий Глуховский на комик-коне презентует «Пост» и показывает наши иллюстрации​
​Постеры с презентации аудиосериала в Болгарии

Это первый в России крупный ориджинал, который мы делали. Нам нужно было сделать что-то классное, чего на российском рынке ещё не было. Ребята из IT-Agency поверили в нашу идею, включились, и получилась большая история на весь мир.


Аудиосериал дал читателю звук и историю, а вся картинка, которую представляют люди, когда слушают «Пост» — зависит от воображения и визуала. Как художник нарисует этот мир, так его и будут представлять. Визуальное восприятие мира «Поста» и создали для нас в агентстве.

Директор по онлайн-маркетингу в Storytel Россия

Команда проекта

Ведущий дизайнер — Маргарет Дьяченко.
Дизайнер и менеджер проекта — Станислав Игнатьев.
Иллюстратор — Анастасия Иванова.
Шрифтовик — Игорь Герасимов.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "IT -Agency", "author_type": "self", "tags": [], "comments": 1, "likes": 1, "favorites": 12, "is_advertisement": false, "subsite_label": "design", "id": 99472, "is_wide": false, "is_ugc": true, "date": "Mon, 30 Dec 2019 18:48:17 +0300", "is_special": false }
0
{ "id": 99472, "author_id": 206046, "diff_limit": 1000, "urls": {"diff":"\/comments\/99472\/get","add":"\/comments\/99472\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/99472"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
1 комментарий
Популярные
По порядку
2

Очень атмосферно) круть!

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }