Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Магвай
Промо-сайт Spomenik — олицетворение брутализма
Магвай
WDA
2024
#Сайт под ключ

Промо-сайт Spomenik — олицетворение брутализма

3320 
Магвай
Магвай Россия, Волгоград
Поделиться:
Промо-сайт Spomenik — олицетворение брутализма
Клиент

O&H Baukunst

Бюджет

700 000

Сфера

Культура и Искусство

Регион

Германия

Тип сайта

Лендинг пейдж

Сдано

Январь 2024

Задача

В бывшей Югославии с 1960-х по 1990-е годы существовал государственный проект монументальной пропаганды. Скульпторы и архитекторы создали более 14 000 спомеников. Это масштабные памятники в стиле абстрактного экспрессионизма, геометрической абстракции, ленд-арта. Споменики - это монументы, которые напоминают о трагичных событиях Второй мировой войны и об истории Балкан. Представители заказчика, немецкого архитектурного бюро - много знают о спомениках и восхищаются этим объектами. Они вдохновляются ими в своих проектах. Именно поэтому у них появилась идея сделать промо-сайт, который ярко представит бруталистские монументы бывшей Югославии и сам станет объектом веб-искусства. А мы воплотили их идеи в реальность.

Решение

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

Мы разбили работу на несколько этапов:

- Сбор информации о монументах

- Сбор информации о стилистике, истории возникновения

- Создание концепции

- Подбор референсов

- Разработка дизайна

- Сборка сайта

1Идея и концепт

Когда встал вопрос «В какой стилистике сделать проект?», мы сразу решили, что это будет современный креативный промо-сайт в стиле брутализм. Ведь споменики — олицетворение этого направления.

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

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

2Дизайн

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

Например, на экране слева чëрный прямоугольник, у которого внутри ещё 12 серых прямоугольников, — это отсылка к периоду модернизма. Так мы показываем, что корни модернизма — основа постмодернизма, после которого появляется тот самый брутализм.

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

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

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

Шрифты должны соответствовать стилю, поэтому в качестве основного мы выбрали Inter с чистыми линиями и геометрическими формами. Он хорошо читается и подходит для визуализации. Разбавляет Inter акцентный шрифт Kharkiv Tone. Он добавляет драматичности и смелости, подчеркивает стиль сайта и создаëт настроение.

3Техническая часть

Разработка заняла месяц. Проект с одной стороны насыщен сложным контентом, с другой — он не требует регулярных доработок. Поэтому мы создали его на платформе Tilda, используя zero-блоки. 

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

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

Результат

Мы рассказали людям историю, которая заинтересовала и вдохновила нас. Архитекторы в Югославии использовали для создания монументов металл, мрамор, бетон. Мы взяли свои инструменты и материалы, которые помогают нам как креативным разработчикам передать художественный замысел в плоскости веб-искусства. 

Этот проект оценили коллеги в дизайн-сообществе. Также в начале этого года сайт взял награду Site of the day международного конкурса CSS Design Awards.

Комментарий агентства

Алиса Павлова
Алиса Павлова

Веб-дизайнер

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

https://storyofbrutalism.com/

Стек технологий


Награды


Над проектом работали:


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Магвай с удовольствием обсудит вашу задачу

Оставить заявку