ZipIt — маркетплейс автозапчастей и CRM: кейс
ZipIt — маркетплейс автозапчастей и CRM для продавцов. Приложение агрегирует запчасти из множества магазинов и помогает покупателю быстро найти нужную деталь по VIN, марке и модели, а веб-CRM даёт продавцам управление складом, торговыми точками и продажами. Стек: PHP Symfony, React, Flutter.
О продукте
Коротко — что это за продукт и для кого мы его делали.
ZipIt — это связка из двух продуктов вокруг одних данных: покупательского приложения под iOS и Android и веб-CRM для продавцов. Покупатель ищет запчасть по VIN-номеру или марке и модели автомобиля, сравнивает предложения разных магазинов и собирает заказ в одну корзину. Продавец в CRM управляет своими торговыми точками, ведёт склад, принимает товар и следит за финансами магазина.
Заказчик из сферы автопроката сталкивался со сложностью закупки запчастей у множества поставщиков. Задача была собрать маркетплейс, который агрегирует предложения магазинов и позволяет быстро находить нужные детали, а бэк-офису — управлять номенклатурой и позициями через удобную CRM.
Задача
Рынок автозапчастей раздроблен: детали продают десятки независимых магазинов, у каждого свой ассортимент, цены и наличие. Покупателю приходится обзванивать продавцов и вручную сверять артикулы, а совместимость с конкретным автомобилем определяется на глаз — с высоким риском ошибиться в детали.
Продавцам, в свою очередь, не хватало единого инструмента для учёта: торговые точки, склад, приёмка товара и финансы велись разрозненно. Нужно было свести спрос и предложение на одной платформе и дать продавцам back-office для управления ассортиментом и продажами.
Особенности проекта
Два продукта одновременно — покупательское приложение и продавецкая CRM разрабатывались параллельно как единая система вокруг общего каталога и данных о наличии.
Маркетплейс-модель — платформа агрегирует предложения множества магазинов, покупатель в одном заказе может собрать товары от нескольких продавцов сразу.
Agile-подход — фаза discovery шла по гибкой методологии, а разработка велась в гибридном фреймворке Scrum-Kanban.
Ключевой вызов — подбор и интеграция подходящего каталога автозапчастей, чтобы поиск по VIN и по марке/модели корректно определял совместимость деталей.
Решение и подход
Как мы собрали продукт — от архитектуры до процесса.
Мы развели продукт на две роли: покупатель работает в мобильном приложении на Flutter, продавец — в веб-CRM на React. Оба продукта опираются на общий бэкенд на PHP Symfony и единый каталог автозапчастей, поэтому наличие и цены магазина сразу видны покупателю.
В приложении сделали ставку на скорость подбора детали: беспарольная авторизация по SMS-коду, поиск по VIN-номеру и по марке/модели через гараж автомобилей пользователя, сравнение оригиналов и аналогов от разных продавцов. В CRM собрали полный цикл продавца — торговые точки, склад с приёмкой товара, номенклатура, продажи и финансы магазина с выводом средств.
Технологический стек
Инструменты подобраны под задачу продукта.
Почему Flutter и кросс-платформа
Мобильный клиент на Flutter даёт один кодовую базу для Android и iOS: ускоряет разработку и синхронизирует релизы. Для маркетплейса с поиском и личным кабинетом это означает: одинаковый UX на обоих платформах без двойного кода.
Рассматривались альтернативы: два нативных (Swift/Kotlin — полный доступ к API, но двойной цикл сборки) и React Native (быстрый старт, но ограниченный доступ к нативным модулям камеры/GPS). Выбран Flutter для единого кодового цикла и быстрого релиза на обеих платформах.
Функции продукта
Ключевые возможности, которые закрыли задачу бизнеса.
Поиск по VIN и модели
Покупатель ищет запчасть по VIN-номеру или через подбор по марке, модели и году автомобиля.
Мультимагазинная корзина
Товары от нескольких продавцов собираются в один заказ, стоимость доставки зависит от магазина.
Беспарольная авторизация
Быстрый вход в приложение по номеру телефона и коду из SMS без пароля.
Управление торговыми точками
Продавец заводит магазины и склады, при удалении точки товары уходят во «Временный склад».
Склад и приёмка товара
Учёт номенклатуры, приёмка по одному или загрузкой Excel-файла, списание и наличие по точкам.
Финансы магазина
Баланс, операции продаж, штрафов и пополнений, вывод средств на счёт продавца.
Как это работает
Ключевые экраны продукта — по шагам.
Приложение покупателя
Стартовый экран приложения открывается заголовком «Поиск и доставка автозапчастей в Казахстане» и предлагает добавить автомобиль в гараж для быстрого подбора деталей.
Отсюда покупатель сразу выбирает способ поиска запчастей — по VIN-номеру или по марке и модели — и переходит в каталог. Нижняя навигация ведёт на главную, каталог, корзину и профиль.
Авторизация в CRM продавца
Вход в CRM состоит из регистрации магазина (название компании, страна, город, контактные данные и согласие с условиями) и авторизации по номеру телефона с паролем.
Отдельным шагом продавец создаёт пароль для входа с требованием к сложности — латинские буквы и минимум одна цифра. Так продавец получает учётную запись и доступ к панели управления магазином.
Торговые точки продавца
В разделе «Торговые точки» продавец видит список своих магазинов с названием, адресом и примечанием и создаёт новые точки в модальном окне с поиском адреса.
Удаление точки защищено подтверждением: если к ней привязаны товары, система предупреждает, что они будут перемещены в раздел «Временный склад» — чтобы позиции не потерялись.
Склад и наличие по точкам
Раздел «Склад» — это таблица товаров с артикулом, производителем, ценой и количеством, а сверху — поиск, фильтр по торговым точкам и переключатель наличия.
Выпадающий список точек позволяет смотреть остатки по конкретному магазину или по «Временному складу», а действия «Приёмка» и «Списание» ведут учёт движения товара.
Карточка товара в складе
По клику на позицию открывается карточка товара: фотографии, наименование, производитель, артикул, цена продажи и средняя цена покупки, количество и торговая точка.
Здесь же настраивается доступность под заказ, длительность доставки и гарантия — так продавец задаёт условия, которые покупатель увидит в приложении.
Приёмка товара
Приёмка идёт из списка номенклатуры: продавец находит позицию, заполняет торговую точку, цену покупки и продажи, количество — и добавляет товар в список к приёмке.
Альтернатива ручному вводу — загрузка списка товаров из Excel-файла по готовому шаблону. Собранный список подтверждается кнопкой «Принять товары».
Аккаунт и верификация магазина
В разделе «Аккаунт» продавец видит данные компании и предложение верифицировать аккаунт, чтобы получить доступ к продажам на маркетплейсе.
Проверка идёт по нескольким пунктам — налоги, судебные дела, отзывы, рекомендации — с наглядными статусами. После успешной проверки появляется экран «Ваша учётная запись подтверждена!».
Финансы магазина
Раздел «Финансы» показывает баланс магазина и даёт вывести или пополнить средства, а также открыть журнал операций.
В «Операциях» продавец фильтрует движения по типу (продажа, пополнение, вывод, штраф) и статусу, а при выводе указывает сумму и выбирает счёт получения — платформа фиксирует каждую операцию.
Беспарольный вход в приложение
Вход в приложение построен без пароля: покупатель вводит номер телефона, соглашается с правилами и политикой компании и получает SMS-код.
Экран «Код из СМС» отрабатывает все состояния — ожидание ввода, повторную отправку по таймеру и ошибку «Неверный код», — чтобы авторизация была быстрой и понятной.
Каталог и подбор автомобиля
Поиск запчастей начинается с выбора автомобиля: покупатель вводит VIN/FRAME либо идёт в «Подбор по параметрам».
В подборе он выбирает марку из списка с логотипами брендов, затем рынок, модель и год выпуска — и переходит к деталям, совместимым именно с его машиной.
Карточка запчасти и выбор магазина
В карточке детали покупатель видит фотографии, цену, рассрочку, продавца с рейтингом, условия доставки и характеристики — бренд, OEM, качество (оригинал), гарантию, страну-производителя.
Перед добавлением в корзину открывается выбор количества и магазина: у каждого продавца свой остаток, цена и стоимость доставки — покупатель собирает выгодный набор.
Оформление и трекинг заказа
На оформлении заказа покупатель указывает адрес доставки, видит товары, сгруппированные по магазинам, итог по каждому продавцу и комментарий к заказу перед переходом к оплате.
После оформления заказ появляется в трекинге со статусом «Новый», датой, адресом и составом, а продавцу в CRM прилетает уведомление о новом заказе.
Данные и соответствие требованиям
Платформа обрабатывает персональные данные покупателей и продавцов, поэтому обработка выстроена под требования 152-ФЗ с локализацией персональных данных.
Безопасность контура опирается на практики ISO 27001 — разграничение доступа продавцов, защита операций и учёта финансов магазина.
В цифрах
- 2 продукта в одном проекте: маркетплейс Android/iOS и веб-CRM для вендоров.
- Быстрый поиск автозапчастей через агрегацию предложений из разных магазинов.
- Личный кабинет продавца с авторизацией и учётом позиций.
- Несколько торговых точек одного продавца с единым учётом в CRM.
- Agile→Scrum: дискавери и спринты по обоим продуктам.
- Стек: PHP Symfony + React (CRM), Flutter (Android/iOS).
Архитектура и персональные данные
Приложения собирают персональные данные пользователей (имя, телефон, адрес доставки). Платёжный контур реализован через внешний платёжный шлюз без хранения данных карт на сервере.
Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Реестр операторов: pd.rkn.gov.ru.
Часто задаваемые вопросы
Сколько стоит разработка маркетплейса автозапчастей?
Зачем маркетплейсу нужна собственная CRM?
Как работает поиск запчастей в приложении?
Как защищаются ПДн пользователей и что требует 152-ФЗ?
Сколько времени занимает разработка такого MVP?
Наши клиенты
Компании из ритейла, медтеха, логистики и электронной коммерции, которым мы помогли с цифровыми продуктами.
Услуги веб-студии YuSMP Group
Полный спектр разработки — от нативных мобильных приложений до веб-платформ, дизайна и IT-аудита. Выберите направление или закажите проект под ключ.
Мобильная разработка
Нативные и кросс-платформенные приложения для iOS и Android под задачу и бюджет.
Подробнее →Разработка мобильных приложений под iOS
Нативные приложения для iPhone и iPad на Swift и SwiftUI.
Подробнее →Разработка мобильных приложений под Android
Приложения для Android на Kotlin и Jetpack Compose.
Подробнее →Кроссплатформенный подход
Одно приложение сразу на iOS и Android на Flutter.
Подробнее →Веб - разработка
SPA, порталы и веб-платформы на React / Next.js и Node.
Подробнее →Backend-разработка
Серверная часть, API, базы данных и интеграции на Node.js, PHP и Python.
Подробнее →Разработка под ключ
Продукт под ключ: аналитика, дизайн, разработка и запуск.
Подробнее →MVP
Быстрый запуск ядра продукта, чтобы проверить гипотезу без лишних затрат.
Подробнее →Тестирование
Ручное и автоматизированное тестирование — стабильный релиз на всех устройствах.
Подробнее →UI/UX-дизайн
Исследование, прототип и дизайн-система — интерфейсы, которыми удобно пользоваться.
Подробнее →Прототипирование
Кликабельный прототип для проверки идеи до разработки.
Подробнее →Создание сайтов
Корпоративные сайты, лендинги и интернет-магазины под ключ.
Подробнее →IT - аудит
Аудит ИТ-инфраструктуры, кода и безопасности.
Подробнее →SEO‑продвижение
Вывод сайта в топ Яндекса и Google — трафик и заявки из поиска.
Подробнее →Контекстная реклама
Яндекс Директ — заявки с первого дня и контроль цены лида.
Подробнее →SMM‑продвижение
Соцсети и таргет — узнаваемость бренда, комьюнити и заявки.
Подробнее →Наши кейсы
Ещё продукты, которые мы спроектировали и запустили.
LiMP
Мобильный VPN для iOS и Android: WireGuard‑стек, no‑logs и сплит‑туннелирование.
Юнилаб
Приложение для сети медлабораторий: онлайн‑запись, результаты анализов, каталог услуг.
Личный кабинет для финтех‑сервиса
Веб‑кабинет: типы профилей, статистика по договорам, адаптив на Laravel и React.
Блог наших экспертов
Разбираем разработку и технологии простым языком.
Обсудим ваш проект?
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.
Нужен маркетплейс или CRM — обсудим
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.