Как мы переделали интернет-магазин в автоматизированный маркетплейс за 3 месяца

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

Заказчица уже была знакома с нами: для ее прошлого ритейл-проекта (который тоже пришёл «по сарафану») мы делали интернет-магазин. Тогда все прошло отлично: клиенту понравилась наша работа и экспертиза в e-commerce — поэтому она снова обратилась к нам.

У заказчицы уже был сайт, который требовал переработки. Первая версия была написана на Ruby on Rails, у которого нет библиотек для подключения нужных клиенту сервисов, поэтому все приходилось разрабатывать с нуля — а это дорого и долго.

Мы провели аудит и договорились полностью переписать платформу, чтобы ускорить и упростить следующие интеграции.

• Сделать платформу масштабируемой: расширять функционал и интегрировать с сервисами для маркетинга, аналитики, автоматизации;
• Сократить время и расходы на разработку новых разделов и функций;
• Автоматизировать бизнес: работу с селлерами, складской учёт, финансы и другие процессы.

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

В процессе разработки интернет-магазин превратился в маркетплейс — платформу с тремя отдельными интерфейсами для разных ролей:

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

Вся «внутренняя кухня» маркетплейса (админ-панель и кабинеты селлеров) созданы на базе Admiral — нашего собственного опенсорс-фреймворка. С одной стороны, он ускоряет разработку: не нужно собирать всё каждый раз с нуля. С другой — позволяет создавать кастомные интерфейсы со сценариями, которые не вписываются в стандартные решения.

Ключевым решением в архитектуре проекта стала интеграция маркетплейса с RetailCRM — платформой для автоматизации ритейл-бизнеса.

Системы синхронизированы между собой и делят основные функции:

• обработка заказов, общение с клиентами и отслеживание собственных остатков происходит внутри RetailCRM;
• складской учёт селлеров, пополнение каталога, управление контентом ведется из админ-панели.

Платформа предлагает готовые модули для подключения десятков (если не сотен) популярных сервисов: доставку, складской учёт, платежи, телефонию, мессенджеры, маркетинг — все в одном месте. Не нужно создавать каждую привязку отдельно — это экономит время и деньги на разработку.

• Доставка: СДЭК и Dalli-Service
• Телефония: MANGO OFFICE
• Складские системы: МойСклад 2.0
• Платежи: Т-Банк
• Программа лояльности: Промокоды (Radis)
• Рассылки: Unisender

Что ещё можно подключить: финансовые сервисы, мессенджеры и чаты, ИИ-агенты и боты, рекламные системы, аналитику и не только.

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

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

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

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

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

Загруженные товары можно объединять в товарные предложения (одинаковые диффузоры с разными ароматами, похожие чайные пары, но с разным узором), категории (например, «Ароматы для дома», «Винтаж», «Столовая и кухня»), подборки («Хиты», «Акции и скидки», «Выбор блогеров»), создавать товарные подсказки («Вам может понравиться», «Популярные коллекции»).

Все эти разделы можно настроить под текущие потребности бизнеса: например, сделать заметными товары с низким спросом или сформировать сезонное предложение для покупателей (подарки на Новый год, декор для дома на Хэллоуин и др.).

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

Маркетплейс ориентирован на покупателей из России, где действует «Честный знак» — национальная система цифровой маркировки и отслеживания товаров, созданная для борьбы с контрафактом и защиты потребителей.

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

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

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

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

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

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

Все товары разделены на категории («Ароматы для дома», «Винтаж», «Ванная» и др.), которые администратор маркетплейса может добавить, убрать или пересобрать в любой момент. Покупатель может применить фильтры и изменить сортировку, чтобы быстрее найти то, что ему нужно.

Внизу каталога есть рекомендации («Вам может понравиться», «Лучшие подборки и популярные коллекции»), которые стимулируют допродажи и увеличивают средний чек.

Кроме информации о составе, применении и фото продукта, в некоторых карточках можно найти товарные предложения. Это функция для быстрого перехода к такому же товару с другими свойствами (например, корзинке для хранения другого цвета или комплекту салфеток с иным узором). Она упрощает навигацию в каталоге и также может увеличивать количество позиций в корзине.

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

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

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

Самая интересная фишка для пользователей — это примерка товаров в свой интерьер с помощью QR-кода и камеры. Как она работает?

Мы интегрировали маркетплейс с сервисом Tripo, который с помощью ИИ генерирует 3D-модели товаров. Сделать это можно прямо в админ-панели, в разделе «Товарные предложения». Владелец платформы загружает фото предмета в двух ракурсах: вид спереди и вид сзади. Искусственный интеллект создает объёмную модель, которая после загрузки видна покупателям на сайте.

Её можно прокрутить во все стороны, чтобы рассмотреть товар в деталях. Внизу также есть кнопка «Показать QR для AR»: если отсканировать код с телефона, эта 3D-модель появится прямо внутри камеры. Покупатель может перемещать её внутри экрана и масштабировать под размеры пространства, чтобы лучше представить, как тот или иной предмет впишется в интерьер.

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

• Frontend: Next.js
• Backend: Laravel
• Базы данных: PostgreSQL, Redis
• Admin-панель: Admiral
• Инфраструктура: Nginx, Docker, Caddy, Docker Compose

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

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