О проблемах в российских тюрьмах на примере сайта «Ярославское дело»

О проблемах в российских тюрьмах на примере сайта «Ярославское дело»

проект

О проблемах в российских тюрьмах на примере сайта «Ярославское дело»

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

авторы

Асмик Новикова,
Виктория Железнова,
Александр Брестер,
Ксения Гагай,
Елена Истомина,
Олег Новиков,
Анатолий Папп,
Оксана Растегаева

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

фонд «Общественный вердикт»

Сайт «Ярославское дело» создали и ведут правозащитники. Ресурс появился, чтобы подробно и полно освящать громкий судебный процесс по обвинению более 20 сотрудников ФСИН в пытках и издевательствах над заключенными.

месяцев работы (на июнь 2021 года)

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

рубрик на сайте

Асмик Новикова,
автор проекта

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

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

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

К созданию сайта подтолкнули заключенные

В фонд «Общественный вердикт» обратились за помощью Руслан Вахапов, Иван Непомнящих и Евгений Макаров. Они сообщили, что их избивают сотрудники колонии.

В течение года, пока мы пытались добиться расследования, хоть какой-то справедливости, они были тверды в своем желании начать разбирательство, не отказывались от жалоб. Они не только не побоялись заявить о проблеме, но и все это время оставались в колонии, зная, что их отправят в ШИЗО (по сути, в карцер), что на них разными способами будет оказываться давление, в том числе в изворотливой форме с использованием тех неформальных правил, которые есть в местах лишения свободы.

Наш адвокат Ирина Бирюкова стала фактически дежурить в колонии, пытаясь добиться встреч с Макаровым и другими подзащитными. Таким прямым и непрерывным общественным контролем она добилась встречи с избитым Макаровым. Удалось задокументировать пытки.

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

О чем речь? В июле 2018-го было опубликовано видео со сценами организованного коллективного избиения Евгения Макарова, и тогда об этом деле узнали тысячи людей — в России и за рубежом. Произошли задержания, аресты. Были возбуждены уголовные дела, в том числе и против двух начальников колонии.

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

Команда проекта — не все сотрудники фонда. Черновик концепции сайта разрабатывала я, далее командой ее обсуждали и дорабатывали.

Воплощением идеи занимались наши давние партнеры — дизайн-бюро «Верстак». Художница «Верстака» Саша Пономарева рисовала логотип, главную картинку в виде змея-наручников, оформляла вкладку ШИЗО.

Дизайнерское решение и наполнение

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

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

Александра Пономарева отнеслась к делу как профессиональный книжный иллюстратор. Она очень талантливая художница.

Над сайтом сейчас активно работают три человека: я, Оксана Растегаева и Виктория Железнова, но если считать всех авторов проекта, то их восемь.

От разработки концепции до запуска сайта работа шла восемь месяцев.

Виктория Железнова,
автор проекта

Когда дело с его многочисленными эпизодами, наконец, поступило в суд, и стало известно о первых датах заседаний (это был январь 2020 года), мы запустили канал «Ярдело» в Телеграме.

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

Представив фигурантов дела, мы начали транслировать в Телеграм судебные заседания. Параллельно работали над сайтом, который запустили 26 июня 2020 года — в Международный день поддержки жертв пыток.

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

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

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

 

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

Оксана Растегаева,
автор проекта

Работа над проектом для меня начиналась с того, что Ася поставила техническую задачу — сделать информационный сайт, в котором отражались бы все материалы по Ярославскому делу, чтобы была история дела, досье на фигурантов… В общем, чтобы можно было получить полную информацию в оперативном режиме.

Для выполнения задачи выбрала WordPress. Эта система управления контентом отвечала поставленным требованиям.

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

Видео с YouTube закидываю на сайт при помощи шорт-кода, который встроен в админку. Плагин Elementor Website Builder позволяет вставлять не один ролик, а целую подборку. У WordPress большая библиотека удобных элементов для верстки.

