Проект

NMC

Табличный вид вместо сетки: оптовые закупки без лишнего скролла и когнитивной нагрузки

Как мы спроектировали B2B‑интерфейс с табличным видом каталога и разработали систему «умной сверки» данных, сэкономив сотни часов ручного труда и обеспечив быстрый поиск среди десятков тысяч товаров

О проекте:

Полный цикл создания B2B‑платформы NMCMarket.ru для оптовой торговли: UX/UI-дизайн с фокусом на скорость закупок (табличный вид каталога, фильтры по техническим параметрам, мобильная адаптация) и IT‑разработка на 1С‑Битрикс, PHP, Python, MySQL с системой парсинга и алгоритмом «умной сверки» для конвертации разнородных прайс‑листов в единый стандартизированный каталог, а также техническое SEO и оптимизация производительности.

Результат:

Табличный вид каталога ускоряет сборку оптовых заказов, снижает когнитивную нагрузку и скрывает дефицит качественных фотографий. Система парсинга и алгоритм «умной сверки» автоматически обрабатывают прайс‑листы от множества поставщиков, экономя сотни часов ручного труда в месяц. Каталог на десятки тысяч товаров работает без зависаний при пиковых нагрузках. Внедрены ЧПУ и микроразметка Schema.org для вывода цен в поисковой выдаче.

Кейс 1: UI/UX дизайн
Кейс 1. UI/UX: исследование сценариев и многоуровневый каталогПроведён анализ пользовательских сценариев оптовых закупщиков: выявлен приоритет скорости заказа над визуальной подачей. Спроектирована структура многоуровневого каталога с фильтрами по техническим параметрам (бренд, артикул, наличие), позволяющая быстро сужать выборку среди десятков тысяч товаров. Разработана логика навигации, минимизирующая количество кликов до целевого товара. Акцент смещён на значимые для B2B‑сегмента данные: цену, артикул, характеристики и наличие на складе — это позволяет закупщикам оперативно сравнивать позиции и принимать решения.
Кейс 1: UI/UX — табличный вид и мобильная адаптация
Табличный вид и мобильная адаптация: фокус на данныхРеализовано отображение товаров «Списком» по умолчанию вместо классической сетки с фотографиями. Это скрывает дефицит качественных фото (интерфейс не содержит пустых заглушек) и выглядит опрятно. Визуальный акцент смещён с изображений на критически важные для оптовиков данные: цена, артикул, характеристики, наличие. Табличный вид позволяет собирать объёмные заказы без лишнего скролла, снижая когнитивную нагрузку. Адаптирован для мобильных устройств: сенсорно‑удобные строки, горизонтальный скролл при необходимости, ключевые данные вынесены в первые колонки.
Кейс 2: IT разработка
Кейс 2. IT разработка: база данных, парсинг и алгоритм «умной сверки»Спроектирована база данных (MySQL) для хранения и быстрого поиска десятков тысяч товаров с множеством характеристик, оптимизирована структура таблиц и индексов. Разработана система парсинга и импорта (PHP/Python) для обработки разнородных прайс‑листов. Внедрён алгоритм «умной сверки»: скрипт распознаёт хаотичные форматы (Excel, CSV, XML), сопоставляет артикулы, удаляет дубликаты и объединяет позиции в единую карточку товара. Это автоматически конвертирует сырые данные от множества поставщиков в стандартизированный каталог, экономя сотни часов ручного труда в месяц.
Кейс 2: IT разработка — техническое SEO и оптимизация
Техническое SEO, производительность и масштабированиеНастроена автоматическая генерация ЧПУ‑ссылок для оптовых категорий и товаров, что улучшает индексацию и навигацию. Добавлена микроразметка Schema.org для отображения цен и наличия прямо в поисковой выдаче — это повышает CTR. Проведена техническая оптимизация: кэширование тяжелых страниц каталога, оптимизация SQL‑запросов, сжатие изображений. Каталог работает без зависаний при пиковых нагрузках и пакетной загрузке новых прайс‑листов. Архитектура спроектирована для масштабирования: добавление новых поставщиков и категорий не требует перестройки системы.

Результат: отказоустойчивая B2B‑платформа, а не просто витрина

Проект NMCMarket.ru объединил UX/UI и IT‑разработку в готовую B2B‑платформу, ориентированную на скорость и точность оптовых закупок. Табличный вид каталога и мобильная адаптация ускоряют работу закупщиков, снижая когнитивную нагрузку и скрывая дефицит фотографий. Система парсинга и алгоритм «умной сверки» автоматически обрабатывают прайс‑листы от десятков поставщиков, экономя сотни часов ручного труда. Техническое SEO и оптимизация производительности обеспечивают высокую видимость в поиске и стабильную работу при пиковых нагрузках. Архитектура готова к масштабированию под новые категории и поставщиков, превращая проект в долгосрочную платформу для оптового бизнеса.
Обширные компетенции

Кейсы проекта

Посмотрите кейсы, реализованные в рамках этого проекта.

Дизайн
Кейс 1. UI/UX: исследование сценариев и многоуровневый каталогКейс 1: UI/UX дизайн · Кейс 1: UI/UX — табличный вид и мобильная адаптация
Кейс 2. IT разработка: база данных, парсинг и алгоритм «умной сверки»Кейс 2: IT разработка

Оставьте заявку и получите дорожную карту разработки вашего продукта

Получите скидку 50% на SEO аудит

Выберите удобный вариант связи для вас