Задача: нужен новый сайт для e-com
«Металлопрофиль» — один из крупнейших заводов металлопродукции в Центральном регионе. Выпускает кровельные материалы, металлочерепицу, профлисты, а также водосточные системы, европанели и комплектующие.
На момент обращения в агентство у заказчика был сайт, ориентированный на корпоративных клиентов с витриной товаров. Он был не слишком удобен для людей, которым требовалось купить материалы, например, для строительства частного дома.
В чем была сложность для частных клиентов?
- Чтобы сделать заказ, пользователь должен оставить заявку и дождаться звонка от менеджера. А еще реальные цены могли отличаться от указанных на сайте. Менеджеры сами проверяли стоимость товаров и сообщали ее покупателям. Это нормально для оптовиков, но непривычно для людей, которые покупают для себя — представить что-то такое в обычном продуктовом или крупном строительном невозможно.
- Разновидностей металлочерепицы и другой продукции много: для пользователей нужен конфигуратор и фильтры в каталогах, чтобы они могли ориентироваться в товарах. А для клиента — удобный инструмент по наполнению каталога.
- Продукт может быть сложным для неподготовленных пользователей. Не хватало информации на сайте, которая поможет сделать выбор — требовались ролики, статьи, кейсы применения продукции на реальных объектах.
- Изначально сайт был выполнен под коммерческие запросы, его было сложно найти в поиске, если гуглишь как обычный пользователь. Для расширения семантики приняли решение перевести основной сайт на корпоративную семантику, а для коммерческих запросов разработать новый интернет-магазин и аккуратно туда перевести трафик.
Заказчик хотел избавиться от этих недостатков и запустить полноценный интернет-магазин с актуальными ценами.
Шаг 1: подготовка
Мы проанализировали старый сайт, поговорили с клиентом и увидели: на ресурс шел большой поисковый трафик — SEO-оптимизацией сайта занимались годами. Запросы «производство металлочерепицы», «оптовая продажа профлиста» были ценными, терять их не хотелось. При этом важно было создать интернет-магазин, удобный для покупателей.
Чтобы сохранить трафик и не запутать аудиторию, мы решили разделить потоки и создать отдельный интернет-магазин под рынок e-com и не отказываться от старого сайта. В корпоративном каталоге — оставить только ту семантику, которая работает на B2B. Так каталог бы не конкурировал с собственным интернет-магазином. Мы утвердили это решение с клиентом и приступили к работе.
Шаг 2: продумали структуру и разработали дизайн
На старте сосредоточились на архитектуре. Чтобы разработать структуру, взяли во внимание первые уровни каталога старого сайта и базы данных на корпоративном сайте, проанализировали сайты конкурентов, данные из 1C заказчика и SEO-запросы. В итоге получили структуру сайта, которая учитывает в том числе и популярность товаров: например, самые ходовые запросы — это «кровля» и «фасад». Товарные группы, которые клиент не успел подготовить для интеграции до запуска, мы закрыли, но анонсировали их.
Далее приступили к разработке дизайна. За основу взяли готовое решение Аспро Максимум. Частично использовали готовый дизайн для типовых блоков, а примерно 50% наиболее важных блоков кастомизировали или внедрили уникальный дизайн
На главной странице интернет-магазина клиент может самостоятельно
размещать и менять баннеры
Отдельно подготовили шаблоны баннеров и написали инструкции для сотрудников клиента: теперь они сами могут собирать баннеры в Figma под акции и быстро загружать их на сайт.
Шаг 3: выстроили структуру базы данных в 1С и провели интеграцию
Самый удобный и быстрый способ заполнить каталог интернет-магазина — перенести данные из 1С. Но у клиента была база из нескольких десятков тысяч товаров без изображений, атрибутов, описания и деления по категориям. Мы не могли просто подключить 1С и выгрузить данные в интернет-магазин — требовалось навести порядок и сделать отображение товаров корректным.
Чтобы реализовать это, проработали структуру, составили рекомендации по наполнению каталога. В процессе много общались со специалистами «Металлопрофиля» и объясняли, какие данные дополнить, чтобы товары корректно отображались и обновлялись в каталоге интернет-магазина.
У товара может быть больше десятка характеристик. Важно, чтобы все они были заполнены.
Всего в каталоге более 30 тысяч товаров. Многие данные в карточки приходилось добавлять вручную. Создавали новые фото. Команда на стороне клиента проделала огромную работу, чтобы все товары в интернет-магазине отображались корректно.
Результат: новую информацию из базы данных не только легко переносить на сайт, но и просто искать, редактировать, настраивать.
Когда все данные были подготовлены, мы приступили к другой задаче — интегрировать базу данных 1С в новый интернет-магазин. Внутренние специалисты клиента не специализировались на интеграции с сайтами. Мы предложили обратиться к проверенным подрядчикам, которые умеют выполнять такие задачи и проконтролировали выполнение работ.
Подрядчики настроили передачу данных со стороны 1C, а мы — со стороны сайта. Теперь любая заявка с сайта теперь автоматически попадает в 1С: сотрудники сразу забирают ее в работу, покупатели — видят актуальный статус заказа, а работа в целом стала удобнее: все статусы и данные о товарах обновляются сами.
Шаг 4: настроили готовое решение Аспро Максимум
Для сборки интернет-магазина выбрали готовое решение Аспро — гибкую и проверенную платформу, которую можно адаптировать под любые задачи компании. Все, что необходимо для клиента — доработали с нуля.
Сделали фильтры в каталоге Теперь найти товар по заданным параметрам можно за пару кликов. А еще добавили конфигуратор в товарную карточку — с ним легко подобрать нужный размер.
Пользователь может выбрать листы металлочерепицы разных размеров.
Также пользователь может указать, какие товары ему нужны и сразу добавить их в корзину. Это сложный функционал, который невозможно реализовать без интеграции с 1С. Он реализован прямо в рамках карточки товара.
Внедрили расчет скидок и наценок. У «Металлопрофиля» есть система лояльности для постоянных клиентов и скидки, а также наценка, например, при заказе менее 50 кв. метров покрытия. В админке сайта реализован алгоритм наценки и скидок. Мы подготовили инструкцию, которая позволяет редактировать сайт без помощи разработчиков. Менеджеру также не нужно подключаться к процессу на этапе покупки, а клиент сразу видит итоговую цену.
Клиент сразу видит размер скидки или наценки в своем заказе.
Создали личный кабинет пользователя, переработали корзину и оформление заказа. Мы настроили личный кабинет, в котором пользователь будет видеть статус заказа. Также изменили отображение корзины. Например, добавили информацию о наценке и внедрили группировку товаров по типу.
Составили инструкции для заказчика. Отобразили, как работать с админкой сайта: редактировать контент, менять условия скидок, наполнять информационные страницы, просматривать данные пользователя и заказы. Также прописали, в каком формате добавлять контент, баннеры и видео. Это позволило сотрудникам самостоятельно менять контент на сайте, не прибегая к помощи разработчиков.
Шаг 5: объединили сайты под единым доменом
Последний этап — технический: предстояло запустить интернет-магазин. Мы решили реализовать это, перенеся новый ресурс в подпапку основного сайта: . Это решение было логичным, так новый магазин бы «цеплялся» к старому домену, который уже хорошо индексировался поисковиками. А значит — новый ресурс уже на старте получал бы больше трафика из Google и «Яндекса».
Ссылка на интернет-магазин находится в шапке корпоративного сайта — даже если
на корпоративный сайт попал обычный клиент, он быстро найдет нужный раздел.
Добавить новый ресурс к существующему сайту — трудоемкая задача. Чтобы выпустить этот релиз пришлось скопировать старый сайт на наш тестовый сервер, интегрировать его с новым интернет-магазином, а затем полностью перезалить корпоративный сайт с уже встроенным магазином внутри. Это рисковая процедура — ошибки могли привести к сбоям на основном сайте, а значит — и к потере трафика и продаж для клиента. Но все прошло гладко.
Мы подготовили SEO-оптимизированные описания для коммерческих разделов, написали статьи для блога. А еще — поменяли страницы на корпоративном сайте так, чтобы они подходили под бизнес-запросы и настроили редиректы со страниц, которые оказались неактуальны для B2B-сферы. Это помогло не только сохранять индексацию корпоративного сайта в поисковых системах, но и продолжать увеличивать трафик.
Результат: готовый интернет-магазин с удобными настройками без потери трафика
После запуска интернет-магазина покупатели оплачивают заказ прямо на сайте, не дожидаясь звонка менеджера.
Ключевым шагом стало разделение потоков аудитории.
Для бизнеса — оставлены инструменты B2B: например, возможность заказа через менеджера, разделы для дилеров, информация о производстве. Это помогло сохранить трафик на корпоративный сайт.
Для частных лиц и мелкого опта — внедрили интернет-магазин с интуитивно понятным поиском и оформлением заказов через корзину. Это устранило «трение» в покупке, сделав процесс прозрачным, как в любом современном ретейле. С технической стороны сайт уже готов к работе как полноценный интернет-магазин. Однако клиенту требуется время, чтобы адаптировать внутренние процессы под новую систему, поэтому пока собранные корзины обрабатывают менеджеры, а оплата происходит по специальной ссылке или через счет.
Также мы позаботились об удобстве клиента — написали подробные рекомендации по всем этапам работы с админкой — от настройки параметров до публикаций статей в блоге. Теперь сотрудники «Металлопрофиля» могут управлять сайтом без нашей помощи. Но мы все равно остаемся на связи с клиентом — помогаем решать технические проблемы и отвечаем на вопросы.
Стандартная форма заявки на консультацию