Как Пиробайт разработали мультимедийный лонгрид о Сталинграде

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

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

Идея

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

«Хотелось, чтобы зритель не просто узнал или вспомнил известные факты, а прочувствовал всю глубину трагедии через экран…» — вспоминает веб-студия.

Концепция

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

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

В проекте активно участвовали пять человек, позднее к нему приложили руку еще двое ребят разработчиков. Весь процесс курировал арт-директор.

Дизайн

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

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

Команда продумала удобную навигацию, чтобы зритель понимал, в какой главе находится. Главную страницу оживили эффектными 3D-элементами, которые делали в Spline. Самое неожиданное — коммерческий директор (да-да, тот самый, который обычно погружен в цифры и сметы) настолько проникся проектом, что создал для него авторский саундтрек.

Процесс

Это был pet-проект, поэтому разработчики трудились над ним после коммерческих задач — по вечерам и выходным. Как водится в таких случаях, дедлайны дышали в спину.

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

Материалы отбирали вручную: от Википедии и КиберЛенинки до архивов Великой Отечественной Войны. ИИ не подключали, потому что в подобных вопросах он скорее враг, чем друг. В работу шли только проверенные факты — дневники, письма, редкие фотографии без цензуры.

«Эти снимки обманчивы… Кажется, будто люди просто уснули. Но нет — они мертвы» — вспоминает аналитик.

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

«После работы над Сталинградом я погрузилась в блокаду Ленинграда. Читала — и буквально холодела: как люди замерзали в своих квартирах… А потом нашла детские записки, дневники — и стало еще страшнее. Когда делаешь такие проекты, погружаешься с головой. И потом еще долго не можешь выкинуть эти истории из головы — они остаются с тобой» — Виолетта, UX/UI-дизайнер Пиробайта

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