Goodlock | Dmitry Kapitonov
Проблема

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

Нужен B2B-портал, который закрывает весь рабочий процесс: от просмотра каталога до подготовки выгрузки под конкретную площадку. Спроектировал портал полностью один — от каталога тысяч SKU до конструктора выгрузки.

Главная портала: разделы каталога в меню и в основной секции, быстрый доступ к документации
Главная портала: разделы каталога в меню и на главной — 1 клик до любого раздела
01

Каталог: 6 иконок вместо открытия карточки

В таблице товаров у каждой строки — 6 иконок: рекламные материалы, 3D-чертежи, документация и другие типы файлов. Активная иконка = материал есть, неактивная = нет. При наведении — тултип с названием типа.

Менеджер сканирует таблицу и за секунды понимает что есть у каждого товара — без открытия карточки.

Список товаров: строки с иконками материалов, тултип при наведении
Список товаров: строки с иконками материалов, тултип при наведении
02

Карточка товара и 3D-просмотр

Детальная страница: полная информация о товаре, связанные материалы с выбором формата скачивания. Для товаров с загруженной моделью — интерактивный 3D-просмотр прямо в модальном окне.

Страница товара: полная информация, связанные материалы, выбор формата скачивания
Страница товара: полная информация, связанные материалы, выбор формата скачивания
Интерактивный просмотр 3D-модели прямо в портале
Интерактивный просмотр 3D-модели прямо в портале
03

Документация: мультиселект и архив

В разделе документации — чекбоксы на каждой строке. Выбрал несколько файлов — внизу появляется плавающая панель с информацией о выборе и кнопкой скачивания архивом. Не по одному файлу, как было раньше.

Мультиселект документов: выбрал несколько — скачал архивом через плавающую панель
Мультиселект документов: выбрал несколько — скачал архивом через плавающую панель
04

Выгрузка: конструктор под задачу

Самый сложный сценарий портала. Менеджер настраивает выгрузку под конкретную задачу: разделы каталога и бренды, список артикулов построчно, формат и размер изображений, итоговый формат документа, конвертация артикулов (например под Яндекс Маркет).

По кнопке задание встаёт в очередь — уведомление на email. Пользователь не ждёт у экрана пока формируется большой архив.

Конструктор выгрузки: разделы, бренды, артикулы, форматы, конвертация под маркетплейс
Конструктор выгрузки: разделы, бренды, артикулы, форматы, конвертация под маркетплейс
05

Технические страницы

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

Для каждого сценария работы с порталом задокументировано полное описание — 40+ пользовательских сценариев, от просмотра каталога до конструктора выгрузки.

Технические страницы портала: типографика, цвета, компоненты
Технические страницы портала: типографика, цвета, компоненты
Результат

Сбор выгрузки под конкретный маркетплейс (артикулы, форматы, конвертация) — с 30–60 минут ручной работы менеджера до нескольких минут настройки в конструкторе.

Раньше материалы по товару или группе товаров скачивались строго по одному файлу — теперь достаточно отфильтровать нужные и скачать всё разом архивом.