Кейс: Цифровая трансформация ROCKWOOL через экосистему для клиентов и сотрудников

Заказчик

В borevich.agency° обратилась компания по производству продуктов из каменной ваты ROCKWOOL. Проблема заказчика: нужен адаптированный под их нужды инструмент с акцентом на удобство расчёта.

Задача

Задача borevich.agency°: создать платформу, которая станет ключевым инструментом для сотрудников компании, а также создать функциональный сайт для клиентов.

На связи digital-агентство borevich.agency°.

Мы создаем цифровые решения с фокусом на маркетинговую экспертизу и современный дизайн, а ещё ценим качественное взаимодействие между заказчиком и агентством, потому что экспертиза без этого ничего не стоит.

Входим в топ-200 B2B-разработчиков по версии Рейтинга Рунета за 2024 год. Делимся экспертизой на программах MBA и DBA, участвуем в образовательных проектах банков ВТБ и Уралсиб.

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

У компании 48 производственных площадок в Европе, Северной Америке и Азии. В штате компании около 11 000 специалистов, обеспечивающих стабильное производство и внедрение инноваций.

Кроме традиционных решений для утепления и звукоизоляции, ROCKWOOL также производит акустические подвесные потолки под брендом Rockfond, субстраты для выращивания овощей и цветов (Grodan) и специальное техническое волокно (Lapinus). Это подтверждает широкий спектр их производственных решений и способность предлагать комплексные продукты для различных секторов — от жилого строительства до специализированных технических нужд.

Запрос клиента: создание комплексных цифровых решений для внутренних процессов и нового продукта

ROCKWOOL обратился с запросом на создание двух цифровых решений:

1. Внутренний портал. Компании нужна была автоматизация для внутренних брендированных коммуникационных материалов, необходимых для внутрикома. Это требовало автоматизации бизнес-процессов и создания удобной системы для внутреннего использования.
2. Цифровой продукт для АКУСТИК БАТТС. Разработка продукта, который бы выделял АКУСТИК БАТТС среди конкурентов и обеспечивал удобный интерфейс расчета количества для конечных пользователей и промотирования продукта для задач дистрибьюторов. Существующие решения на зарубежных рынках не подходили для российского, и ROCKWOOL хотел инструмент, адаптированный под их нужды с акцентом на удобство расчета.

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

Инновационный функционал: как мы создали решения для пользователей и сотрудников

Внутренний портал ROCKWOOL POSM для менеджеров и маркетологов

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

1. Цифровая трансформация процесса: формализация процесса заказа продукции и разработка цифрового решения, которое реализует этот функционал.
2. Каталог продукции: сувениры для раздачи, бизнес-сувениры, печатная продукция, образцы товаров, брендированная одежда и закрытый раздел для отдела маркетинга.
3. Система бонусных баллов: каждый сотрудник получал определенное количество баллов, которые можно было использовать для заказа продукции в рамках квартала или года. Баллы обменивались на товары из каталога, где для каждого предмета была указана его стоимость в баллах.
4. Карточки товаров: каждое изделие в каталоге имеет карточку с изображением, описанием, стоимостью и возможностью выбора количества. После выбора товары добавляются в корзину, и пользователи могут оформить заказ, как в интернет-магазине.

Внешний вид портала:

Личный кабинет сотрудника:

Уникальные аспекты:

• Гибкость настройки системы бонусов: мы разработали систему начисления баллов, которая адаптируется под различные группы пользователей в зависимости от их роли и региона. Это создало персонализированный опыт для каждого сотрудника.
• Интеграция с внутренней цифровой экосистемой компании: взаимодействие с цифровой экосистемой ROCKWOOL обеспечило быстрый обмен данными, что ускорило рабочие процессы и исключило необходимость в дополнительном ручном вводе данных.

Промо-сайт для звукоизоляционного решения ROCKWOOL АКУСТИК БАТТС

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

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

Пользователь может ввести следующие параметры:

• Площадь потолка или стены.
• Тип материала основания (например, кирпич, пеноблок, газоблок).
• Количество окон и дверей для дополнительного расчета.

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

3. Оформление заказа. Пользователь может перейти к оформлению заказа, нажав кнопку «Оформить заказ», что автоматически добавляло товары в корзину на сайте партнера (Лемана Про).

4. Обучающие материалы. На сайте разместили полезные видео, объясняющие правильное выполнение монтажных работ и демонстрирующие процессы проверки и тестирования материалов, например, «Проверка на прочность каменной ваты».

5. Сертификаты и каталоги. Вся продукция компании ROCKWOOL сертифицирована, и на сайт загружены соответствующие сертификаты и каталоги.

Внешний вид калькулятора:

Уникальные аспекты:

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

План действий: ключевые этапы успешной реализации проекта

Основные этапы реализации проекта включали следующие ключевые шаги:

1. Согласование требований и создание прототипа. После согласования всех требований мы приступили к разработке структурного прототипа, который включал все будущие страницы сайта и ключевые элементы. После презентации клиент внес минимальные корректировки, а это значит, что подтверждает высокую согласованность с клиентом на каждом этапе.
2. Разработка дизайн-концепта. Команда приступила к созданию дизайн-концепта, соответствующего брендбуку клиента и выбранной стилистике. Все визуальные референсы согласовали с клиентом.
3. Согласование дизайна главной страницы. Получили одобрение от клиента и приступили к разработке дизайна всех страниц для POSM и ROCKWOOL АКУСТИК БАТТС с учетом корпоративного стиля.
4. Разработка и верстка сайта. После окончательного утверждения дизайна команда приступила к верстке сайта с учетом адаптивности для мобильных устройств, десктопов и планшетов. Мы обеспечили корректное отображение на всех брейкпоинтах, чтобы сайт выглядел идеально на различных устройствах.
5. Интеграция и программирование. На этом этапе мы интегрировали верстку в CMS и настроили административную панель. Параллельно начали работать с контентом, тесно сотрудничая с клиентом.
6. Тестирование и публикация. Мы проверили работоспособность всех страниц, провели контроль качества и, после финальной проверки, опубликовали сайт, обеспечив доступность для всех пользователей.

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

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

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

Команда экспертов: ключевые роли в успешной реализации проекта

1. Проджект-менеджер — главный координатор проекта, который вел коммуникацию с клиентом, отслеживал сроки и контроль выполнения задач, а также отвечал за успешную реализацию проекта и взаимодействие с командой.
2. Маркетолог - занимался созданием прототипов, разрабатывал текстовое наполнеие для сайта, а также активно участвовал в создании стратегии продвижения для новых продуктов.
3. UX/UI дизайнер — отвечал за визуальную концепцию проекта, создание дизайна сайта в Figma и продумывание пользовательского интерфейса, чтобы он был интуитивно понятным и удобным.
4. Frontend-разработчик — реализовывал верстку и адаптивность дизайна, а также отвечал за взаимодействие с макетами и их интеграцию в код сайта.
5. Backend-разработчик — занимался настройкой CMS, интеграцией верстки с административной панелью, настройкой возможностей редактирования контента и загрузкой сайта на хостинг.
6. QA-специалист — проводил тестирование на всех этапах разработки, проверяя верстку, функциональность сайта в разных браузерах и устройствах, а также вносил обратную связь для улучшений.

Трудности и нестандартные решения в процессе реализации

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