После того, как опубликую материалы на сайте, делаю посты в социальных сетях: Фейсбук, Твиттер, ВКонтакте, Инстаграм. По просмотрам и подписчикам самая популярная соцсеть — Фейсбук.

Сложности в работе

Сложностей в работе над проектом не было и нет. Он логичный, удобный для поиска информации. Изначально был задуман правильный вектор и поэтому сейчас сайт легко обрастает новыми веточками, листиками… Как дерево.

В рядовой день у нас 200-300 просмотров, в пиковые — до 400.

 

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

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

 

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

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

K
Самое жуткое — бывшие сотрудники колонии еще и ухмыляются в суде, просматривая эти кадры.

Процент выгорающих людей в НКО, наверное, большой, но у нас в команде много взаимопонимания, относимся друг к другу бережно, поддерживаем. С другой стороны, вырабатывается какая-то резистентность. И я, видимо, уже на такой стадии.

Развитие проекта

 

Недавно запустили рубрику «ШИЗО». Делали ее не отдельным сайтом, а вкладкой, хоть там речь идет не о Ярославском деле, а о других делах, где мы защищаем заключенных, подвергшихся необоснованным наказаниям. Но, по большому счету, сайт «Ярославское дело» шире — на примере одной колонии мы говорим о проблемах в системе ФСИН.

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

Возможно, переделаем рубрику «Хронология», развернем таймлайн в обратную сторону — сверху разместим свежую информация, а по мере скролла будем уходить к старой.

Размышляем над новой вкладкой — «Ярославское дело-2».

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

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

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

Иллюстрации:
скриншоты сайта «Ярославское дело»

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

И постеры, и веб. Как создаются «Карты возраста домов»

И постеры, и веб. Как создаются «Карты возраста домов»

проект

И постеры, и веб. Как создаются «Карты возраста домов»

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

авторы

Никита Славин,
Милана Глебова,
Валерия Шурыпина,
Александр Пронин,
Елена Панфилова,
Ольга Лихтенберг,
Артур Кислицын

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

издательство «Кон-Тики»

Найти на карте России старейшее здание легко. Правда, пока только в семи городах. Но в перспективе авторы проекта «Карта возраста домов» планируют охватить всю страну.

год работы

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

городов на карте

Никита Славин,
автор проекта

Я закончил курс Cartography M.Sc — это 4-семестровая магистерская программа университетов Мюнхена, Вены, Дрездена и Твенте, она ориентирована на широкое образование в области картографии и геоинформатики.

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

Сбор и обработка информации

Идея карты возраста домов не новая. Примерно 10 лет назад подобные проекты стали появляться в Портленде, Рейкьявике, Нью-Йорке, Барселоне, Любляне, Львове… Есть даже проект масштаба страны — Нидерланды.

О Петербурге тоже кое-что имеется: «Ретроспектива застройки Петербурга» и «Как застраивался Петербург: история строительства города за 68 секунд». Авторы ссылаются на «Технико-экономические паспорта многоквартирных домов», которые лежат на портале «Открытые данные Петербурга».

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

Для решения геоинформационных задач использовал QGIS и ArcGIS Pro, если нужно было что-то автоматизировать на Python — PyCharm.

Работать с открытыми данными не так страшно, как кажется

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

В первую очередь подготовил слой зданий, который потом максимально наполнял атрибутами. Основа слоя — «Объектно-адресная система Санкт-Петербурга» с городского портала открытых данных. Геометрия там детальная, видимо, из кадастровых паспортов, смотрится красиво. Бонусом взял мосты, а вот от полигонов набережных, подъездных путей, площадок складирования избавился.

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

Далее написал простенький парсер, собирающий данные на сайте СityWalls.ru: ссылку на страницу дома, его id, год постройки, архитектурный стиль, имя архитектора, название, адрес и ссылку на фотографию. Также использовал уже готовый скрипт для сбора координат, так как пользователи часто отмечают точки рядом с домом, а не сам дом.

