015. Лендинг, который помогает вести расследование вместе с авторами

Привет, на связи Виталик! В прошлом году мы сделали лонгрид для подкаста «После школы», выпущенного Настей Красильниковой и студией Либо/Либо. Это расследование о насилии над детьми и подростками в престижной московской 57-й школе и сообществе вокруг неё.

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

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

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

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

Второй вопрос, над которым мы задумались: какой визуальный язык будет уместен для истории о сексуализированном насилии над подростками? Мы решили, что такой тяжёлый опыт неуместно рассказывать через что-то «красивое», поэтому в основу визуального языка легло скорее чувство дискомфорта. Его мы старались создать через клаустрофобно маленькие отступы, шрифт с острыми засечками и тяжёлые чёрные разделители глав, текст внутри которых немного обрезан.

Ссылка на лендинг ↗