Сайт-каталог и фирменный стиль
строительного партнёра ГЕФЕСТ
Компания продаёт всё — от сантехники и отопления до СКУД, видеонаблюдения и дорожной разметки — 14 категорий сразу. Задача была не утонуть в этом объёме: построить понятную трёхколоночную мега-навигацию, найти визуальный образ вместо привычного строительного клише (оранжевый + жёлтый) и собрать единый фирменный стиль вокруг здания-конструктора и сдержанной технической палитры.
О проекте
Каталог ГЕФЕСТ — это 14 категорий: сантехника, водоснабжение, канализация, отопление, кондиционирование и вентиляция, пожарное оборудование, инструмент, лакокрасочные материалы, крепёж, отделочные материалы, сухие смеси, электрика и освещение, СКУД и видеонаблюдение, дорожная разметка. Такой разброс легко превращается в визуальный шум, поэтому навигацию собрали в три ровные колонки без вложенных подменю — вся структура каталога видна одним взглядом.
Центром страницы стал изометричный силуэт зданий-конструктора — образ считывается сразу и как архитектура, и как метафора ассортимента: компания продаёт то, из чего в буквальном смысле строится город.
Вместо привычной для строительной отрасли жёлто-оранжевой палитры выбрали сдержанный тёмно-бирюзовый и мятный — сочетание читается как надёжное и техническое, ближе к инженерной документации, чем к рекламному баннеру стройрынка. Один акцентный бирюзовый тон держит кнопки и hover-состояния, не перегружая страницу.
Тонкая линия в иллюстрации зданий и в обводке кнопок — общий приём, который объединяет каталог, мокапы и полиграфию в одну систему.
Фирменный стиль
Цвета бренда
Navy · #123B3D
Teal · #4CA6AC
Ice mint · #C9EAEA
Глубокий тёмно-бирюзовый держит статус технического, надёжного поставщика, мятный даёт странице воздух, а акцентный бирюзовый выводит кнопки и активные категории из общего фона на любом носителе.
Шрифт
MONTSERRAT
Геометричный гротеск в верхнем регистре — держит техничный, инженерный тон и хорошо работает на кнопках каталога
Aa Бб 0123
Единое написание в логотипе, каталоге, на сайте и в полиграфии — бренд звучит одинаково на любом носителе
Мокап-борд
Фирменный блок на полиграфии
Папка, бланк, визитки и упаковочный куб собраны на одной доске — так видно, как логотип и палитра ведут себя на разных материалах и фактурах.
Логотип на носителях
Знак и фирменный блок проверены на вывеске, спецодежде и цифровых экранах — силуэт зданий остаётся читаемым в любом масштабе.
Как это выглядит на разных носителях
Прокрутите содержимое внутри каждой рамки — единая мега-навигация адаптируется под десктоп, планшет и телефон.
Одна колонка категорий, доступная в один тап с гамбургер-меню
