+7 926 853-16-63Обсудить проект ↗

Большой каталог начинается с ясности в одной карточке

Интерфейс управления товарными данными: таблица ассортимента, источники поставщиков и инспектор выбранного товара.

Разработанный интерфейс · разбор решения

TOLO: товарная таблица и инспектор с изображениями выбранной позиции.
TOLO: товарная таблица и инспектор с изображениями выбранной позиции.Материал проекта · нажмите, чтобы рассмотреть в полном размере

За витриной находится другая работа

Товарный каталог — это не только карточки, которые видит покупатель. Внутри него нужно сопоставлять поставщиков, цены, изображения и параметры. Для TOLO мы создали рабочий интерфейс, в котором ассортимент представлен как набор связанных данных. Здесь внимание сосредоточено на информации о товаре и инструментах её проверки.

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

Найти нужное среди множества строк

Над таблицей собраны условия отбора: наличие, собственный склад, поставщик, изображение и связь с другими данными. Отдельно предусмотрены раздел каталога и раздел Avito. Ниже расположены поля поиска по идентификатору, артикулу и названию, а также выбор бренда и цены.

В самой таблице видны складские данные, цена, рекомендованная розничная цена, поставщик, бренд и раздел. Выбранная строка выделена тёплым оттенком. Рядом с заголовком есть экспорт CSV, а текстовая подсказка сообщает о переключении строк стрелками: последовательный просмотр поддержан на уровне интерфейса.

Инспектор вместо потери контекста

Правая часть экрана раскрывает выбранный товар. В заголовке сохраняется его полное название, а ниже расположены вкладки: исходные данные, параметры, описание, картинки, конкуренты, Avito, дубли, просмотр, AI и JSON. Они разделяют разные задачи вокруг одной записи, не вытесняя список товаров.

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

У данных есть происхождение

Навигация TOLO уделяет отдельное место импорту. Здесь видны поставщики через электронную почту и XLSX/URL, источники товаров, статические источники и проверка фотографий. В инспекторе также указан источник выбранной записи. Происхождение информации становится частью рабочего контекста, а не скрытой подробностью.

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

AI внутри общей системы управления

В интерфейсе выделены AI-конфиги и вкладка AI в инспекторе. Они соседствуют с обычными средствами проверки: параметрами, изображениями, описанием и исходными данными. Такое расположение представляет AI-разбор как отдельный инструмент в контексте товара, сохраняя доступ к остальным сторонам записи.

Визуально TOLO сдержан: плотная таблица, компактные поля, спокойная палитра и ясное выделение активной строки. Главный сюжет проекта — переход от большого ассортимента к одной понятной карточке. Пользователь видит товар среди соседних позиций и одновременно может рассмотреть его содержимое, материалы и источник.

Показан созданный интерфейс. Значения на экране иллюстрируют его рабочие сценарии и не являются показателями эффекта внедрения.

Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.

Обсудим вашу задачу?

Написать студии ↗+7 926 853-16-63