Админка магазина на двадцать вкладок: что внутри каждой

Админка магазина «Жук и Плут» сейчас насчитывает примерно двадцать вкладок. Ни одна из них не была придумана на этапе проектирования — каждая появилась после того, как владелица сказала фразу вида «я делаю это руками каждый вечер». Ниже — по порядку, как это росло.

С чего мы начали: четыре экрана

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

Через неделю после запуска стало понятно, что «товары» — это не одна вкладка, а корень будущего дерева. Позиция детского товара тянет за собой возраст, методику, состав, комплектность и десяток связей с другими позициями.

Отдельно выяснилось, что бренд по названию магазина в Яндексе занял первое место на третий день после запуска. Это сместило приоритеты: трафик пошёл раньше, чем мы успели доделать операционку.

Импорт с Wildberries: вкладка, которая окупилась первой

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

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

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

ИИ-консультант и вкладка, где его учат

На витрине работает ИИ-консультант. Его особенность в том, что он отвечает языком методики, а не карточки товара: не «состав — берёзовая фанера», а объяснение, зачем этот материал в этом возрасте.

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

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

Заказы: одна сущность, три разных экрана

Заказ в админке выглядит по-разному в зависимости от того, кто смотрит. Это типовой узел почти каждого нашего проекта: сборщик видит заказы, но не деньги; менеджер — клиентов, но не настройки.

У сборщика на экране список позиций, количество и место хранения. Суммы, скидки и данные плательщика он не видит вообще — не потому что тайна, а потому что это лишний шум при сборке.

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

Одна вкладка «Заказы» в меню, три разных набора полей под капотом. Это дешевле, чем три отдельных интерфейса, и понятнее, чем один общий, где половина полей закрыта серым.

Вкладки, которые выросли из ручных операций

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

Остатки и поставки — потому что «сколько осталось» перестало помещаться в голове. Возвраты — потому что детские товары возвращают чаще, чем инструменты. Наборы и комплекты — потому что позиция может продаваться и отдельно, и в составе.

Промокоды, баннеры на главной, подборки к сезону, отзывы с модерацией, поисковые подсказки, редиректы со старых адресов, письма клиентам, экспорт для бухгалтерии, логи изменений.

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

Что мы бы не делали заново

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

Не стали бы заранее делать сложную аналитику внутри админки. Полезными оказались два числа — доля отмен с причинами и повторные покупки. Остальное смотрят во внешних системах.

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

Сколько это стоило и за какое время

Магазин с админкой — это работа от 100 000 ₽ и 7–14 дней на первую рабочую версию. Двадцать вкладок за две недели не появляются: базовый контур запускается сразу, а дальше вкладки добавляются поштучно по мере того, как проявляются ручные операции.

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

Как выглядит рабочий день в этой админке

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

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

Раз в неделю открывается импорт, раз в месяц — журнал диалогов ИИ-консультанта и статистика по отменам. Подборки к сезону трогают четыре раза в год.

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

Кому такая админка не нужна

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

Если ассортимент чужой и вы работаете под заказ у поставщика, вам нужен не склад и не импорт, а витрина и форма. Это лендинг от 40 000 ₽, а не магазин.

И если в компании нет человека, который каждый день заходит в админку, вкладки будут стоять пустыми. Инструмент работает ровно настолько, насколько им пользуются.

Коротко

Двадцать вкладок — это не архитектурное решение, а след двадцати ручных операций, которые кому-то надоело делать вечерами. Начинать стоит с четырёх экранов и добавлять по одному, когда конкретная рутина становится заметной. Разные роли смотрят на одну и ту же сущность разными глазами, и это дешевле разводить правами, чем отдельными интерфейсами. А главный вопрос к любой админке не «сколько в ней вкладок», а «переходят ли права на код к вам по акту».