Так выглядит карта возраста домов Санкт-Петербурга. Желтый цвет показывает старые застройки. Голубой цвет — новые дома.
Рождение сайта how-old-is-this.house
Выбирая платформу для проекта, составил ряд требований. Платформа должна:
 

  • быстро отрисовать 120 тысяч полигонов в разработанном стиле на своей базовой карте;
  • иметь возможность фильтрации по временной шкале;
  • показывать карточку объекта с атрибутами и фотографией;
  • собирать крауд-правки.

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

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

Не просто было выбрать доменное имя. Хотелось передать в названии суть проекта, быть немного оригинальным и избежать слова «каждый» (потому что дом — не каждый). В процессе выяснил, что есть доменное пространство «.house» — родился вариант «how-old-is-this.house». Если вдруг появится желание сделать проект глобальным — имя уже подходит. Только жаль, что нет русского домена «.дом».

Сайт how-old-is-this.house был зарегистрирован 27 мая 2020 года — ко дню рождения Петербурга. Работал над ним (от идеи до релиза) два с половиной месяца.

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

Кроме авторских скриптов, нашел комбинацию сервисов, при помощи которых проект можно было запустить «малой кровью»: carto.com, google forms, printful… Изначально верстал русскую и английскую версии.

Поддержка и распространение идеи

О проекте сразу же написали несколько изданий, в том числе «Медуза» (признана иностранным агентом). Начали появляться люди, которые говорили, что хотят сделать что-то похожее.

Над вторым и третьим городом — Москвой и Казанью — предложил поработать коллегам, которые учились на моей же программе, но на разных курсах. Опираясь на опыт Петербурга, начался совместный труд, образовалось соответствующее комьюнити. Мы обозначили себя, как картографическое издательство «Кон-Тики». Сейчас у нас разные проекты, но флагман, конечно, how-old-is-this.house.

Идею поддержала петербургская компания «Геосемантика», которая занимается различными IT-решениями с приставкой «гео» (географическими, картографическими). Там работают мои друзья. Мы стали партнерами, вместе доработали продукт и в июле 2020 года переехали на новую платформу.

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

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

Уникальность сайта how-old-is-this.house

В отличии от зарубежных проектов, мы основательнее подошли к процессу. Обычно создатели подобных карт шли в одно место, забирали технико-экономические паспорта, данные с Википедии или еще откуда-то — и получалось низкое покрытие.

Наш проект популярен потому, что мы сделали два шага глубже в Data mining, получаем покрытие 60-80% зданий в городе.

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

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

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

Я бы сейчас не назвал проект коммерческим, он больше творческий, волонтерский.

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

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

Стиль визуализации, разработанный для веба, прямо просится на плакат и на стену. Верстка — дело приятное, тем более, львиная часть работы сделана до этого: экспортирую растр высокого разрешения из QGIS, в Adobe Illustrator готовлю гистограмму, добавляю копирайты, логотипы.

K

Постер (размер 60×90 сантиметров) можно купить в магазине карт «Кон-Тики». Для читателей «Сделано.медиа» 10% скидка по промокоду «SDELANO10».

Поиск цветового решения

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

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

Собрал вместе. Поэкспериментировав с распределением на временной шкалы по палитре, выяснил, что информативным оказывается способ, когда в каждом цветовом отрезке равное число объектов.

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

Везде таймлайн начинается с теплого тона и заканчивается холодным. В каждом городе отсчет времени разный. Например, в Москве с 1357 года, в Петербурге — с 1703-го. Закономерности нет. Эта шкала появляется автоматически и первая дата — самый старый дом, который мы нашли.

Общего дизайнера у проекта нет. Все утверждаю я, как выпускающий редактор.

Продвижение и достижения

