8 (800) 101-36-60

Как мы создали интернет-магазин товаров электроснабжения

И почему владелец больше не тратит 3 часа на объяснение клиентам, где найти нужное оборудование.

Содержание

Описание проекта

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

Задача

Мы разработали интернет-магазин для компании по электроснабжению, который преобразовал их каталог в успешный поток заказов

Проблема

    Большой ассортимент продукции. Более 56 тысяч позиций электротехнического оборудования и свыше 30 категорий товаров.​ Собственные производственные площадки, крупные заказчики, много лет на рынке и сильная репутация в отрасли. Клиенту трудно было самостоятельно разобраться в товарах и услугах. Номенклатура сложная, фильтров и понятной структуры не хватало. Менеджеры много времени тратили на объяснения по телефону и обработку запросов, которые можно было бы закрывать через нормальный интерфейс сайта. Бизнес жил в 1С, а сайт существовал отдельно. Цены, остатки и номенклатура не синхронизировались автоматически.

Задача

    Создать современный интернет магазин с каталогом, в котором удобно искать, сравнивать и заказывать оборудование. Показать Atlas не только как магазин электрики, но как подрядчика, который закрывает полный цикл от проектирования до запуска объекта. Синхронизировать сайт с 1С и CMS Bitrix, чтобы товары, цены и остатки .Снизить нагрузку на менеджеров и дать клиентам возможность оформлять часть заказов полностью онлайн.

Изображение
Этап 1. Стратегия и прототип

На данном этапе были установлены основные точки входа и логика взаимодействия с сайтом.

Что сделали по шагам
  • Определили УТП: комплексный инжиниринг электросетей по всей России, прямые поставки и большой каталог оборудования.​

  • Спроектировали продающий прототип сайта до 17 страниц: главная, о компании, услуги, каталог, страницы услуг (проектирование, подстанции, щиты), примеры работ, контакты и так далее

  • Продумали структуру каталога так, чтобы человек мог двигаться от крупных разделов к нужному виду товара без перегрузки: 1. Кабельно проводниковая продукция 2. Светотехника, низковольтное оборудование 3. Корпуса и щиты 4. Электроустановочные изделия 5. Системы безопасности и другие категории

Результат этапа: Понятная карта сайта. Каждый экран отвечает на конкретный вопрос: кто вы, чем вы занимаетесь, что я могу у вас заказать, как это сделать.

Изображение
Этап 2. Дизайн

Дизайн: единый визуальный язык

Основные решения:
  • Спокойный, технологичный стиль без визуального шума, чтобы не уставали глаза при работе с технической информацией и большим каталогом.

  • Акцент на трех блоках на главной: ключевое обещание компании, основные услуги и переход в каталог.

  • Четкая навигация: меню «Услуги», «Каталог», «Работы», «О нас», «Контакты», видимая строка поиска и понятные кнопки «Получить консультацию» или «Заказать проект».

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

  2. Визуально разделили каталог оборудования и блоки, связанные с проектированием и производством, чтобы было понятно, где товары, а где услуги

Результат этапа: у компании появился визуально цельный, современный интерфейс, который укрепляет доверие к бренду и не мешает работать с большим объемом данных

Этап 3. Верстка и интеграция с CMS

После завершения дизайна было составлено техническое задание для разработчиков

После утверждения дизайна занялись версткой:
  1. Сделали адаптивную и кроссбраузерную HTML верстку всех страниц с учетом будущей интеграции в CMS заказа.

  2. Подготовили шаблоны для каталога, карточек товаров, форм заявок, страниц услуг и раздела проектов.

  3. Затем сверстанные страницы подключили к CMS Bitrix, которая стала основой админ панели сайта.​

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

Этап 4. Программирование и синхронизация с 1С

Осуществили программирование и синхронизацию с 1С, проверив работу всех форм и фильтров

Это ключевой технический блок проекта:
  1. Настроили синхронизацию сайта с CMS Bitrix и учетной системой клиента

  2. Организовали автоматическую выгрузку номенклатуры, цен и остатков товара из 1С в каталог интернет магазина

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

Изображение
Этап 5. Контент и запуск рекламы

Провели комплексное тестирование сайта

После технической настройки занялись наполнением:
  • Заполнили сайт текстами и структурированным контентом: услуги, описания, преимущества, SEO блоки, примеры работ

Параллельно подготовили трафик:
  • Настроили рекламные кампании в Яндекс Директ по направлениям: проектирование электроснабжения, проектирование освещения, производство подстанций, производство электрических щитов

  • Собрали до 500 ключевых фраз, настроили поиск, РСЯ и ретаргетинг, прописали минус слова и креативы под мобильный и десктоп

Результат этапа: после запуска сайт сразу начал получать целевой трафик по профильным запросам, а не просто «висеть» в интернете.

Изображение
Итоги проекта

Что в итоге получил Atlas

Новый сайт вместо «визитки»:
  • Структурированный интернет магазин с разделом услуг, проектов и понятной главной страницей, который показывает Atlas как комплексного партнера по электроинжинирингу.

Рабочий каталог вместо хаоса:
  • Каталог с 30+ категориями, карточками товаров, фильтрами и поиском. Ассортимент более 56 тысяч позиций стал доступен клиенту через удобную структуру.

Интеграция вместо ручного труда:
  • Автоматическая синхронизация: товары, цены и остатки из 1С попадают на сайт, а заказы с сайта уходят обратно в систему клиента.

Система вместо разрозненных решений:
  • Полный цикл проекта: стратегия, прототип, дизайн, верстка, программирование, интеграция, наполнение, реклама. Все звенья работают вместе и поддерживают основной процесс — продажи оборудования и услуг.

Изображение

подобрали для вас

Больше кейсов
Масштабирование процесса
Готовы
масштабировать
ваш бизнес?

Расскажите нам о своей задаче и мы свяжемся с вами в течение двух часов

обсудить проект 🔥