Кейс: цифровая трансформация производителя звукоизоляционных материалов от borevich.agency°
На связи digital-агентство borevich.agency°.
Мы создаем цифровые решения с фокусом на маркетинговую экспертизу и современный дизайн, а ещё ценим качественное взаимодействие между заказчиком и агентством, потому что экспертиза без этого ничего не стоит.
Входим в топ-200 B2B-разработчиков по версии Рейтинга Рунета за 2024 год. Делимся экспертизой на программах MBA и DBA, участвуем в образовательных проектах банков ВТБ и Уралсиб.
Инновации в утеплении, звукоизоляции и огнезащите
Компания, с которой мы работали (название под NDA) — международный лидер в производстве решений на основе каменной ваты. Продукция предприятия используется для утепления, звукоизоляции и огнезащиты и применяется в разных сферах: от строительных объектов до промышленного оборудования.
Компания известна своими высокотехнологичными продуктами, которые подходят для жилых и промышленных зданий.
У компании 48 производственных площадок в Европе, Северной Америке и Азии. В штате компании около 11 000 специалистов, обеспечивающих стабильное производство и внедрение инноваций.
Кроме традиционных решений для утепления и звукоизоляции, предприятие также производит акустические подвесные потолки под отдельным брендом, субстраты для выращивания овощей и цветов и специальное техническое волокно. Это подтверждает широкий спектр их производственных решений и способность предлагать комплексные продукты для различных секторов — от жилого строительства до специализированных технических нужд.
Запрос клиента: создание комплексных цифровых решений для внутренних процессов и нового продукта
Клиент обратился с запросом на создание двух цифровых решений:
- Внутренний портал. Компании нужна была автоматизация для внутренних брендированных коммуникационных материалов, необходимых для внутрикома. Это требовало автоматизации бизнес-процессов и создания удобной системы для внутреннего использования.
- Цифровой продукт для шумоизоляционных материалов. Разработка продукта, который бы выделял шумоизоляционные материалы бренда среди конкурентов и обеспечивал удобный интерфейс расчета количества для конечных пользователей, а также промотирования продукта для задач дистрибьюторов. Существующие решения на зарубежных рынках не подходили для российского, и клиент хотел инструмент, адаптированный под их нужды с акцентом на удобство расчета.
Кроме того, проект столкнулся с ограничениями по бюджету и срокам, что потребовало точной балансировки между функциональностью и требованиями клиента.
Работа с клиентом была действительно интересной, поскольку нам предстояло не только разработать сайт, но и помочь выделить новый продукт на рынке. Создание контента, который бы точно отражал потребности целевой аудитории, стало важным шагом для достижения успеха.
Инновационный функционал: как мы создали решения для пользователей и сотрудников
Внутренний портал для менеджеров и маркетологов
Основной задачей портала было создание удобного инструмента для сотрудников, который позволял бы заказывать материалы и продукцию для презентаций и коммуникаций с клиентами. Ключевые функциональные элементы:
- Цифровая трансформация процесса: формализация процесса заказа продукции и разработка цифрового решения, которое реализует этот функционал.
- Каталог продукции: сувениры для раздачи, бизнес-сувениры, печатная продукция, образцы товаров, брендированная одежда и закрытый раздел для отдела маркетинга.
- Система бонусных баллов: каждый сотрудник получал определенное количество баллов, которые можно было использовать для заказа продукции в рамках квартала или года. Баллы обменивались на товары из каталога, где для каждого предмета была указана его стоимость в баллах.
- Карточки товаров: каждое изделие в каталоге имеет карточку с изображением, описанием, стоимостью и возможностью выбора количества. После выбора товары добавляются в корзину, и пользователи могут оформить заказ, как в интернет-магазине.
Уникальные аспекты:
- Гибкость настройки системы бонусов: мы разработали систему начисления баллов, которая адаптируется под различные группы пользователей в зависимости от их роли и региона. Это создало персонализированный опыт для каждого сотрудника.
- Интеграция с внутренней цифровой экосистемой компании: взаимодействие с уже имевшейся у клиента цифровой экосистемой обеспечило быстрый обмен данными, что ускорило рабочие процессы и исключило необходимость в дополнительном ручном вводе данных.
Промо-сайт для звукоизоляционного решения
Создали сайт для продвижения звукоизоляционного продукта и включили в него несколько ключевых функциональных инструментов для пользователей:
1. Калькулятор расчета звукоизоляции. Основной функционал сайта заключается в калькуляторе, который позволяет пользователю рассчитывать необходимое количество материалов для звукоизоляции потолка или стены. Калькулятор предоставляет точные рекомендации по выбору материалов в зависимости от типа основания и других параметров, что повысило точность расчетов и упростило процесс для конечных пользователей.
Пользователь может ввести следующие параметры:
- Площадь потолка или стены.
- Тип материала основания (например, кирпич, пеноблок, газоблок).
- Количество окон и дверей для дополнительного расчета.
2. Список материалов. После ввода всех данных калькулятор выдает список материалов, включая различные варианты каменной ваты и другие строительные материалы, с указанием их стоимости и количества.
3. Оформление заказа. Пользователь может перейти к оформлению заказа, нажав кнопку «Оформить заказ», что автоматически добавляло товары в корзину на сайте партнера (Лемана Про).
4. Обучающие материалы. На сайте разместили полезные видео, объясняющие правильное выполнение монтажных работ и демонстрирующие процессы проверки и тестирования материалов, например, «Проверка на прочность каменной ваты».
5. Сертификаты и каталоги. Вся продукция компании сертифицирована, и на сайт загружены соответствующие сертификаты и каталоги.
Уникальные аспекты:
- Аудиопримеры эффекта звукоизоляции, чтобы не показывать падение шума на несколько десятков децибел, а на примерах с аудиофайлами шумов показывать эффект.
- Точный расчет количества материалов для реализации звукоизоляционного решения в помещении.
План действий: ключевые этапы успешной реализации проекта
Основные этапы реализации проекта включали следующие ключевые шаги:
- Согласование требований и создание прототипа. После согласования всех требований мы приступили к разработке структурного прототипа, который включал все будущие страницы сайта и ключевые элементы. После презентации клиент внес минимальные корректировки, а это значит, что подтверждает высокую согласованность с клиентом на каждом этапе.
- Разработка дизайн-концепта. Команда приступила к созданию дизайн-концепта, соответствующего брендбуку клиента и выбранной стилистике. Все визуальные референсы согласовали с клиентом.
- Согласование дизайна главной страницы. Получили одобрение от клиента и приступили к разработке дизайна всех страниц с учетом корпоративного стиля.
- Разработка и верстка сайта. После окончательного утверждения дизайна команда приступила к верстке сайта с учетом адаптивности для мобильных устройств, десктопов и планшетов. Мы обеспечили корректное отображение на всех брейкпоинтах, чтобы сайт выглядел идеально на различных устройствах.
- Интеграция и программирование. На этом этапе мы интегрировали верстку в CMS и настроили административную панель. Параллельно начали работать с контентом, тесно сотрудничая с клиентом.
- Тестирование и публикация. Мы проверили работоспособность всех страниц, провели контроль качества и, после финальной проверки, опубликовали сайт, обеспечив доступность для всех пользователей.
Этот последовательный процесс позволил нам создать эффективные и функциональные продукты, соответствующий требованиям клиента и их целям.
Мы выбрали платформу Bitrix в качестве CMS из-за гибкости и функциональности, идеально соответствующим требованиям проекта. С его помощью настроили бесшовный обмен данными между новым порталом и существующими системами. Кроме того, платформа поддерживает двухфакторную аутентификацию и шифрование данных, а значит, обеспечивает высокий уровень защиты корпоративной информации.
Команда экспертов: ключевые роли в успешной реализации проекта
- Проджект-менеджер — главный координатор проекта, который вел коммуникацию с клиентом, отслеживал сроки и контроль выполнения задач, а также отвечал за успешную реализацию проекта и взаимодействие с командой.
- Маркетолог — занимался созданием прототипов, разрабатывал текстовое наполнение для сайта, а также активно участвовал в создании стратегии продвижения для новых продуктов.
- UX/UI дизайнер — отвечал за визуальную концепцию проекта, создание дизайна сайта в Figma и продумывание пользовательского интерфейса, чтобы он был интуитивно понятным и удобным.
- Frontend-разработчик — реализовывал верстку и адаптивность дизайна, а также отвечал за взаимодействие с макетами и их интеграцию в код сайта.
- Backend-разработчик — занимался настройкой CMS, интеграцией верстки с административной панелью, настройкой возможностей редактирования контента и загрузкой сайта на хостинг.
- QA-специалист — проводил тестирование на всех этапах разработки, проверяя верстку, функциональность сайта в разных браузерах и устройствах, а также вносил обратную связь для улучшений.
Трудности и нестандартные решения в процессе реализации
В процессе реализации проекта возникло несколько трудностей и ограничений, которые требовали гибкости и адаптации подхода:
- Алгоритм начисления бонусов. Из-за множества групп пользователей и параметров алгоритм оказался достаточно сложным для внедрения. Решение было найдено с помощью блок-схемы, что позволило сначала визуализировать процесс, понять его структуру и затем перенести механику в программный код.
- Интеграция с различными системами. Изначально планировалась интеграция с Петровичем, но в процессе работы клиент предложил перейти на Лемана Про, так как условия стали более выгодными. Это потребовало пересмотра интеграции, что добавило новых этапов и сложностей, поскольку работа с первой системой уже была начата.
- Проблемы с наличием товаров. При работе с калькулятором возникла задача учета наличия товаров в реальном времени. Если товар, рекомендованный калькулятором, был недоступен, пользователи переходили на сайт партнера (Лемана Про) и обнаруживали, что товара в наличии меньше, чем ожидалось. Это создавало элемент неопределенности, который требовал проработки с точки зрения удобства пользователей.
- Функционал с прослушиванием эффектов шумоизоляции. Одним из инновационных решений проекта стал калькулятор с функцией прослушивания эффектов шумоизоляции «до» и «после». Этот функционал позволил пользователям на практике оценить, как изменяется звукоизоляция в зависимости от выбранного продукта.
Важно было обеспечить идеальную функциональность сайта звукоизоляционных материалов, так как значимая часть программной реализации происходила на frontend. Также нужно было проконтролировать корректное поведение продукта на всех возможных платформах мобильных и десктопных браузеров. Мы проделали большую работу, чтобы пользователи могли комфортно взаимодействовать с сайтом, независимо от того, с какого устройства они заходят.
Как проект развил бизнес клиента
После завершения проекта клиент отметил несколько важных преимуществ и выгод от внедрения разработанных решений:
- Внутренний инструмент для сотрудников. Создание внутреннего портала упростило процесс заказа сувенирной и печатной продукции для продвижения товара. В систему была интегрирована бонусная программа для менеджеров, что значительно повысило эффективность работы. В результате сотрудники стали на 65% более удовлетворены процессом заказа. Сейчас компания активно использует этот инструмент, и он продолжает приносить пользу.
- Информированность и удобство для конечных пользователей. После внедрения промо-сайта для звукоизоляционного решения, компания предоставила своей целевой аудитории (строителям, монтажникам и другим пользователям) доступ к важной информации о продукте, включая обучающие материалы, сертификаты и патенты. Интегрированный на сайте калькулятор позволил пользователям легко подобрать необходимые материалы, рассчитать их количество и стоимость, а также сформировать корзину для дальнейшей покупки. Это существенно упростило процесс выбора и покупки, увеличив чек на 20%.
- Положительный опыт с MVP и дальнейшая доработка. На первом этапе была создана минимальная версия продукта (MVP), что позволило клиенту оценить его полезность и удобство. После успешного тестирования и подтверждения востребованности инструмента клиент продолжил доработку и развитие функционала в рамках технической поддержки.
- Увеличение вовлеченности. Пользователи стали чаще использовать сайт и калькуляторы, проводя больше времени на ресурсе и просматривая больше страниц. Пользователи активно использовали калькуляторы для расчетов, что привело к более активному взаимодействию с ресурсом.
Таким образом, проект принес клиенту важные преимущества: улучшение внутренней автоматизации процессов, повышение удобства для пользователей и успешное тестирование с дальнейшим развитием функционала.
Правильно выстроенный сбор и формализация ожиданий заказчика — залог успешной реализации. Также в этом проекте мы с самого начала установили оперативные каналы взаимодействия с клиентом, что позволило нам быстро решать возникающие вопросы и двигаться по проекту без задержек.
Что мы в borevich. agency° узнали и как это помогает нам сейчас
Работа над проектами для этого клиента показала нашу способность не только разрабатывать качественные цифровые решения, но и обеспечивать долгосрочную поддержку и развитие. Мы не ограничились завершением одного этапа, а продолжили работать с клиентом, предоставляя техническую поддержку и внедряя улучшения. Это подтвердило нашу приверженность долгосрочным результатам. Такой подход не только удовлетворил потребности клиента, но и укрепил партнерские отношения, способствуя развитию продукта.
Уроки для borevich. agency°
Реализация проекта позволила нам улучшить внутренние процессы. Вот несколько изменений:
- Введение этапа бета-тестирования. При разработке внутреннего портала для сотрудников мы провели закрытое бета-тестирование среди ограниченной группы пользователей. Этот этап помог заранее выявить проблемы и доработать систему до публичного запуска, что повысило качество продукта и снизило количество ошибок в финальной версии.
- Процесс QA и тестирования. Мы внедрили TDD и QA как стандарт, а не опцию для всех крупных проектов. Осознали важность тщательного тестирования на всех этапах разработки и внедрили дополнительные шаги для улучшения QA-анализа. Это включало детализированное тестирование на разных стадиях — от разработки до публичного запуска. Мы также усилили команду тестировщиков и оптимизировали процесс взаимодействия с клиентом для получения обратной связи на более ранних этапах, что позволило быстрее выявлять и устранять проблемы.
- Оптимизация внутреннего процесса разработки. Мы пересмотрели подход к управлению проектами, улучшив коммуникацию между командами (дизайнерами, разработчиками, маркетологами) и добавив дополнительные этапы согласования на ранних стадиях разработки. Это ускорило процесс реализации и минимизировало риски ошибок и недоразумений на более поздних этапах.
Заключение
Реализация этих проектов принесла не только положительные результаты для клиента, но и улучшила наши внутренние процессы. Мы внедрили новые практики, которые сделали работу borevich. agency° ещё больше направленной на результат, качество и сервис.