Концепт студии · 2026

«Маржа»

Сервис для продавцов на маркетплейсах · аналитика прибыли

ЗадачаПродавец на маркетплейсе видит выручку, но не видит, какой товар на самом деле работает в минус.

Ниша: Аналитика прибыли для продавцов Wildberries, Ozon и Яндекс Маркета
Что делали: Позиционирование, тексты, дизайн, демо-кабинет, ИИ-консультант, вёрстка
Формат: Одностраничный сайт, демо без регистрации и тарифы
Стек: Next.js · TypeScript · React · SVG · zod

Главная мысль

Аналитику продают цифрами: панель прибыли стоит прямо на первом экране.

Excel говорит, что вы в плюсе

Продавец смотрит на выручку и радуется. А потом комиссия, логистика, хранение, реклама и возвраты съедают всё, и часть товаров тихо торгует в минус.

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

Главная «Маржи» с живой панелью показателей на первом экране — Панель показателей на главной — не картинка: переключатель периода, график и лента заказов работают.

Главная «Маржи» на телефоне — Панель показателей на главной — не картинка: переключатель периода, график и лента заказов работают.

Графики открываются быстро и с телефона

Демо-кабинет смотрят с телефона между делами, поэтому он должен открываться сразу. Готовая библиотека графиков одна весила больше, чем мы заложили на весь кабинет.

Графики и анимации мы написали сами. Когда таблица пересортировывается, строки плавно переезжают на новые места — видно, какой товар куда сдвинулся.

Таблица товаров · плавная перестановка строкTypeScript

for (const row of body.children) {
  if (!(row instanceof HTMLElement) || !row.dataset.sku) continue;
  const previous = before.get(row.dataset.sku);
  if (previous === undefined) continue;

  const shift = previous - row.getBoundingClientRect().top;
  if (Math.abs(shift) < 1) continue;

  row.animate(
    { transform: [`translateY(${shift}px)`, 'none'] },
    { duration: FLIP_DURATION, easing: FLIP_EASING },
  );
}

балла из 100 за скорость у демо-кабинета: 92

Демо, в котором есть что ломать

Пустой демо-кабинет с тремя товарами ничего не доказывает. У нас вымышленный магазин «Ладный дом»: 40 товаров, 90 дней продаж, три маркетплейса. Среди товаров есть и лидеры, и убыточные — как в жизни.

Если демо-цифры не сходятся, селлер сразу заметит подвох. Поэтому их автоматически проверяют 46 правил: строки отчёта складываются в прибыль, остаток не уходит в минус, повторный запуск даёт те же цифры.

Тот же демо-кабинет «Маржи» в светлой теме — Потяните разделитель: один и тот же кабинет в двух темах, цифры не меняются.

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

Консультант отвечает по цифрам кабинета

Продавцу некогда разбираться в отчётах. Он хочет спросить: «Почему этот товар в минусе?» — и получить ответ со ссылкой на карточку.

Консультант «Спросить Маржу» отвечает по данным кабинета и печатает ответ по мере готовности — не нужно ждать, пока он допишет.

Без ключа модели консультант не молчит: отвечает заготовленными сценариями на тех же цифрах и сообщает об этом.

ИИ-консультант «Маржи» отвечает, какой товар приносит больше всего прибыли

Три темы — и ни одного цвета на глаз

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

Поэтому контраст проверяет скрипт: он перебирает 135 пар «текст — фон» во всех трёх темах и не пропускает сборку, если хоть одна подпись читается плохо.

Бумага#F6F3EC
Прибыль#0B6B4F
Графит#15181C

Заголовки · Sofia Sans Extra CondensedПрибыль по каждому товару
Текст интерфейса · CommissionerЧистая прибыль по каждому товару
Цифры · JetBrains Mono379 тыс. ₽ · 15,1%

Кабинет, который помещается в карман

Продавец проверяет продажи между делами — с телефона. Поэтому демо и консультант на узком экране работают целиком, а не урезанной версией.

Главная
Панель показателей сразу под заголовком: цифры видны без прокрутки к «подробнее».
Демо-кабинет
Те же 40 товаров и 90 дней, показатели и график — в одну колонку.
Вопрос консультанту
Ответ по шагам и ссылка на отчёт, из которого взята цифра.