Агенство Кирпич занимается продвижением брендов через контекст, таргет и SEO. Свой старый сайт они «переросли» — пришли к нам с задачей разработать новый, немного «панковый» дизайн, который отразит креативность и нестандартных подход команды.

награды проекта

special kudos cssda, madeontilda

Клиент

Кирпич

Проект

Многостраничный промо-сайт

Время работы

август-сентябрь 2022

К нам обратились коллеги из партнерского агентства с запросом на редизайн их агентского сайта.

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

заказчик и задача

Агентство бренд-коммуникаций «Кирпич» работает в Барнауле с 2019 года. За 3 года ребята собрали много кейсов в брендинге, таргете, контекте и smm, работая с крупными региональными клиентами Сибири.

За это время сайт перестал отражать компетенции и уровень проектов, с которыми работает команда — в 2019 году это был одностраничник из 5 блоков, к которому за 3 года приросли новые разделы без дизайна. Пора было сделать новый сайт.

контекст

что было сделано

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

Мы решили действовать «в лоб» и внедрить в дизайн самый обычный кирпич — оранжевый такой, с дырочками…

визуальное решение

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

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

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

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

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

Елена Бобина

В основе сайта лежит модульная сетка, позволяющая делать дизайн достаточно динамичным, но при этом сохранять его ясность для пользователя — текстовые блоки оформлены однотипно и находятся в основном на одних и тех же местах, чтобы менее продвинутому читателю (такие среди целевой аудитории «Кирпича» тоже есть) было понятно, о чём вообще речь.

CEO & art director

Блок партнеров дизайнеры часто называют «кладбищем логотипов», потому что визуально это именно оно — невыразительное нагромождение знаков, непривлекающих к себе внимания. Чаще всего этот блок пользователь просто пропускает, не обращая внимания на то, какие конкретно «партнеры» в нём перечислены.

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

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

Для каждой страницы услуг задизайнены коллажи.

а что внутри?

Главная страница сайта заканчивается акцентной формой и котиком в футере. Все козыри на столе.

Отдельно мы повеселились на дизайне страницы 404, сделав её коллаж наиболее диким.

Елена Бобина — дизайн-концепция
Мария Ищенко — коллажи и детали
Егор Митькин — копирайтинг
Сергей Харламов — вёрстка на Tilda Publishing

кто это сделал