Мы работали над созданием современного интернет-магазина для компании CNC SNAB, которая специализируется на поставках профессионального металлорежущего инструмента и абразивных материалов. Компания объединяет группу единомышленников с многолетним опытом в области машиностроения и металлообработки. Клиенту требовалось решение, способное объединить обширный ассортимент инструмента от 200+ производителей, сеть филиалов в разных городах России и обеспечить удобный доступ к продукции как для профессиональных производств, так и для частных мастеров.
Для этого мы выполнили следующие шаги:
Шаг 1: Исследование и планирование
Провели интервью с заказчиком, изучили специфику рынка металлорежущего инструмента и абразивных материалов, проанализировали ассортиментную матрицу и существующие каналы продаж. Определили ключевые потребности целевой аудитории: точный поиск инструмента по техническим параметрам, наглядное отображение характеристик, наличие на складе, быстрая доставка по России и удобная работа с юридическими лицами. Составили детальное техническое задание с описанием структуры каталога, мультирегиональной архитектуры, интеграций с транспортными компаниями и ролевой модели пользователей.
Шаг 2: Установка и настройка готового решения
Развернули и настроили готовое решение на платформе 1С-Битрикс редакции «Бизнес». Адаптировали дизайн под фирменный стиль CNC SNAB с использованием профессиональной цветовой гаммы, характерной для индустриального сектора. Настроили шапку сайта с многоуровневым меню, блоком контактных телефонов, выбором города и кнопкой обратного звонка. Реализовали современный лаконичный интерфейс, подчёркивающий профессиональную направленность магазина.
Шаг 3: Разработка мультирегиональной структуры
Реализовали систему филиалов с возможностью выбора города:
- Казань (головной офис и склад)
- Москва (филиал)
- Санкт-Петербург (филиал)
- Дополнительные города присутствия
Каждый регион имеет:
- Свои контактные телефоны
- Уникальные URL (msk.cncsnab.ru, spb.cncsnab.ru)
- Локализованный контент с упоминанием города
- Единую базу товаров и складских остатков
Это позволило масштабировать бизнес на новые регионы без дублирования контента и упростило SEO-продвижение в каждом городе.
Шаг 4: Разработка структуры каталога
Создали многоуровневый каталог металлорежущего инструмента:
Основные разделы:
1) Абразивные материалы
2) Метчики
3) Мини-резцы твердосплавные
4) Пластины твердосплавные
5) Резцы со сменными пластинами
6) Сверла
7) Фрезы монолитные твердосплавные
8) Фрезы со сменными пластинами
Подразделы с детализацией:
- Пластины для сверл
- Пластины для токарной обработки
- Пластины для фрезерной обработки
- Пластины отрезные и канавочные
- Пластины со вставками PCBN
- Резьбовые пластины
В меню каждого раздела добавили иконки для визуального ориентирования и быстрые ссылки «Перейти в каталог».
Шаг 5: Расширенная система фильтрации
Реализовали детальный фильтр по техническим характеристикам для профессионального подбора инструмента:
Для твердосплавных пластин:
- Форма пластины (C-ромбическая 80°, D-ромбическая 55°, S-квадратная, T-треугольная 60°, V-ромбическая 35°, W-тригональная 80° и др.)
- Размер пластины
- Ø I.C, мм
- Стружколом (AK, BF, BM, BR, GF, GM, GR, MM, SV, TM и др.)
- Вид обработки (получистовая, черновая, чистовая)
- Тип резьбы (Whitworth 55°, Метрическая 60°, Неполный профиль)
- Обрабатываемый материал (K, M, S, N, P, H)
- L, мм / S, мм / W, мм / r, мм
- Тип пластины
- Обозначение пластины (APGT, APMT, CCGT, CCMT, CNMA, CNMG и др.)
- Сплав (HR5120, HR5225, HR6115, HR7125, HR7225, HR8125, HR8225, HS5120, HS5225, HS7225, ZM2125, ZM2225, ZP1225 и др.)
- Шаг резьбы, мм
Функционал фильтра:
- Множественный выбор параметров
- Отображение количества товаров по каждому параметру
- Возможность сброса отдельных фильтров или всех сразу
- Динамическое обновление результатов без перезагрузки страницы
Шаг 6: Два режима отображения каталога
Реализовали переключение между режимами просмотра:
1) Сеточный вывод:
- Карточки товаров с фото
- Краткое описание
- Цена и наличие
- Кнопка «В корзину»
- Кнопка «Быстрый просмотр»
2) Табличный вывод (прайс):
- Компактное отображение большого количества товаров
- Вывод основных характеристик в таблице
- Удобное сравнение параметров
- Быстрое добавление в корзину
Это даёт возможность покупателям выбрать удобный формат работы с каталогом в зависимости от задачи.
Шаг 7: Карточка товара с детальными характеристиками
Разработали информативную карточку товара:
Структура карточки:
- Галерея фотографий товара
- Артикул и название
- Цена с указанием наличия на складе
- Кнопка «В корзину»
- Блок «Рассчитать доставку»
- Вкладки:
· Описание — полное описание товара
· Характеристики — детальные технические параметры
· Отзывы — система отзывов и оценок
· Оплата — способы оплаты
· Доставка — варианты доставки
Характеристики товара (на примере корпусного сверла):
- Диаметр сверла D, мм
- Диаметр хвостовика D1, мм
- Серия сверла
- Охлаждение (внутреннее/внешнее)
- Тип хвостовика (Weldon и др.)
- Глубина сверления (3xD, 5xD и др.)
- Бренд
- L, мм
- Подходящие пластины
- d1, мм
- Lc, мм
Дополнительный функционал:
- Кнопка «В сравнение» для добавления в лист сравнения
- Быстрый просмотр без перехода на страницу
- Блок «Сопутствующие товары» (подходящие пластины, запчасти)
- Информация о том, что цена действительна для интернет-магазина
Шаг 8: Система сравнения товаров
Реализовали функционал сравнения:
- Добавление товаров в список сравнения
- Отображение количества выбранных товаров в шапке
- Страница сравнения с наглядным отображением характеристик
- Возможность удаления товаров из сравнения
- Корректное отображение различий в параметрах
Это особенно важно для профессиональных покупателей, которые подбирают инструмент под конкретные задачи.
Шаг 9: Интеграция доставки и оплаты
Настроили систему доставки:
Варианты доставки:
1) Самовывоз со склада в Казани (ул. Магистральная 86, корпус 6)
- График работы: пн-пт, 08:30-17:30, обед 12:00-13:00
- Требуется доверенность или печать организации
2) Доставка транспортными компаниями:
- «Деловые Линии» (бесплатная доставка до терминала ТК)
- «СДЕК» (бесплатная доставка до терминала ТК)
- Возможность самостоятельной организации доставки другой ТК
Способы оплаты:
- Безналичный расчёт с выставлением счёта для юридических лиц
- Оплата по счёту на email
- Интеграция с 1С для автоматической выгрузки счетов
Шаг 10: Личный кабинет пользователя
Разработали функциональный личный кабинет:
- История заказов
- Статусы заказов
- Скачивание счетов и документов
- Отслеживание доставки
- Сохранённые данные компании
- Быстрое повторное оформление заказа
Шаг 11: B2B-функционал
Адаптировали сайт для работы с юридическими лицами:
- Выставление счетов на оплату
- Работа с НДС
- Корпоративные скидки
- Специальные условия для постоянных клиентов
- Консультации инженеров и технологов
- Техническая поддержка
Шаг 12: Быстрый просмотр и коммуникация
Добавили инструменты для удобной коммуникации:
- Быстрый просмотр товара в модальном окне без перехода на страницу
- Заказать звонок — форма обратного звонка
- Консультация специалиста — помощь в подборе инструмента
- Email для связи: office@cncsnab.ru
- Телефоны: +7 (843) 258-78-08, +7 (960) 048-78-08
Шаг 13: Адаптивная вёрстка и оптимизация
Обеспечили корректное отображение на всех устройствах:
- Десктопные версии (от 1024px до 4K)
- Планшеты (768px-1023px)
- Мобильные устройства (320px-767px)
- Кликабельные телефоны на мобильных
- Адаптивное меню
- Удобная мобильная корзина
- Оптимизация изображений (WebP)
- Ленивая загрузка для ускорения работы каталога
Шаг 14: SEO-оптимизация
Провели комплексную SEO-оптимизацию:
- Уникальные мета-теги (Title, Description, Keywords) для каждой категории и товара
- ЧПУ (человекопонятные URL)
- Заголовки H1-H2
- Alt для изображений
- Sitemap.xml
- Robots.txt
- Микроразметка Schema.org
- Добавление в Яндекс.Вебмастер и Google Search Console
- HTTPS
- Оптимизация скорости загрузки