Главное о кейсе
Основная задача проекта заключалась в изготовлении сайта Группы предприятий «Стальные конструкции» и создании каталога металлопроката в виде многоуровневого интерактивного инструмента, который помогает пользователям принимать решения быстро, без ошибок и с ясным пониманием технических нюансов. Сайт должен был не просто демонстрировать ассортимент. Он должен был работать как цифровой консультант: анализировать действия клиента, корректировать параметры в реальном времени, формировать рекомендации и давать подсказки, построенные на инженерной логике предприятия.
Компания более двадцати лет работает на рынке и имеет обширный ассортимент профнастила, металлочерепицы, дополнительных элементов и комплектующих. Благодаря стабильному качеству, собственному производству и широкому опыту предприятие стало одним из ключевых поставщиков для строительных компаний, дилеров и частных застройщиков по всей стране.
Задача состояла в создании сайта, который объединяет техническое мастерство компании, современный дизайн, мультимедийную подачу контента и интеллектуальные механизмы подбора материалов.
Как проект изменил жизнь пользователей
Логика взаимодействия клиента с сайтом вышла на новый уровень благодаря современным технологиям. Динамичные карточки товаров позволяют мгновенно менять параметры – от цвета и толщины до типа профиля или покрытия, а контент перестраивается в ту же секунду. Пользователь сразу видит, как выбранные значения влияют на внешний вид материала, характеристики, потенциальные ошибки и рекомендации.
Важнейшей частью новой системы стал модуль искусственного интеллекта, который анализирует поведение клиента, его параметры выбора и предполагаемое назначение материалов. AI помогает избежать неправильных решений, подсказывает, какие параметры подходят под конкретную задачу, и в завершение формирует подробное экспертное заключение, объясняя логику итоговой конфигурации. Такая механика снижает неопределенность для новичков и ускоряет выбор для профессионалов.
Отдельное внимание было уделено улучшению восприятия информации. Карточки и страницы наполнены визуальными элементами: в них присутствуют качественные изображения, анимированные подсказки и видео с производственных линий. Пользователь не только читает о профнастиле или металлочерепице, а также видит, как материал создается, как он ведет себя в реальных условиях, и почему каждая характеристика имеет значение.
Еще одним инструментом стала форма-помощник, работающая на базе AI. Она задает уточняющие вопросы: под какие условия эксплуатации требуется материал, какой объект планируется строить, какие требования к долговечности и внешнему виду стоят на первом месте. На основе ответов система подбирает оптимальные товары и объясняет, почему эти варианты лучше других.
Умный поиск, работающий в связке с аналитическим ядром, распознает смысловые запросы. Клиент может вводить не технические термины, а описания своей задачи, и система сразу выдает релевантные материалы. Все это делает сайт не просто каталогом, а источником экспертных рекомендаций, при этом значительно снижает количество обращений к менеджерам.
Бизнес-задача и ее решение
Компания стремилась уменьшить зависимость клиентов от консультаций менеджеров и снизить частоту ошибок при подборе материалов. Как правило, обычно любой подобный сайт работает как обычный каталог: человек видит большое количество параметров, но не понимает их взаимосвязи. Это приводит к путанице, повторным заказам и длительным диалогам с отделом продаж.
Мы трансформировали карточки товаров из статичных витрин в интерактивные инструменты продаж. Ключевым элементом стал интеллектуальный модуль подбора продукции на базе AI:
• Динамический конфигуратор – пользователь самостоятельно задаёт параметры (цвет, размер, толщина, количество листов) и мгновенно видит результат расчёта.
• AI-ассистент – анализирует выбор клиента и формирует персональные рекомендации: предупреждает о нюансах материалов, подсказывает оптимальные решения для конкретных задач.
• Умный поиск по сайтус использованием AI – позволяет вводить запросы в свободной форме и получать релевантные результаты с пояснениями, почему именно этот контент подходит под запрос.
Сайт теперь – не просто витрина. Теперь это инструмент, который позволяет пользователю самостоятельно составить грамотную конфигурацию материалов, понять технические ограничения и сразу получить профессиональную подсказку.
Крафт (мастерство), реализация, технические детали
Проект требовал глубокого погружения в производственные процессы. Для создания AI-модуля и логики карточек была собрана и структурирована обширная база знаний: возможные комбинации параметров, ограничения по толщине и профилю, допускаемые длины, особенности соединений и рекомендации по применению материалов.
На основе этих данных реализована система, которая обрабатывает каждое действие пользователя. Выбор цвета приводит к обновлению визуальной части карточки, изменение толщины вызывает перерасчет подходящих областей применения, корректировка длины проверяется на технологическую возможность производства. Вся эта логика работает мгновенно, без перезагрузок.
Контент был оформлен в виде дизайнерских блоков, где текст, изображения, иконки и анимации объединены в единую структуру, обеспечивающую ясность и удобство восприятия.
Разработка велась итерационно. На каждом этапе изучалось поведение клиентов, проводились тесты карточек, анализировались сценарии поиска и уточнялись рекомендации AI. В процессе взаимодействия с заказчиком были учтены реальные нюансы производства и типичные ошибки пользователей, чтобы система давала советы, идентичные консультациям опытного специалиста.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
В процессе работы с заказчиком мы выяснили, что «просто красивый каталог» не решает проблему продаж сложных строительных материалов. К покупателям профнастила относятся две разные аудитории с различным уровнем знаний. Профессионалам важны скорость и точность расчетов, а частным клиентам – понятность и уверенность в выборе.
Разработан модуль, работающий с использованием AI, для динамичного взаимодействия с карточками товаров. Этот модуль позволяет пользователю выбрать цвет, размер и другие параметры товара, с мгновенным обновлением информации в процессе выбора. Искусственный интеллект анализирует действия клиента, учитывая его предпочтения и поведение, а затем на основе заложенных в систему знаний и тонко настроенных алгоритмов формирует персонализированные рекомендации. В конце процесса AI делает выводы по заказу и предоставляет клиенту полезные советы относительно выбранных материалов и их оптимального использования.
Разработали модуль умного поиска по сайту, работающий с использованием AI (как аналитического ядра, с синхронизацией по API). Система предварительно анализирует все ключевые разделы и страницы, автоматически разбивает контент на смысловые блоки и формирует для них структурированные описания. Эти данные индексируются в базе знаний, что позволяет работать не только с простым текстовым совпадением, но и с реальным смысловым соответствием запросу пользователя.
На сайте посетителю доступна форма для ввода произвольного запроса в свободной форме. Далее запрос отправляется в AI, который подбирает наиболее релевантные разделы и конкретные блоки на страницах, сопровождая каждый результат кратким комментарием, поясняющим, почему именно этот фрагмент ему подходит. Искусственный интеллект формирует ответы на основе знаний, которые мы в него заложили и тонко настроили, опираясь на заранее подготовленную базу контента сайта. Результаты выдачи показываются в виде удобного списка с точными «якорными» ссылками на соответствующие фрагменты страниц, превращая поиск в современный, мощный и интуитивный инструмент навигации по сложному контенту.
Такой подход позволяет акцентировать внимание на мощности и современности системы, подчеркивая использование ИИ для улучшения взаимодействия с клиентом и предоставления персонализированных рекомендаций.
Сайт стал платформой, где инженерная логика, визуальная подача, рекомендации и цифровые инструменты работают как единое целое, создавая новый стандарт взаимодействия в сфере металлопроката.
Скриншоты