Обновление сайта для поставщика кабельно-проводниковой продукции «ЭЛМА»
Анна Андреева
Менеджер it-проектов CoffeeStudio
29.06.2026
Исходные данные
ООО «ЭЛМА» — поставщик кабельно-проводниковой продукции с 25-летней историей. Компания работает на Северо-Западе и в южной части Центральной России.
В ассортименте — медные и алюминиевые эмальпровода, обмоточные провода с различными видами изоляции, провода для погружных электродвигателей, а также установочные и монтажные провода.
Наше сотрудничество с компанией длится много лет: первый сайт для «ЭЛМА» мы разработали еще в 2010 году, а затем занимались его технической поддержкой.
Задача
Перед нами стояла задача выполнить обновление сайта поставщика кабелей и проводов: заменить морально устаревший ресурс современным, удобным и адаптивным решением.
Старый сайт не был рассчитан на комфортную работу с мобильных устройств и планшетов. При этом важно было не просто сделать редизайн, а сохранить привычную для постоянных клиентов логику работы с каталогом и оформления заявок. Для новых покупателей нужно было создать более понятный сценарий выбора продукции и отправки запроса.
Особенности проекта
Каталог на старом сайте был представлен в виде таблицы. Для этой ниши такой формат оправдан: при выборе кабельно-проводниковой продукции ключевую роль играют не фотографии, а точные технические характеристики.
Поэтому важно было сохранить привычный табличный формат, но при этом добавить более современный и удобный вариант просмотра товаров.
Что мы сделали, чтобы добиться результата?
Несмотря на то что старый и новый сайты были реализованы на разных технологиях, мы без проблем перенесли базу данных каталога на новую платформу.
Для каталога мы разработали два варианта отображения:
- карточки товаров;
- таблицу с возможностью быстрого сравнения позиций.
Пользователь может переключаться между этими режимами. Постоянные клиенты получили привычный табличный формат, а новые посетители по умолчанию видят более современную карточную подачу каталога.
В обоих вариантах акцент сделан на характеристиках продукции: материале сердечника, типе изоляции, сечении и других важных параметрах. На уровне списка товаров фотографии не перегружают интерфейс и не отвлекают от выбора.
В карточке товара изображение уже присутствует. Оно помогает визуально сориентироваться и дополнительно подтвердить, что пользователь рассматривает нужную позицию.
Также внутри карточки мы разместили форму заявки. Для этой сферы это оптимальный сценарий: онлайн-заказ здесь чаще всего становится первым этапом общения, после которого менеджер уточняет характеристики, помогает подобрать нужную позицию и согласовывает детали поставки.
Дизайн
В новом дизайне мы сохранили узнаваемые элементы фирменного стиля компании: логотип и зелёный фирменный цвет. При этом сам оттенок зеленого сделали более чистым и современным.
По сравнению со старой версией сайт стал визуально мягче и удобнее. В интерфейсе появились плавные скругления, которые сделали оформление более цельным и аккуратным. Дополнительно мы использовали иконки и фоновые изображения, чтобы обновить визуальную подачу без перегрузки страницы.
Сложности и решение
Одна из основных сложностей заключалась в том, что у клиента не было фотографий продукции, а организовывать отдельную фотосъёмку не планировалось.
Чтобы решить эту задачу, мы уточнили технические параметры товаров и сгенерировали комплект изображений с помощью нейросетей. Это позволило оформить карточки товаров и сделать каталог более наглядным без дополнительных затрат со стороны заказчика.
Какой результат смогли достичь?
В результате получился современный сайт поставщика кабельно-проводниковой продукции с удобным каталогом, адаптивным дизайном и понятным сценарием отправки заявок.
Пользователи быстро находят нужные товары, видят основные характеристики и могут сразу оставить запрос. Постоянные клиенты сохранили привычную механику работы с каталогом, а новые посетители получили более понятный и современный интерфейс.
Итог
В рамках проекта мы решили сразу несколько задач:
- выполнили редизайн сайта и сделали его адаптивным;
- перенесли каталог на новую платформу;
- сохранили привычную бизнес-логику для постоянных клиентов;
- улучшили подачу каталога для новых пользователей;
- подготовили изображения товаров с помощью нейросетей.
Проект показал, что даже в узкой B2B-нише можно создать современный сайт, который одновременно учитывает специфику продукции, привычки текущих клиентов и требования к удобству для новых покупателей.