Особой рекламы «Карты возраста домов» в социальных сетях не ведем. Пару месяцев назад зарегистрировались в Инстаграм и начали продвигаться там. Есть страницы в Фейсбуке и во ВКонтакте, но они менее активны.

Выпуская новый город, делаем посты и рассылку в те издания, которым, как нам кажется, это будет интересно. О нас в основном пишут региональные СМИ, федералам были интересны Петербург и Москва. Эти города чаще просматривают на сайте. Далее по популярности Казань и Екатеринбург. Надеемся, что интерес будет к Калининграду, релиз о котором появился 4 июня 2021 года.

Издательство «Кон-Тики» создало карту про загрязнение мирового океана пластиком. И карта эта сделана из пластика. В ней 15 слоёв материала. Частицы на карте — это пакеты, бутылки, зубные щётки так далее. Автор карты Никита Славин.

В 2021 году мы стали победителями ежегодной международной премии за достижения в области инфографики, визуализации данных и дата-арта Moscow Dataviz Awards — взяли «золото». Моя статья «How old is this house. Как я делал карту возраста домов Петербурга» была отмечена, как «Лучший кейс на конкурсе «ТехноТекст-2020». Карта Москвы попала в календарь geohipster 2021.

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

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

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

Иллюстрации:
скриншоты проекта «Карты возраста домов»

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

Борьба за время и плавность скролла — о создании сторилендинга «Почему утонул «Курск»?»

Борьба за время и плавность скролла — о создании сторилендинга «Почему утонул «Курск»?»

проект

Борьба за время и плавность скролла — о создании сторилендинга «Почему утонул «Курск»?»

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

авторы

Николай Романов,
Марк Кузьмин,
Кристина Гилева,
Максим Тлеубаев,
Александр Зиенко

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

Агентство эффективных коммуникаций «Инфографика»

Сторилендинг «Почему утонул «Курск»?» создали в Агентстве эффективных коммуникаций «Инфографика». Проект взял золото в ежегодной международной премии за достижения в области инфографики, визуализации данных и дата-арте Moscow Dataviz Awards. Авторы сделали проект к 20-летию со дня трагедии в Баренцевом море и попытались разобраться в причинах гибели 118 членов экипажа.

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

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

лет со дня трагедии

Николай Романов,
автор проекта

Агентство «Инфографика», сооснователем которого я являюсь, помогает компаниям представить информацию в наглядной и понятной форме. Мы визуализируем материалы под бизнес-задачи. Используем разные форматы, начиная от статичного (буклеты, презентации), продолжая анимацией и заканчивая digital-проектами. Формат не так важно, важнее смысл, который мы выражаем.

Почему «Курск»?
Кроме коммерческих проектов, у агентства «Инфографика» есть творческое, для души. Сторилендинг «Почему утонул „Курск“?» — один из таких. Просто хотелось сделать проект к 20-летию со дня гибели подводной лодки, разобраться в причинах трагедии.

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

В 2019 году на YouTube я посмотрел выпуск программы «Редакция», где Алексей Пивоваров рассказывал о гибели подводной лодки. Он ссылался на книгу «В кильватерном строю за смертью. Почему погиб «Курск» военного эксперта Валерия Рязанцева, проводившего расследование.

У Пивоварова ответов не нашел. Как мне показалось, он ушел больше в эмоции, а не в то, чтобы наглядно и доходчиво объяснить, что произошло. И тогда у меня возникла идея: «Было бы круто сделать акцент на технической составляющей».

K
Я понял, что ничего не знаю об этой трагедии. Сразу же возникли вопросы: «Почему она произошла? Кто виноват?».
У нас есть отработанная схема подготовки подобных проектов. Ее же использовали в работе над «Курском»:
 

  • определились с целевой аудиторией, набросали тезисы;
  • собрали информацию, выделили финальные тезисы;
  • переработали информацию;
  • сделали скетч, прототипирование и визуализацию.

