«Город покрыло бомбами как одеялом. Горели даже камни», — этой фразой начинается мультимедийный лонгрид веб-студии «Пиробайт», посвященный Сталинградской битве.
Сталинград — это некоммерческий проект веб-студии «Пиробайт», посвященный одному из самых масштабных и кровопролитных сражений Великой Отечественной войны.
В год юбилея Победы барнаульская IT-компания решила напомнить цену мирного неба над головой и выпустила лонгрид.
Идея
Этот проект — попытка сохранить память. Показать битву не как сухую страницу из учебника, а как человеческую историю, где на кону было всё.
«Хотелось, чтобы зритель не просто узнал или вспомнил известные факты, а прочувствовал всю глубину трагедии через экран…» — вспоминает веб-студия.
Концепция
Первым делом команда проекта разработала концепцию проекта, продумала логику подачи материала, чтобы каждая деталь работала на общую идею.
Крупный шрифт, контрасты и узнаваемые символы создают живой диалог с историей. За основу типографики взяли плакатную эстетику военных лет, шрифт создал графический дизайнер Миша Панфилов.
В проекте активно участвовали пять человек, позднее к нему приложили руку еще двое ребят разработчиков. Весь процесс курировал арт-директор.
Дизайн
Каждый дизайнер взял на себя несколько глав, выстраивая уникальный визуальный язык для каждой истории. Ребята экспериментировали с наложениями, анимациями, дроблением элементов, чтобы каждый прием усиливал эмоциональное воздействие материала.
«Поначалу это были разрозненные кусочки — тексты, экраны, обрывки идей. Но постепенно они начали складываться в цельную историю. Появились анимации, музыка, и проект будто ожил. Наступил тот самый момент, когда смотришь — и понимаешь: это будет вау» — Евгений, арт-директор Пиробайта
Команда продумала удобную навигацию, чтобы зритель понимал, в какой главе находится. Главную страницу оживили эффектными 3D-элементами, которые делали в Spline. Самое неожиданное — коммерческий директор (да-да, тот самый, который обычно погружен в цифры и сметы) настолько проникся проектом, что создал для него авторский саундтрек.
Процесс
Это был pet-проект, поэтому разработчики трудились над ним после коммерческих задач — по вечерам и выходным. Как водится в таких случаях, дедлайны дышали в спину.
Чем ближе подходило 9 мая, тем быстрее летели часы. Буквально за пару дней до релиза пришлось подключать подмогу — аналитик взяла на себя сбор контента для финальных глав.
Материалы отбирали вручную: от Википедии и КиберЛенинки до архивов Великой Отечественной Войны. ИИ не подключали, потому что в подобных вопросах он скорее враг, чем друг. В работу шли только проверенные факты — дневники, письма, редкие фотографии без цензуры.
«Эти снимки обманчивы… Кажется, будто люди просто уснули. Но нет — они мертвы» — вспоминает аналитик.
Для последней главы — «Сталинградское сражение в искусстве» — команда вручную скриншотила кадры из фильмов, чтобы добиться нужного визуального эффекта. Изображения из интернета не годились: низкое качество, чужая интерпретация — любая мелочь могла исказить замысел.
«После работы над Сталинградом я погрузилась в блокаду Ленинграда. Читала — и буквально холодела: как люди замерзали в своих квартирах… А потом нашла детские записки, дневники — и стало еще страшнее. Когда делаешь такие проекты, погружаешься с головой. И потом еще долго не можешь выкинуть эти истории из головы — они остаются с тобой» — Виолетта, UX/UI-дизайнер Пиробайта
К 9 мая Пиробайт запустили масштабный лендинг — 11 глав, каждая со своей историей, атмосферой, визуальными образами и звуковым сопровождением. От задумки до релиза прошло всего два месяца. Проект полностью адаптирован под планшеты и смартфоны, так что его можно смотреть не только с ноутбуков.