1. Алгоритм начисления бонусов. Из-за множества групп пользователей и параметров алгоритм оказался достаточно сложным для внедрения. Решение было найдено с помощью блок-схемы, что позволило сначала визуализировать процесс, понять его структуру и затем перенести механику в программный код.
2. Интеграция с различными системами. Изначально планировалась интеграция с Петровичем, но в процессе работы клиент предложил перейти на Лемана Про, так как условия стали более выгодными. Это потребовало пересмотра интеграции, что добавило новых этапов и сложностей, поскольку работа с первой системой уже была начата.
3. Проблемы с наличием товаров. При работе с калькулятором возникла задача учета наличия товаров в реальном времени. Если товар, рекомендованный калькулятором, был недоступен, пользователи переходили на сайт партнера (Лемана Про) и обнаруживали, что товара в наличии меньше, чем ожидалось. Это создавало элемент неопределенности, который требовал проработки с точки зрения удобства пользователей.
4. Функционал с прослушиванием эффектов шумоизоляции. Одним из инновационных решений проекта стал калькулятор с функцией прослушивания эффектов шумоизоляции «до» и  «после». Этот функционал позволил пользователям на практике оценить, как изменяется звукоизоляция в зависимости от выбранного продукта.

Как проект развил бизнес клиента

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

1. Внутренний инструмент для сотрудников (POSM). Создание внутреннего портала упростило процесс заказа сувенирной и печатной продукции для продвижения товара. В систему была интегрирована бонусная программа для менеджеров, что значительно повысило эффективность работы. В результате сотрудники стали на 65% более удовлетворены процессом заказа. Сейчас компания активно использует этот инструмент, и он продолжает приносить пользу.
2. Информированность и удобство для конечных пользователей (АКУСТИК БАТТС). После внедрения промо-сайта для звукоизоляционного решения АКУСТИК БАТТС, компания предоставила своей целевой аудитории (строителям, монтажникам и другим пользователям) доступ к важной информации о продукте, включая обучающие материалы, сертификаты и патенты. Интегрированный на сайте калькулятор позволил пользователям легко подобрать необходимые материалы, рассчитать их количество и стоимость, а также сформировать корзину для дальнейшей покупки. Это существенно упростило процесс выбора и покупки, увеличив чек на 20%.
3. Положительный опыт с MVP и дальнейшая доработка АКУСТИК БАТТС. На первом этапе была создана минимальная версия продукта (MVP), что позволило клиенту оценить его полезность и удобство. После успешного тестирования и подтверждения востребованности инструмента клиент продолжил доработку и развитие функционала в рамках технической поддержки.
4. Увеличение вовлеченности АКУСТИК БАТТС. Пользователи стали чаще использовать сайт и калькуляторы, проводя больше времени на ресурсе и просматривая больше страниц. Пользователи активно использовали калькуляторы для расчетов, что привело к более активному взаимодействию с ресурсом.

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

Что мы в borevich. agency° узнали и как это помогает нам сейчас

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

Уроки для borevich. agency°

Реализация проекта для ROCKWOOD позволила нам улучшить внутренние процессы. Вот несколько изменений:

• Введение этапа бета-тестирования. При разработке внутреннего портала для сотрудников мы провели закрытое бета-тестирование среди ограниченной группы пользователей. Этот этап помог заранее выявить проблемы и доработать систему до публичного запуска, что повысило качество продукта и снизило количество ошибок в финальной версии.
• Процесс QA и тестирования. Мы внедрили TDD и QA как стандарт, а не опцию для всех крупных проектов. Осознали важность тщательного тестирования на всех этапах разработки и внедрили дополнительные шаги для улучшения QA-анализа. Это включало детализированное тестирование на разных стадиях — от разработки до публичного запуска. Мы также усилили команду тестировщиков и оптимизировали процесс взаимодействия с клиентом для получения обратной связи на более ранних этапах, что позволило быстрее выявлять и устранять проблемы.
• Оптимизация внутреннего процесса разработки. Мы пересмотрели подход к управлению проектами, улучшив коммуникацию между командами (дизайнерами, разработчиками, маркетологами) и добавив дополнительные этапы согласования на ранних стадиях разработки. Это ускорило процесс реализации и минимизировало риски ошибок и недоразумений на более поздних этапах.

Заключение

Реализация проектов ROCKWOOL принесла не только положительные результаты для клиента, но и улучшила наши внутренние процессы. Мы внедрили новые практики, которые сделали работу borevich. agency° ещё больше направленной на результат, качество и сервис.

Перейти на сайт