Из 10 глав книги «В кильватерном строю за смертью. Почему погиб „Курск“» причинам катастрофы посвящена одна. Ее мы и взяли за основу.

Я переработал текст, совместно придумали структуру. Это было где-то в марте-апреле 2020 года. Основная работа началась после майских праздников. Если бы мы занимались этим проектом фул-тайм, то, скорее всего, наша часть заняла бы максимум 15 рабочих дней и на программирование бы ушло около 6-7 рабочих дней. Итого примерно 22 дня. Но процесс растянулся на 4 месяца.

Обложка проекта
Как работали над визуализацией проекта
Марк Кузьмин,
инфографер проекта

Основной объем работы мы делали вдвоем, но участие в проекте принимал иллюстратор Александр Зиенко, который рисовал изображения подводной лодки, аниматор Максим Тлеубаев, программисты команды «Лига А».

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

Сторилендинг начинается с того, что подводная лодка у поверхности. Когда скролим, то как будто погружаемся вместе с ней и проживаем трагедию на учениях в Баренцевом море.

После второго взрыва и сообщения о 52 погибших бирюзовый фон меняется на черный.

В конце подлодка уже на фоне часов, идет таймлайн спасения.

А центральное наполнение — это как раз те процессы, которые проходили при взрыве. Все основное внимание сконцентрировано именно на этом.

 

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

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

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

 

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

Макет делался Figma — это сейчас стандарт для digital-проектов. Там удобно работать дизайнерам и программистам, вместе могут выполнять различные задачи и иллюстраторы, и аниматоры. Аниматор работал в After Effects. Это классический набор для создание подобного проекта.

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

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

 

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

С чем было сложно работать?

 

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

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

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

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

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

Совершенствуем методы продвижения

 

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

Когда делаем творческие проекты, то преследуем две задачи: 

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

По итогам сторилендинга «Почему утонул „Курск“?» мы сделали выводы и решили, что кроме привлечения информационных партнеров, нужно использовать другие пути. Например, сейчас прорабатываем сторилендинг об эпидемии ВИЧ в России и там планируем продвигаться через взаимодействие с инстаграм-блогерами.

Посты о «Курске» в социальных сетях «Инфографики» активно обсуждались. Люди писали: «Классный проект», «Круто, что эту тему подняли», «После прочтения материала многое стало понятнее»… Приходило немало отзывов в личку.

Проект отправили на конкурс Moscow Dataviz Awards-2021. Это ежегодная международная премия за достижения в области инфографики, визуализации данных и дата-арта. В 2021 году на суд жюри были присланы около 100 работ, 85 из них составили лонглист. Мы вышли в тройку обладателей «золота». Первое место не подразумевает денежное вознаграждение (конкурс еще развивается), но приятно, что нас оценили.

На какие мысли наталкивает проект

 

Мне кажется, трагедии нельзя было избежать, и тут проблема не в том, что Россия не та страна или еще что-то. Это многофакторная проблема…

Когда закончили работу над проектом, то я понял, что Путин, как президент, в трагедии не виноват. Трагедию в Баренцевом море нельзя было избежать. Это накопленные ошибки прошлого.

 

Недавно был в Крыму и видел заброшенную базу подводных лодок в Балаклаве. Там стоит памятник матросу, который в 60-х годах 20 века, погиб, спасая коллег на одной из подводных лодок. Трагедия похожая. Уже в 60-х годах была проблема с такими торпедами. Уверен, были и другие случаи.

Работая над проектом, мы не задавались вопросами: «Как накажем виновных?», «Зачем такие подлодки выпускают?». Мы не собирались обличать тех, кто заметает под ковер проблему. Нам хотелось разобраться, почему эта трагедия произошла.

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

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

Иллюстрации:
скриншоты проекта «Почему утонул «Курск»?»

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

Как сохранить всю полезную информацию из интернета с помощью ВКонтакте

