brnz

Рассказать о бюро, показать подход к работе на странице проекта, используя только типографику и фото проектов

brnz – архитектурное бюро Бетты Береславской и Дарьи Нужной. Разрабатывают интерьеры коммерческих и частных пространств, архитектуру, выставочные комплексы. Студия реализует проекты по всему миру. 
Дизайн направление в студии — минимализм с художественным фокусом artistic minimalism. Поле изучения и интереса — взаимодействие человека и пространства, получение человеком нового чувственного опыта.

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

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

Пожеланием заказчика в дизайне были:

• минимализм,
• акцент на контенте,
• типографика.

Во время обсуждения проекта я выделила несколько слов, которые взяла за основу развития идеи:

Выбрана лаконичная гарнитуру Mulish, монохромное сочетание белого фона и черного текста. В композиции использовала модульную сетку 4-х колонок для расположения фото проектов и блоков текста на внутренних страницах и разработала 2 дизайн-концепта:

Здесь я уравновесила композицию на 1 экране - разместила крупно название бюро, при анимации будет уменьшаться и становиться в шапку сайта.
Сетка: 4 колонки, 2 из которых я использую для крупных квадратов - превью проектов.
Эффект анимации при наведении на фото - из монохрома в цвет.

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

Композиция:
в этом варианте 3 колонки. Фото размещены в квадратах с смещением по высоте, при этом ширина квадратов одинаковая, а фото помещаются целоком внутри квадрата - так получаем более интересную композицию.

Элементы:
Пиксельные символы стрелки - поддерживают идею модульности и дальше могут складываться в подобные символы во всем сайте.

После обсуждения дизайн-концептов заказчик выбрал первый вариант, внеся корректировки в размер и расположение некоторых элементов, я приступила к разработке внутренних страниц сайта:

• главная
• страница "о нас"
• категории проектов
• страница проекта

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

Сайт попал в подборку лучших проектов, созданных в рамках фреймворка Tilda Publishing.