gornweb
← Все кейсы
КЕЙС 04Интернет-магазин · Каталог совместимости

Интернет-магазин запчастей для DJ-оборудования

Задача

Магазин с 2014 года продаёт запчасти для DJ- и студийного оборудования — фейдеры, регуляторы темпа, траверсы, провода и другие детали для Pioneer DJ, Technics, Allen & Heath, Denon DJ и других брендов. Главная сложность такого магазина — совместимость: одна деталь часто подходит сразу к нескольким аппаратам, а покупатель обычно знает модель своего пульта, а не номер детали. Каталог клиента лежал в Excel-таблице почти на 1 500 строк, и обычный список товаров для такой модели не подходил: нужен был каталог вокруг совместимости, перенос данных без ручного ввода и возможность для клиента самому вести товары, цены и остатки.

Что сделал

Каталог с подбором по цепочке «бренд → модель → совместимые детали», варианты одной детали (оригинал, реплика, б/у) со своей ценой и остатком, скрипты переноса каталога из Excel с объединением дублей и поиском фото по артикулу, отдельные SEO-страницы под каждый бренд, модель и деталь, корзина с проверкой остатков и админка на Strapi для самостоятельного ведения товаров.

Результат

1 411 запчастей в каталоге, из них больше 1 000 с фотографиями; 1 576 моделей оборудования 19 брендов; 6 224 связи «деталь — модель» в базе совместимости; около 3 000 страниц брендов, моделей и товаров с собственными заголовками для поисковиков. Полное обновление каталога из Excel занимает около 25 минут и обходится без ручного ввода.

  • Подбор деталей по модели техники
  • Импорт каталога из Excel с поиском ошибок
  • ~3 000 SEO-страниц автоматически
Срок
от 3 месяцев
Стоимость
от 320 000 ₽
fadermarket.ru — поиск по модели
варианты детали: оригинал / реплика
форма обратной связи
Как устроено

Подбор по своей технике

Покупателю не нужно знать номер детали — достаточно знать модель своего пульта.

Покупатель идёт по цепочке «бренд → модель → совместимые детали». Он видит только запчасти для своего аппарата, а не тысячи позиций для чужой техники. Детали модели можно отфильтровать по категориям.

Несколько вариантов одной детали

Одна и та же деталь не дублируется в каталоге на каждую модель — только один раз, с разными вариантами.

Деталь хранится в базе один раз и привязана ко всем подходящим моделям. У неё может быть несколько вариантов: оригинал, реплика, б/у или спецсборка, у каждого своя цена и остаток. Покупатель переключает вариант на карточке, и цена с наличием сразу обновляются.

Перенос каталога из Excel

1 500 строк из Excel превратились в структурированный каталог без ручного ввода — и обновляются той же таблицей.

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

Отдельная страница под каждый запрос

Около 3 000 страниц с собственными заголовками для поисковиков — без ручной SEO-работы по каждой странице.

У каждого бренда, модели и детали своя страница с понятным адресом, например /parts/pioneer-dj/cdj-2000-2. Заголовок собирается автоматически: «Запчасти для [бренд] [модель] — купить». Страницы рендерятся на сервере, поэтому поисковики сразу видят весь контент.

Корзина

Покупатель не оформит заказ на деталь, которой уже нет в наличии.

Корзина сохраняется между визитами. Каждый вариант детали идёт в ней отдельной строкой, а положить больше, чем есть на складе, нельзя.

Управление без программиста

Изменение цены или остатка занимает минуту в админке, а не обращение к разработчику.

Товары, цены, остатки и фото менеджер ведёт сам в админке на Strapi. Фотографии хранятся в облачном S3-хранилище, и сайт подгоняет их размер под экран устройства.

Дизайн и мобильная версия

Артикул на экране легко сверить с маркировкой на самой детали, не переспрашивая менеджера.

Сайт переведён на единую дизайн-систему: фирменный красный, тёплая серая палитра, шрифты Onest и JetBrains Mono. Артикулы и модели набраны моноширинным шрифтом, так их проще сверять с маркировкой на детали. Сайт адаптирован под телефоны, на мобильных есть нижняя панель навигации.

Технологии

Next.js (React, TypeScript), Strapi CMS, PostgreSQL, Tailwind CSS, S3-хранилище Timeweb Cloud, Python и Node.js для импорта данных.