«Шаболовка в авангарде». Проект к столетию Шуховской башни

«Классический» состав команды на наших проектах выглядит так: автор текста, несколько профильных редакторов, продюсер, дизайнер, 3D-художник, иллюстраторы, SMM-редактор, бильд-редактор, разработчик, SEO-оптимизатор, веб-аналитик, трафик-менеджер (занимается продвижением на площадках партнеров).
В подготовке «Шаболовки в авангарде» от «классики» не отошли. На проекте были задействованы 15 человек.

Первое упоминание идеи Даша Донина нашла в рабочем чате от 23 октября 2021 года: «Привет. Сорри, что в субботу, просто пришло в голову пока. А у нас на следующий год что-то запланировано про Шуховскую башню, которой 100 лет? Если нет, то предлагаю сделать проектик в жанре авиации, с инфографикой и планировками района Шаболовки 20-х в разгар авангарда».

Распределение обязанностей

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

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

Вотчина Леры Скуратовой — редактора инфографики — визуальный ритм проекта, работа с данными, подбор оптимального формата под их переупаковку, сбор фактуры для визуализаций (от цифр и таблиц до архивных фотографий), и подготовка технических заданий для дизайнера.

Дизайнер Вася Егоров разрабатывал визуальный язык, подбирал специалистов под свое видение — ну и, собственно, воплощал дизайн в макете (мы работаем с Figma).

3D-художник Дима Смирнов сделал классные уютные 3D-модельки зданий, отсылающие к эстетике архитектурных макетов.

Иллюстраторы Настя Зотова и Даша Ястребова (тоже работают в Figma и Procreate) отрисовали чертежи и детали зданий, а также портреты наших спикеров и экспертов, так как стилистика проекта не располагала к использованию современных фотографий.

Бильд-редактор Настя Козулина отвечала за добычу полезных архивных снимков из наших фотобанков (по доступной подписке) и из внешних источников, так что боль работы с юристами и документами ей тоже знакома.

Разработкой занимался Антон Мизинов. Если честно, он наш штатный дизайнер. Но так как Антон разбирается в коде, то на некоторых проектах выступает в качестве разработчика.

Внешнюю разработку используем на 70% проектов. Не очень любим этот вариант. Коммуникация с подрядчиками всегда содержит риски, но и у внешних подрядчиков бывают высокие компетенции.

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

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

Продвижение проекта на внешних площадках — вотчина Лолы Сайтметовой. Она вытаскивала из нашего нарратива интересные детали — и на их основе выстраивала промо.

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

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

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

Рождение идеи и начало работы

Для меня Шаболовка — любимый район. Я когда-то снимала квартиру в одном из корпусов так называемого Хавско-Шаболовского жилмассива, и с тех пор мечтаю вернуться в этот район на постоянку. Дома у меня висит плакат из Центра авангарда с изображением Шуховской башни и годом ее возведения — 1922. Как-то зацепилась взглядом за это и подумала: «Получается сто лет! Значит имеет смысл внести в годовой план что-нибудь эдакое».

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

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

Был сформирован лонг-лист по экспертам. В него вошли москвоведы, экскурсоводы, архитекторы, специалисты Государственного музея архитектуры имени А.В. Щусева, также вели разговор с ВШЭ. Контакты некоторых официально запрашивали, с остальными связывались через аккаунты в социальных сетях, с некоторыми была прямая телефонная связь.

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

Не хватало материала по школе № 600, Дому-Коммуне на улице Лестева. Чертежей по объектам тоже не хватало. Были какие-то эскизы, но из них трехмерный объект создать сложно. По башне был хороший проект трехмерный. Авторы на нем пробовали лазерное сканирование зданий. Я это брал за референс. Какие-то детали фотографировал сам.

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

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

Работа с текстом и визуализация

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

Даша поясняет: «Для Полины это была первая масштабная работа. Она шла по тезисному плану, составленному Лерой, искала и проверяла фактуру. Из-за большого разнообразия материалов был велик риск скатиться в повторение. Найти «незаезженную» информацию было не так-то просто, но в итоге получилось симпатично и гладко, хоть и длиннее, чем задумывали. Текст в этом проекте не был на первом месте. Он скорее сопровождал иллюстрации. С заголовком много спорили. Вроде как инфоповод был связан с Шуховской башней, но рассказываем не только и не столько о ней, сколько о районе. Долгое время в фаворитах было что-то в духе «Шаболовка. Авангард с окраин» или «Шаболовка. Авангардная деревня», потому что район, который мы сегодня считаем едва ли не центром Москвы, тогда был «на выселках», скажем так».

Выбрали вариант заголовка «Шаболовка в авангарде» — и в смысле «в авангардном стиле», и в смысле «на передовой архитектурной моды эпохи».

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

Сначала пытались найти подходящие фото в интернете, затем проконсультировались с Александрой Силевановой, руководителем Центра авангарда и галереи «На Шаболовке», старшим научный сотрудником Музея Москвы, обратились в другие музеи…

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

Из сложного — окна. Их было много во всех зданиях. Моделировать было неудобно и долго. Я использовал специальную технику, которая позволяет за счет геометрии рисовать виртуальные маски на текстуру. Когда происходил рендер, то маски сами добавляли окна. Поэтому быстро получилось создать большой массив геометрии 3D-объектов. Если бы все делалось вручную, то времени на визуализацию ушло бы гораздо больше.

«Шаболовка в авангарде» — это чистый HTML/CSS/JS-код, внешних библиотек не потребовалось. Я использовал свои наработки — условный движок для наших спецпроектов. В нем весь контент содержится в отдельном JSON-файле, который разворачивается в браузере в сайт. Это позволяет работать над проектом практически параллельно созданию контента (ну, с рядом оговорок, конечно, например, для работы важно иметь представление о структуре проекта и его типовых блоках). Верстка плюс-минус журнальная, особенностью является только динамичные заставки для каждой главы.

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

Вместе с 3D-художником мы нашли наиболее красивое и быстрое решение для визуализации объектов, так как были ограничены по срокам.
Стилистика портретов полностью была на стороне иллюстратора, тут я доверился его опыту.

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

В фотоархиве ТАСС не все снимки оцифрованы, там не всегда можно найти фото на любую тему, плюс есть вопрос с правообладанием — важно понимать: фотографии принадлежат агентству, как служебное произведение, или потомкам сделавших их фотографов?

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

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

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

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

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

.

За два месяца проект собрал практически 600 тысяч просмотров. Это хороший показатель, учитывая 24 февраля, когда у нас отвалилась возможность продвигать свои проекты в части наиболее привычных социальных сетей, а у наших трафик-менеджеров резко сократился список доступных инструментов для аналитики. Но все равно проект привлек внимание, несмотря на повестку и возникшие технические трудности.