Как сохранить всю полезную информацию из интернета с помощью ВКонтакте

технология

Как сохранить всю полезную информацию из интернета с помощью ВКонтакте

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

Одна из главных современных проблем — изобилие информации в интернете. С одной стороны, это очень круто и удобно, с другой — куда всё это сохранить, чтобы было под рукой, когда нужно. Как правило, полезные ссылки разбросаны по всем возможным и доступным местам: мы отправляем их в мессенджерах сами себе, сохраняем в закладки, оставляем открытым в браузере. И в итоге это создаёт только хаос, а вы не получаете никакой пользы.

Держите личный лайфхак — куда сохранить всю цифровую полезность.

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

  • Как раздать интернет с Android
  • Как подготовиться к разговору по видеосвязи
  • Как в Фейсбуке избавиться от людей, которые бесят
  • Как скопировать со смартфона текст поста в Инстаграм
  • Как начать секретную переписку в Фейсбуке

И много другой полезной информации читайте в приложении Club92.

Как создать частную группу ВКонтакте?

Откройте ВКонтакте. Зайдите в раздел «Сообщества» и нажмите на кнопку «Создать сообщество» (верхняя строка).

Выберете тип «Группа по интересам».

Придумайте название (которое вы точно не забудете) и укажите тип группы — «Частная». Снова нажмите «Создать сообщество». При необходимости добавьте аватарку группы, впишите описание.

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

Чтобы не потерять группу, перейдите в раздел «Сообщества», переключитесь на вкладку «Управление» (там будут отображены все группы, где вы являетесь администратором или модератором). Найдите созданную группу, нажмите на три горизонтальные точки справа и выберите «Добавить в левое меню». Тогда вам не нужно будет её каждый раз искать, она закрепится у вас в панели слева.

Почему это удобно?
  • Сюда можно сохранить информацию в любом формате: текст, фото, видео, аудио, гиф, документ любого формата, ссылки на сайты.
  • Здесь очень удобная система поиска. Вводите ключевое слово или хэштег и находите нужную информацию в группе.
  • Удобнее всего сохранять всё, что вам нужно в разделе «Обсуждение». Он разделён на ветки, каждую из которых можете сделать тематической: «Работа», «Кино», «Музыка», «Полезные статьи», «Вебинары» и пр. И, соответственно, в каждую ветку сохранять отдельными сообщениями всё, что вы будете находить по этой теме. Впоследствии вы сможете почитать/посмотреть/послушать всё сохранённое и, что немаловажно, скопировать и кинуть кому-то ещё.
  • Если вы создаёте группу по работе, вы можете пригласить в неё коллег или подчиненных, чтобы по сто раз не перекидывать всем одно и то же. Добавили — дальше они сами всё найдут.
  • Группа всегда под рукой — не важно, где вы находитесь, у компьютера или на море. Главное, наличие доступа в интернет.
  • Объем информации, которую вы можете сохранить в группе, — не ограничен. И это бесплатно.

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

Над материалом работала
Анастасия Шагаева

Иллюстрации
скриншоты соцсети ВКонтакте

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

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

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

технология

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

Просмотры, визиты, источник трафика, глубина просмотра — это стандартные показатели статистики (метрики), которые показывают, как аудитория реагирует на ваш сайт. Разберем, как устроен один из основных счетчиков статистики сайта — Яндекс Метрика.

Зачем вам изучать статистику?

Пример шведского издания Sala Allehanda — охватывает два муниципалитета, общее число жителей которых составляет меньше 40 тысяч человек.

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

«Для меня, как редактора, интереснее список материалов, которые набрали наименьшее количество просмотров за день. Я должен понять, в чем причина? Может быть, заголовок неудачный. Может быть, снимок не соответствовал тексту или слишком неприметный. Может быть, мы опубликовали не в то время или опубликовали в стык с другим материалом, который поглотил внимание читателя. Когда ты систематически занимаешься таким анализом, ты можешь достаточно много понять и учесть».

