Веб-кабинетМобильная версияЛоготипЗапущен, работает

Demping Pro
кабинет бота для автодемпинга на Kaspi

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

Срок18 дней · 4–22 февраля 2025
РольВсё с нуля: лого, UX, UI
Объём24 десктопных + 13 мобильных экранов
КлиентDemping Pro, заказ напрямую
Управление товарами
Мобильная версия
01 — Контекст

Кто пользуется и почему это сложно

Заказчик пришёл с OLX с готовым ботом и без интерфейса. Нужен был кабинет, в котором селлер подключает магазин, настраивает правила демпинга и следит за результатом.

Пользователь — владелец магазина на Kaspi, 30–40+ лет, часто без технического бэкграунда. У него сотни товаров, у каждого своя минимальная цена, шаг снижения и список конкурентов.

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

Что было самым сложным: найти визуальную «золотую середину» — достаточно плотно, чтобы видеть много данных, и достаточно воздушно, чтобы не ошибаться. И адаптировать таблицы под мобильную версию без потери функций.

02 — Решения

Семь решений, которые сделали кабинет понятным

  1. 1
    Кнопка магазина меняется по статусу«Запустить бота», «Остановить», «Оплатить тариф» — одно место, одно действие, никаких лишних вкладок.
  2. 2
    Минимальная цена и шаг правятся прямо в строкеКлик по карандашу открывает поля в той же строке — не нужно уходить в карточку товара.
  3. 3
    Раскрывающаяся строка с конкурентамиПод товаром видно, кто и по какой цене стоит выше, — и сразу понятно, почему бот снизил цену.
  4. 4
    «Снять с продажи» — красным и отдельноОпасное действие вынесено из общего меню, чтобы его нельзя было нажать случайно.
  5. 5
    Девять фильтров языком селлера«В продаже», «Не первые», «Нет конкурентов» — так, как люди говорят, а не как устроена база.
  6. 6
    Функции бота объяснены простыми словамиДемпинг по доставке, максимальная цена, «не конкурировать с магазинами» — карточка с одним абзацем и переключателем.
  7. 7
    На телефоне таблица становится карточкамиКаждая строка — карточка с ключевыми цифрами, действия — во всплывающем окне снизу.
03 — Экраны

Десктоп: магазины, товары, конкуренты, бот

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

Вход
Вход — минимум полей, акцент на кнопке
Ваши магазины
Магазины — статус и кнопка меняются по оплате
Управление товарами
Управление товарами — таблица с правкой в строке
Конкуренты
Раскрытая строка с конкурентами и складами
Управление ботом
Функции бота — одна карточка, один переключатель
Статистика
Статистика — доля первых позиций и итоги по дням
Логгер
Логгер — что и когда поменял бот
Тариф
Тариф — промокод и оферта добавлены по фидбэку
04 — Мобильная версия

Таблица на 390 пикселей: карточки вместо колонок

Вход — мобильная
Магазины — мобильная
Товары — мобильная
Конкуренты — мобильная
05 — Итерация по фидбэку

Что заказчик попросил после первой версии

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

1. Согласие с офертой при регистрации.
2. Поле для промокода в тарифе.
3. Состояния фильтров: активный, с выбранным значением, пустой.
4. Раскрытая строка товара с конкурентами по городам.

Всё дорисовал в рамках принятых правок — проект запущен и работает на demping.pro.

06 — Айдентика

Монограмма DP и носители

Логотип — стилизованные буквы D и P в круге. Синий взят как цвет доверия и точности; на мокапах проверил, как знак живёт на иконке приложения, мерче и фасаде.

Монограмма
Иконка приложения
Вывеска на фасаде
07 — Что проверил бы дальше

Гипотезы для следующей версии

  • Массовое редактированиеВыделить 50 товаров и задать шаг одним действием — сейчас правка только построчно.
  • Подсказки при первом входеКороткий онбординг на три шага: подключить магазин → задать минимальные цены → запустить бота.
  • Уведомления о «потолке»Когда бот упёрся в минимальную цену и всё равно не первый — показывать это в списке, а не только в логгере.

Обсудим ваш проект?

Начните со структуры и аудита — это бесплатно
и ни к чему не обязывает