Фасадные панели BF tech от крупнейшего холдинга РФ

BF TECH — производитель фиброцементных фасадных плит с защитно-декоративным покрытием. Компания работает под проект: предлагает индивидуальные размеры и подбор цвета по каталогам RAL, Monicolor Nova и NCS.

• Спроектировать современный корпоративный сайт с акцентом на продукт и его применение.
• Структурировать техническую информацию о фиброцементных плитах и сделать её понятной для разных групп пользователей: заказчиков, архитекторов, проектировщиков и строителей.
• Реализовать конверсионный сценарий с передачей заявок в Битрикс24.

Разработали UX-структуру и UI-дизайн корпоративного сайта. 

• Провели краткий бенчмаркинг сайтов производителей фасадных и строительных материалов, изучили подходы к структуре продуктовых страниц, каталогам, технической информации и презентации материалов.
• Разработали верхнеуровневый прототип и выстроили последовательный сценарий изучения продукта.
• Разработали дизайн с выразительной графикой и точками конверсии по ходу пользовательского сценария. 
• Интегрировали формы обратной связи с Битрикс24, настроив автоматическую передачу заявок с сайта в CRM в качестве новых лидов.
• Разработали мобильную адаптивную версию.

Начали с изучения материалов заказчика и краткого анализа сайтов производителей фасадных и строительных материалов. Изучили структуру продуктовых каталогов, способы подачи технических характеристик, кейсов применения, документации и сценариев обращения. 

Большую часть контента у конкурентов занимает сам продукт: характеристики, области применения, разновидности, особенности материала и процесс производства. Оставшиеся 20–30% приходится на информацию о производителе, проектах, фото и видео, FAQ и формы обратной связи. 

Соотношение меняется в зависимости от продуктового сегмента. Для BF TECH определили более выраженный продуктовый фокус: 75% — продукт и его применение, 25% — компания, проекты, визуальный контент и коммуникация.

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

Разработали верхнеуровневый прототип и выстроили основные пользовательские сценарии. В структуру заложили последовательное раскрытие продукта: первое знакомство → характеристики → преимущества → фактуры и цвета → применение → техническая информация → BIM-модели → заявка.

Предусмотрели сценарий для профессиональной аудитории. Проектировщик должен иметь возможность быстро перейти от визуального знакомства с материалом к техническим характеристикам, документации и BIM-моделям.

В основе визуальной концепции — идеи экологичности, устойчивости и минимализма.

Фиброцементные панели BF TECH производятся из природных материалов, поэтому дизайн строится вокруг естественных фактур, архитектурной чистоты и сдержанной графики.

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

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

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

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

Первый экран сразу отвечает на главный вопрос пользователя: что производит BF TECH и для какой задачи подходит материал. Ключевое сообщение и визуальная подача продукта позволяют за несколько секунд понять предложение и решить, стоит ли изучать его дальше.

Ключевые характеристики вынесли в крупные числовые показатели: срок службы, гарантию цвета, сроки монтажа. Это позволяет быстро оценить основные свойства материала без чтения технического описания.

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

Собрали свойства панели в последовательный блок. Каждое преимущество получает собственный визуальный акцент и короткое объяснение.

Сценарии применения помогают перевести характеристики материала в реальные задачи. Пользователь сразу может соотнести продукт со своим проектом.

Конфигуратор переводит пользователя из режима изучения в режим выбора. Можно последовательно определить размер, фактуру и цвет, а затем запросить стоимость. Это сокращает путь от интереса к конкретному запросу.

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

BIM-модели вынесены в отдельный сценарий, чтобы архитектор или проектировщик мог сразу получить материалы для работы.

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

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

CTA размещены после ключевых точек знакомства с продуктом, когда пользователь уже понимает его свойства и возможности применения.

Форма заявки интегрирована с Битрикс24, поэтому отправленное обращение автоматически передаётся в CRM как новый лид.

Пользователь может выбрать подходящий сценарий обращения: заказать образец, запросить консультацию, встречу или сертификаты. Форма не заставляет формулировать запрос самостоятельно, а сокращает путь до контакта с компанией.

• Создали продуктовый сайт, который последовательно раскрывает BF TECH: от первого знакомства с материалом до технических характеристик и заявки.
• Адаптировали сайт под мобильные устройства, сохранив логику сценариев и ключевые точки взаимодействия.
• Интегрировали формы с Битрикс24, чтобы обращения с сайта автоматически поступали в CRM как новые лиды.

Руководитель проекта 3  ●  Менеджер проекта 2  ●  Бизнес-аналитик  ●  Арт-директор  ●  Ux/Ui-дизайнер 2

Front-end разработчик 3  ●  Back-end разработчик 3  ●  SEO-специалист