Мы разработали B2B-каталог светодиодных решений для поставщика Nanosvet. Сайт рассчитан на оптовых покупателей: инженеров, снабженцев и подрядчиков, которые подбирают освещение по техническим параметрам. Мы собрали каталог с умными фильтрами, удобной навигацией по большому ассортименту и простой формой заказа под B2B-сценарий. Стек — WordPress, PHP, ACF Pro и Custom Post Types; проект выполнен командой полного цикла за 2 месяца в партнёрстве с брендом Nanosvet.

Поставщик светодиодных решений работает не с розничным покупателем, а с профессиональной аудиторией: проектировщиками, электромонтажными компаниями, снабженцами и подрядчиками. Такой клиент выбирает освещение не по картинке, а по характеристикам — мощности, световому потоку, цветовой температуре, типу корпуса и области применения. Ассортимент у поставщика широкий, и без удобного каталога человек тонет в десятках похожих позиций.
У B2B-каталога свои правила игры, отличные от обычного интернет-магазина. Оптовик редко покупает в один клик: ему нужно быстро отфильтровать подходящие модели, сравнить их между собой и отправить запрос на партию или коммерческое предложение. Классическая корзина здесь мешает — гораздо естественнее оформить заявку через форму заказа, где менеджер поставщика видит контекст запроса и договаривается об условиях.
Наша задача была собрать сайт, который снимает эти трения: даёт умные фильтры для точного подбора, понятную структуру навигации по большому ассортименту и простую форму заказа под оптовый сценарий. Каталог должен читаться и с монитора инженера, и со смартфона снабженца на объекте, а сам поставщик — легко пополнять и править позиции без разработчика.
Профессиональный покупатель ищет светильник не по названию, а по набору параметров. Без умных фильтров он вынужден вручную перебирать десятки похожих карточек, теряет время и уходит к поставщику с более удобным каталогом.
В B2B сделка идёт через запрос и согласование, а не мгновенную покупку. Стандартная корзина не отражает этот сценарий: нужна форма заказа, которая передаёт менеджеру состав запроса и контакты клиента для дальнейших переговоров.
Широкий каталог светодиодной продукции легко превращается в лабиринт. Без продуманной структуры разделов и категорий покупатель не находит нужную группу товаров, а поставщик теряет заявки на позиции, о существовании которых клиент просто не узнал.
Сердце сайта — каталог светодиодных решений с фильтрацией по техническим параметрам: категория, мощность, тип светильника, область применения и другие характеристики продукции. Фильтры работают в связке: покупатель отсекает лишнее и за несколько кликов сужает выборку до подходящих моделей. Это превращает большой ассортимент в удобный инструмент подбора, а не в бесконечный список позиций.
Каждая позиция каталога — это карточка с фотографиями, полным набором технических характеристик и описанием области применения светильника. Структура карточки единая для всего ассортимента, поэтому покупатель быстро находит нужную строку в спецификации и сравнивает модели между собой. Карточки реализованы на Custom Post Types и ACF Pro — поля характеристик заданы явно и заполняются по шаблону.
Вместо розничной корзины — форма заказа под оптовый сценарий. Покупатель оставляет запрос на интересующие позиции с контактами и комментарием, а менеджер Nanosvet получает заявку с контекстом и связывается для согласования объёма, цены и условий поставки. Такой путь соответствует реальной логике B2B-сделки, где важнее переговоры и коммерческое предложение, чем мгновенная оплата.
Ассортимент разложен по логичным категориям и группам товаров, чтобы покупатель ориентировался в широком каталоге без подсказок. Навигация ведёт от общего раздела к конкретной группе и карточке, а фильтры дополняют её точечным подбором. Продуманная структура снижает число кликов до нужной позиции и помогает не терять из виду товары, о которых клиент мог не знать.
Каталог одинаково удобен на большом мониторе проектировщика и на смартфоне снабженца, который проверяет позицию прямо на объекте. Фильтры, карточки товаров и форма заказа перестраиваются под ширину экрана без потери функциональности: на мобильном устройстве панель фильтров сворачивается, а таблицы характеристик остаются читаемыми. Мобильный пользователь получает тот же сценарий подбора, что и на десктопе.
Поставщик пополняет и правит каталог сам, без обращения к разработчику. На ACF Pro мы настроили структурированные поля для характеристик светильников, поэтому добавление новой позиции сводится к заполнению понятного шаблона в админке WordPress. Данные хранятся единообразно, из-за чего фильтры и карточки остаются согласованными, а сам каталог легко растёт вместе с ассортиментом бренда.
Помимо каталога, сайт представляет самого поставщика: раздел о компании Nanosvet, направления работы и контакты для оптовых обращений. Для B2B-аудитории это часть доверия — покупатель видит, с кем имеет дело, до отправки заявки. Информационные блоки поддерживают ту же аккуратную вёрстку, что и каталог, и работают связкой с формой заказа как единый путь к сделке.
Основа сайта. WordPress дал зрелую CMS с удобной админкой, чтобы поставщик пополнял и правил каталог самостоятельно. Экосистема плагинов и тем ускорила сборку типового для каталога функционала, а знакомый интерфейс управления снял порог входа для сотрудников бренда. Для B2B-каталога с регулярным обновлением ассортимента это практичный и предсказуемый в поддержке фундамент.
Язык платформы WordPress, на котором держится вся серверная логика сайта. На PHP реализованы вывод карточек, обработка формы заказа и связка данных каталога с фильтрами. Язык позволил аккуратно расширить стандартное поведение CMS под B2B-сценарий, не ломая её архитектуру, и сохранить сайт понятным для дальнейшей поддержки в привычной для WordPress среде.
Инструмент для структурированных данных каталога. Advanced Custom Fields Pro позволил задать для каждого светильника явный набор полей характеристик — мощность, тип, применение и другие параметры. Единообразная структура данных лежит в основе умных фильтров и одинаковых карточек, а редактор бренда заполняет позиции по понятному шаблону в админке, без вмешательства в код.
Каркас каталога как отдельной сущности. Мы вынесли продукцию в собственный тип записей WordPress, отделив её от страниц и постов. Это дало каталогу свою логику вывода, свои таксономии для категорий и чистую основу под фильтрацию. Продукция управляется как самостоятельный раздел, а структура сайта остаётся прозрачной и легко масштабируется вместе с ростом ассортимента.
Интерактивная часть каталога. На JavaScript реализована живая работа умных фильтров, отзывчивое поведение форм и удобство навигации без лишних перезагрузок страницы. Пользователь меняет параметры подбора и сразу видит результат, а форма заказа реагирует на ввод понятно и предсказуемо. Это делает подбор освещения на большом каталоге быстрым и комфортным для профессионального покупателя.
Погрузились в специфику светодиодной продукции вместе с брендом: какие параметры важны покупателю, как группируется ассортимент, по каким характеристикам логично фильтровать. От этого разбора зависела вся модель данных каталога, поэтому этап определил структуру полей и категорий на весь проект.
Спроектировали продукцию как отдельный тип записей на Custom Post Types и описали поля характеристик через ACF Pro. Заложили таксономии под категории и связали структуру данных с будущими фильтрами. На этом каркасе каталог получил единообразие, без которого умный подбор и согласованные карточки были бы невозможны.
Собрали витрину каталога, карточки товаров и умные фильтры на связке PHP и JavaScript. Настроили совместную работу параметров подбора, чтобы выборка сужалась логично и без перезагрузок. Параллельно вывели структуру разделов, по которой покупатель ориентируется в широком ассортименте от общей категории к конкретной позиции.
Реализовали форму заказа под оптовый сценарий вместо розничной корзины. Проработали её путь: покупатель выбирает интересующие позиции и оставляет запрос с контактами, а менеджер бренда получает заявку с контекстом. Форму связали с каталогом так, чтобы отправка запроса ощущалась естественным продолжением подбора.
Довели вёрстку до аккуратной работы на десктопе, планшете и смартфоне: свернули панель фильтров на мобильном, сохранили читаемость таблиц характеристик. Прошли каталог сценариями реального покупателя, проверили фильтры, карточки и форму заказа на разных устройствах и убрали шероховатости перед передачей сайта бренду.
Наполнили каталог позициями по подготовленному шаблону и передали бренду админку с понятным процессом добавления товаров. Показали, как заводить новые светильники, править характеристики и обрабатывать заявки с формы. К концу второго месяца сайт был готов к работе с оптовой аудиторией Nanosvet.
Nanosvet получил B2B-каталог, заточенный под свою аудиторию: профессиональный покупатель подбирает светодиодные решения умными фильтрами по техническим параметрам, ориентируется в широком ассортименте через продуманную структуру разделов и оформляет запрос простой формой заказа под оптовый сценарий. Каталог одинаково удобен и на мониторе проектировщика, и на смартфоне снабженца на объекте — путь от поиска нужной модели до заявки короткий и понятный.
Технически проект собран на предсказуемом в поддержке фундаменте: WordPress с админкой, понятной сотрудникам бренда, продукция как отдельный тип записей на Custom Post Types, структурированные характеристики на ACF Pro и интерактивные фильтры на JavaScript. Поставщик пополняет каталог сам, без разработчика, а единообразие данных держит фильтры и карточки согласованными по мере роста ассортимента. За 2 месяца команда полного цикла превратила разрозненный ассортимент в рабочий инструмент подбора и заказа.
2 месяца
от старта проекта до запуска каталога
B2B
каталог под оптовый сценарий заказа
Умные фильтры
подбор освещения по характеристикам
WordPress + ACF Pro
поставщик правит каталог без разработчика
Кейс реализован в партнёрстве с брендом Nanosvet. Поставщик отвечал за экспертизу по светодиодной продукции, состав ассортимента и характеристики позиций, а мы — за проектирование каталога, умных фильтров и формы заказа, а также за разработку сайта на WordPress. Такое разделение позволило собрать инструмент, который точно ложится на реальные сценарии оптового покупателя.
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.