Разработка сайта для производителя систем противопожарной защиты Меркор ПРУФ

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

Сайт для MercorProof — это не только канал маркетинга, но и цифровой рабочий инструмент. Он должен быстро давать ответы, помогать ориентироваться в линейке, предоставлять корректные технические документы.

Контекст: что не так было со старым сайтом

Мы начали с аудита текущего интерфейса. Что обнаружили:

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

Цель: создать инструмент, который работает в реальных задачах

Mercorproof обратился за решением, которое:

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

Как мы подошли к задаче

Сбор контекста: внутри команды клиента. Перед стартом мы провели интервью с ключевыми сотрудниками на стороне заказчика:

• техническими консультантами
• сотрудниками клиентского сервиса
• маркетингом
• менеджерами по продажам

Мы выясняли:

• с какими вопросами приходят разные типы клиентов
• какие документы запрашивают чаще всего
• где теряются пользователи в навигации
• что им самим мешает использовать сайт в работе

Проектирование под роли, а не под шаблон

Мы построили карту пользовательских сценариев и выделили 3 ключевые группы:

1. Проектировщик. Нужна документация, сертификаты, технические характеристики. Ценит структурированность и точность.
2. Подрядчик / исполнитель. Нужен быстрый доступ к инструкции, расчетам, консультации и контактам. Ценит скорость.
3. Закупщик / представитель заказчика. Нужны общие описания, подтверждения сертификации, коммерческое предложение. Ценит доверие и полноту информации.

Дизайн: визуальный язык инженера

Мы ушли от маркетинговых клише. Новый интерфейс — это лаконичность, структурность и скорость восприятия.

• Каждый блок на странице отвечает на конкретный вопрос
• Технические характеристики — на первом экране
• Навигация — как в CAD-системах: предсказуемая и рациональная
• Цветовая палитра сдержанная, акценты — только по делу

Интеграции и администрирование

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

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

Для подготовки запуска нового сайта силами нашего контент-менеджера был переработан и перенесён на новый сайт весь контент.

Для команда заказчика составили инструкцию по администрированию и провели обучение.

Результат

• Сайт стал быстрее, понятнее, эффективнее
• Разные категории пользователей получают нужное за 1–2 клика
• Снижен процент “блужданий” по сайту — в 2 раза по сравнению с прошлым
• Команда клиента получила гибкий инструмент, а не набор шаблонов

Состав команды

Со стороны Monoplan:

• Менеджер проекта
• UX-аналитик
• UI-дизайнер
• Технический директор
• Контент-менеджер

Со стороны клиента:

• Технический директор
• Руководитель маркетинга
• Специалисты службы поддержки и продаж