Матс Викман

главный редактор Sala Allehanda

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

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

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

Параметры статистики могут:
 

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

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

Как понимать статистику Яндекс Метрики

Существует три основных счётчика статистики сайтов: 

Яндекс Метрика содержит базовые данные, счетчик легко установить, у него простой и понятный интерфейс.

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

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

Отчет «Посещаемость»

Пример графика. На нем видно, что у издания периодически случаются пики посещаемости. Также на графике видно, как пользователи ведут себя в выходные и праздничные дни (розовые столбики). И заметно, что иногда посещаемость в эти дни не уступает будням, а иногда и превосходит.

Есть две причины, почему в выходные и праздничные дни посещаемость выше, чем в будни:
 

  • опубликована какая-то важная новость;
  • материал попал в какой-то эффективный канал размещения (например, кто-то перепостил или сослался на вашу страницу на популярном сайте или в популярном профиле в соцсетях).

Если сделать детализацию, например, по месяцам, то увидим, что посещаемость ресурса снижается пятый месяц подряд.

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

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

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

  • Визиты — сколько раз пользователи заходили на ваш сайт.
  • Посетители — количество уникальных пользователей.
  • Просмотры — число просмотров страниц на сайте за отчетный период.

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

  • Доля новых посетителей — процент уникальных посетителей, зашедших на сайт впервые.
  • Отказы — пользователь провел на сайте меньше 15 секунд. Нормальным процентом отказов является показатель 20 и ниже.
  • Глубина просмотров — количество страниц, просмотренных пользователем во время визита. Чем больше этот показатель, тем лучше — значит вы смогли заинтересовать пользователя, и он захотел прочитать несколько ваших материалов.
  • Время на сайте — средняя продолжительность визита в минутах и секундах.

Отчет «Источник трафика»

Показывает, какие каналы приводят на ваш сайт посетителей:
 

  • поисковые системы,
  • прямые заходы (пользователь, например, сохранил сайт в закладках или вручную набрал доменное имя в адресной строке браузера),
  • социальные сети,
  • ссылки на сторонних сайтах (другие издания на вас сослались и указали на вас ссылку, пользователь по ней перешел)
  • внутренние переходы (пользователь с одной страницы вашего сайта перешел на другую страницу вашего сайта — формирует показатель «глубина просмотра»),
  • рекомендательные системы (например, из персонализированных лент Яндекс Дзен или Google Discover),
  • мессенджеры,
  • почтовые рассылки.

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

Отчет «Популярное»

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

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

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

Как установить счетчик Яндекс Метрики
Несколько лайфхаков для редакторов
  • Чем больше посетителей и визитов, тем лучше. Задача только в том, чтобы не гнаться за всеми возможными посетителями. Ведь если на сайте будет 1 млн посетителей, которых вы заставили хитростью прийти к вам — это очень плохо и для ресурса.
  • Ненужный посетитель может дать красивую цифру, но он не даст вовлечённости сайту, не оценит ваш контент, не посмотрит вашу рекламу. Он полезен только для того, чтобы пустить пыль в глаза.
  • Важно чётко понимать, кто ваша аудитория, где она находится и как она привыкла читать новости. Отобрать каналы распространения, которые доставят ваш контент этой аудитории, и настроить их (не просто соцсеть, а, например, группы или какие-то селебрити, которые могут стать вашими точками сбора аудитории).
  • Заняться SEO-оптимизацией — писать понятные заголовки, лиды, использовать подходящие фотографии, работать с ключевыми словами.
  • Оптимально структурировать главную страницу сайта.
  • Отслеживать отчёты по отказами из разных источников, корректировать каналы дистрибуции, исходя из этих данных.

Инструкция актуальная на май 2021 год.

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

Над материалом работал
Сергей Якупов

Иллюстрации
скриншоты Яндекс Метрики

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

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

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