Мобильное приложение для интернет-магазина одежды как Lamoda
Мобильное приложение для бренда женской одежды с интеграцией 1С и СДЭК: оно повторяет привычные сценарии Lamoda, но продаёт только вещи одного бренда.
Покупательница смотрит сторис и новинки, подбирает платье по размеру, цвету, длине и росту, платит картой через ЮKassa и копит бонусные баллы. Доставку СДЭК она отслеживает прямо в приложении, там же оформляет возврат.
Каталог и наличие размеров приходят из 1С магазина, а сторис, баннеры, промокоды, заказы и возвраты сотрудники ведут в веб-админке. Мы сделали мобильное приложение, веб-админку и интеграции с 1С, СДЭК и ЮKassa под ключ за 3 месяца.
- Клиент
- Бренд женской одежды
- Платформа
- Приложение и веб-админка
- Возврат
- В ПВЗ СДЭК по коду
- Срок
- 3 месяца
- Мобильное приложение
- Веб-админка
- UX/UI дизайн
- 1С
- API СДЭК
- ЮKassa
- Next.js
- Node.js
- Supabase
- PostgreSQL
- Firebase
Проблема: бренд одежды зависит от маркетплейсов
Основатели — владельцы бренда женской одежды: платья, блузы, юбки, жакеты, жилеты и костюмы.
Бренд продаёт через Wildberries и другие маркетплейсы: отдаёт им комиссию и не может напрямую поговорить со своей покупательницей. При этом у бренда уже был сайт, связанный с 1С: сотрудники заводят в 1С фото, описания, цвета и наличие, и сайт подтягивает их сам.
Что мешало бренду
- Комиссия маркетплейсовБренд отдаёт маркетплейсам комиссию и не говорит с покупательницей напрямую.
- Трек-номер в чужом кабинетеГде посылка, покупатель хочет видеть в кабинете магазина, а не искать в кабинете СДЭК.
- Возвраты вручнуюКто что вернул, где посылка, сколько вернуть денег — магазину неудобно вести это вручную.
- Учёт уже в 1СФото, описания, цвета и наличие заводятся в 1С, и сайт бренда подтягивает их сам.
Решение: своё приложение бренда одежды с сервисом уровня Lamoda
Основатели решили запустить собственный канал продаж — мобильное приложение бренда одежды с привычным сервисом Lamoda.
Велосипед не изобретали. Сценарии, к которым покупательницы привыкли на Lamoda, Wildberries и Ozon, перенесли в приложение одного бренда и связали его с 1С магазина и службой доставки СДЭК.
- Каталог с фильтрами и удобная карточка товара
- Оплата картой
- Доставка и возвраты в пару касаний
Так у бренда появился канал без комиссии маркетплейса и своя база покупательниц. Говорить с ними бренд теперь может напрямую: через сторис, баннеры, пуш-уведомления и бонусную программу.
Что предложили до старта: отслеживание СДЭК в приложении и обмен с 1С
На первом созвоне основатели принесли список пожеланий — СДЭК, 1С, баннеры, сторис, возвраты, бонусы, — и мы прошли его вместе.
Разобрали и услуги СДЭК: договор заключается на каждую услугу отдельно, без договора доступно только тестовое API. Поэтому возвраты сначала проверяет менеджер, а автоматизацию можно подключить позже.
- СДЭК в приложенииПредложили отслеживать посылку прямо в приложении через API СДЭК, а не в чужом кабинете.
- Обмен с 1СМы пишем API приложения и требования к обмену, программисты 1С заказчика — отправку данных.
- Сначала дизайнСначала прототип и дизайн, потом требования к 1С: обмен не переделывают под меняющиеся экраны.
- Подборка вместо ИИДля «Дополнить образ» показали, что ручная подборка образа выйдет в разы дешевле и точнее машинного обучения.
Главная приложения магазина одежды: сторис, баннеры и новинки
На маркетплейсе бренд не может говорить с покупательницей, а главная своего приложения — витрина, которой он управляет сам. Наверху — листающийся баннер с акцией, под ним кружки сторис, ниже «Новинки» и «Хиты». Новые товары автоматически получают плашку NEW на заданный срок. Из каталога вещь попадает в корзину в два касания, через шторку с размерами.
Колокольчик на главной ведёт в раздел уведомлений с акциями и новостями магазина, а понравившиеся вещи сохраняются в избранное.
Поиск и фильтры одежды по размеру, цвету, длине и росту
В одежде главное — найти свою модель и свой размер. Обычных фильтров тут мало: у платья важны длина и рост, на который оно сшито.
Поэтому каталог фильтруется по категории, размеру, цвету, длине, росту и цене и сортируется по цене, новинкам и популярности. Поиск подсказывает варианты, пока покупательница печатает.
Карточка товара как на Lamoda
Карточка товара в приложении устроена так же, как на Lamoda, поэтому покупательница, которая привыкла к Lamoda, сразу разберётся. Листающиеся фото, цвета модели, размеры в квадратиках, старая и новая цена при скидке, средняя оценка, отзывы с фото, вопросы о товаре с ответами магазина, похожие товары и кнопка «Поделиться», чтобы отправить вещь подруге в мессенджер.
Если нужного размера нет, вместо кнопки «В корзину» появляется «Уведомить о наличии размера». Как только размер появляется в 1С магазина, его можно заказать в приложении, а покупательнице приходит пуш.
Корзина с выборочным заказом, промокодами и бонусными баллами
В магазине одежды корзина работает ещё и как вишлист: в ней легко набирается три десятка вещей, а заказать хочется две. Поэтому товары в корзине отмечаются галочками, есть кнопки «Выбрать все» и «Удалить выбранные», а в заказ уходят только отмеченные вещи. Здесь же покупательница вводит промокод и списывает бонусные баллы: 1 балл = 1 рубль.
Баллы начисляются после оплаты процентом от покупки, который магазин задаёт сам, и копятся в профиле. Корзина и избранное работают и без регистрации. Вещи хранятся на телефоне, а когда покупательница входит по номеру телефона и коду из SMS, переезжают в её аккаунт.
Доставка СДЭК с отслеживанием в приложении и оплата через ЮKassa
Доставку СДЭК покупательница отслеживает прямо в приложении: чтобы узнать, где её платье, не нужно идти в кабинет службы доставки. При оформлении она выбирает адрес из сохранённых, видит стоимость доставки СДЭК и платит картой через ЮKassa. Приложение само создаёт заказ в СДЭК, а в «Моих заказах» видно, на каком он этапе: оформлен, передан на сборку, в доставке, получен.
Статусы обновляются по сигналам СДЭК, а когда СДЭК подтверждает доставку, покупательнице приходит пуш. Адрес вводится с подсказками, и приложение просит указать дом: СДЭК принимает только точный адрес. Оплату через ЮKassa мы тоже продумали: сохранённые карты, оплату новой картой и экран «Оплата не прошла».
Возврат через СДЭК в приложении: пункт выдачи или курьер
Возврат через СДЭК покупательница оформляет прямо в приложении, из завершённого заказа. Для магазина одежды это важно: одежду возвращают чаще других товаров, и после неудобного возврата покупательница вряд ли вернётся. Она выбирает причину и способ — отнести посылку в пункт выдачи СДЭК или вызвать курьера СДЭК на дом. Для пункта выдачи приложение создаёт заявку в СДЭК и показывает код, по которому товар примут без бумажных бланков.
Код можно открыть ещё раз кнопкой «Показать код». Статус возврата меняется сам: заявка создана, сдан в СДЭК, получен магазином, деньги возвращены. Если выбран курьер, СДЭК сам связывается с покупательницей и договаривается о времени.
Тоже продаёте на маркетплейсах?
Хотите свой канал продаж без комиссий? Расскажите о своём бренде — покажем, каким может быть ваше приложение.
Интеграция мобильного приложения с 1С: каталог, остатки и заказы
Интеграция мобильного приложения с 1С избавляет магазин от ручного переноса: весь учёт бренда ведётся в 1С, приложение берёт данные прямо оттуда.
Заводить товары второй раз в админке не нужно. Мы написали API приложения и передали основателям документацию, по которой программисты 1С заказчика настроили отправку данных.
Что приходит из 1С
- Товары из 1С1С создаёт товар запросом к API: категория, название, описание, цвет, рост, длина, размер и цена. Отдельными запросами товар обновляется, удаляется и получает фотографии.
- Остатки и размерыКогда в 1С появляется размер, 1С отправляет запрос, и размер становится доступен в приложении. Покупательницам, которые нажали «Уведомить о наличии размера», уходит пуш.
- ЗаказыЗаказы из приложения и остатки по ним синхронизируются с 1С, и сотрудники видят актуальное наличие в админке.
Продавцы работают в привычной 1С, как и раньше с сайтом бренда. Архитектура позволяет так же подключить МойСклад или RetailCRM, если магазин перейдёт на них.
Интеграция с API СДЭК: расчёт доставки, статусы заказа и возвраты
Интеграция мобильного приложения с API СДЭК ведёт всю логистику магазина, от расчёта доставки до возврата.
Что она делает
- Рассчитывает стоимость доставки по адресу покупательницы
- Проверяет адрес: нужен полный адрес с улицей и домом, иначе СДЭК не примет заказ
- Создаёт заказ в СДЭК после оплаты
- Обновляет статусы заказа по уведомлениям СДЭК и закрывает заказ, когда СДЭК подтверждает вручение
- Отправляет покупательнице пуш о доставке
- Создаёт заявку на возврат через пункт выдачи с кодом для сотрудника СДЭК или через курьера
Интеграцию сначала отладили на тестовом API СДЭК, а когда основатели заключили договор со СДЭК, переключили приложение на рабочие ключи. По той же схеме подключили ЮKassa: тестовый магазин на время разработки, боевой — к запуску.
Веб-админка интернет-магазина: заказы, возвраты, сторис и сотрудники
Вместе с приложением мы сделали веб-админку интернет-магазина — сайт, где сотрудники ведут продажи без программиста. По возвратам решение принимает менеджер: проверяет детали и возвращает деньги или отказывает с причиной.
Сумму к возврату менеджер указывает сам, с учётом состояния вещи и расходов на доставку СДЭК. Деньги уходят покупательнице, когда товар доедет до магазина.
Баннер из админки сразу появляется в приложении
Главную приложения сотрудники тоже собирают в админке: баннеры из фото или видео на несколько слайдов и сторис с обложкой-кружком и названием. Опубликованный баннер сразу появляется у покупательниц.
Сторис с обложкой-кружком и названием
Сторис с обложкой-кружком и названием сотрудники публикуют на главной приложения.
Доступ в админку получают только свои
Сотрудник регистрируется и ждёт проверки, а администратор подтверждает заявку и выдаёт ему нужные задачи: один ведёт заказы и возвраты, другой — сторис и ответы на отзывы.
Что сотрудники делают в админке сами
- Смотрят заказы с фильтром «все / в работе / выполненные», детали заказа и покупательницы
- Решают по возвратам: вернуть деньги с указанием суммы или отказать с причиной
- Создают баннеры из фото и видео и сторис, публикуют и снимают их с публикации
- Создают промокоды с процентом скидки и сроком действия — один промокод покупательница применяет один раз
- Отвечают на вопросы о товарах и на отзывы — ответы видны всем в карточке товара
- Подтверждают, блокируют и разблокируют сотрудников, назначают им роли и задачи
Дизайн приложения магазина одежды в стиле Lamoda
Дизайн приложения светлый и минималистичный, в духе fashion-маркетплейсов: цвет в нём дают только фотографии одежды. Основатели хотели, чтобы приложение ощущалось как Lamoda, поэтому мы повторили знакомые детали: размеры в квадратиках, отзывы внизу карточки, фильтр и сортировку отдельной строкой, контурную звезду избранного, тонкий шрифт, как у 12 Storeez, и минимальные скругления кнопок.
Для макетов основатели прислали фотосъёмку своей коллекции.
Как работали с основателями
ТЗ вели в общем документе и подсвечивали цветом всё, что добавляли после созвонов, чтобы основатели сразу видели изменения.
Прототип показали видеообзором: ещё до дизайна прошли каждую кнопку приложения и админки и согласовали логику.
- ДизайнДизайн согласовывали в несколько раундов правок и на каждый пункт отвечали скриншотом «было — стало».
- ТестированиеПроверили промокоды, адреса для СДЭК, оплату и возвраты. Тестировщик вёл доску багов, а разработчик закрывал их в новых тестовых сборках. По итогам тестов добавили экран успешной оплаты и подсказку про полный адрес.
- ЗапускПрислали пошаговые инструкции: регистрация в Google Play, App Store и RuStore, Firebase, ЮKassa, Supabase, требования к банковской карте для аккаунта разработчика и как получить рабочие ключи СДЭК.
После сдачи передали доступ к админке и документацию API для добавления товаров из 1С.
Видеообзор прототипа: возврат через СДЭК курьером или в пункте выдачи
Что дальше
На следующий шаг развития приложения заложили то, что основатели хотели развивать после первой версии.
- Блок «Дополнить образ» в карточке — ручная подборка вещей к образу, которую ведут стилисты бренда
- Выбор тарифа доставки СДЭК — до двери или в пункт выдачи
- Ссылки в сторис на товары и подборки
Для «Дополнить образ» рассматривали рекомендации на машинном обучении, но выбрали ручную подборку: для одного бренда с небольшим каталогом она точнее и дешевле.
Результат
За 3 месяца мы сделали для бренда женской одежды собственный интернет-магазин в телефоне.
У бренда появился свой канал продаж без комиссии маркетплейса.
- Мобильное приложениеСценарии Lamoda в приложении одного бренда.
- Веб-админкаСотрудники ведут заказы, возвраты, сторис и промокоды без программиста.
- 1С, СДЭК и ЮKassaКаталог приходит из 1С, доставка и возвраты идут через СДЭК, оплата — через ЮKassa.
- Покупательницы возвращаютсяИх возвращают в магазин сторис, пуши, промокоды и бонусные баллы.
Хотите приложение для своего магазина или бренда?
Расскажите идею — на бесплатном созвоне покажем, как её запустить.
Что будет после заявки
- Перезвоним и уточним задачуДоговоримся о времени созвона.в течение 15 минут
- Созвон на 30 минутРазберём идею и покажем похожие кейсы.на следующий день
- Оценка сроков и бюджетаПришлём план первой версии.через 2 дня
- Договор и стартФиксируем цену и этапы в договоре.когда будете готовы
Частые вопросы
Приложение бренда женской одежды со сценариями Lamoda, веб-админкой и интеграциями с 1С, СДЭК и ЮKassa мы сделали за 950 000 рублей и 3 месяца: прототип, дизайн, разработку, тестирование и подготовку к публикации. Похожий проект может обойтись дешевле и быстрее: часть наработок этого кейса — интеграцию с API СДЭК, обмен с 1С, админку и корзину с баллами — можно использовать повторно.
Мы пишем API приложения и документацию к нему, а программисты 1С магазина настраивают отправку данных: 1С создаёт, обновляет и удаляет товары, загружает фото, передаёт размеры, цвета, рост, длину и цену. Когда в 1С появляется размер, он сразу становится доступным в приложении, а покупателям, которые ждали его, уходит пуш. Учёт остаётся в привычной 1С, второй раз заводить товары не нужно; архитектура позволяет так же подключить МойСклад или RetailCRM.
В приложении интернет-магазина одежды интеграция с API СДЭК рассчитывает стоимость доставки по адресу покупателя, проверяет, что адрес указан с улицей и домом, после оплаты создаёт заказ в СДЭК и обновляет его статусы по уведомлениям СДЭК. Когда СДЭК подтверждает вручение, заказ закрывается, а покупателю приходит пуш. Через ту же интеграцию оформляются возвраты — через пункт выдачи с кодом или через курьера СДЭК. Интеграцию отлаживают на тестовом API СДЭК и переключают на рабочие ключи, когда магазин заключает договор со СДЭК.
Покупатель оформляет возврат из завершённого заказа и выбирает способ: отнести посылку в пункт выдачи СДЭК — тогда приложение создаёт заявку в СДЭК и показывает код для сотрудника ПВЗ — или вызвать курьера СДЭК на дом. Статус возврата обновляется в приложении. В веб-админке менеджер решает по возврату: возвращает деньги с указанием суммы с учётом состояния вещи и расходов на доставку или отказывает с причиной. Для работы с реальными заказами магазину нужен договор со СДЭК — до этого интеграцию отлаживают на тестовом API.
Да, именно так устроен этот проект: у бренда уже был сайт, который обменивается данными с 1С, и приложение подключили к той же 1С. Каталог, наличие размеров и заказы берутся из одного источника, поэтому сайт и приложение показывают одинаковые товары и остатки.
После оплаты покупатель получает баллы — процент от суммы покупки, который магазин задаёт сам, — и списывает их при следующем заказе: 1 балл = 1 рубль. Промокоды создаются в веб-админке с процентом скидки и сроком действия, покупатель применяет промокод в корзине один раз. Баллы и промокод можно использовать в одном заказе.
В админке сотрудники смотрят заказы и их статусы, решают по возвратам, создают баннеры из фото и видео и сторис для главной приложения, создают промокоды, отвечают на вопросы о товарах и на отзывы. Доступ получают только подтверждённые сотрудники: администратор назначает каждому роль и набор задач — например, один ведёт заказы и возвраты, другой — сторис и отзывы.
Веб-админка и серверная часть — Next.js и Node.js, база данных — Supabase на PostgreSQL, пуш-уведомления и авторизация по номеру телефона — Firebase. Оплата картой — через ЮKassa, доставка и возвраты — через API СДЭК, каталог и остатки — через обмен с 1С.
На аккаунты владельца бизнеса: магазин сам регистрируется в Google Play, App Store и RuStore, ЮKassa и СДЭК и приглашает разработчиков. Оплату через ЮKassa на время разработки подключают к тестовому магазину, а к запуску — к боевому. Мы присылаем пошаговые инструкции по каждому сервису — от требований к банковской карте для аккаунта разработчика до получения рабочих ключей СДЭК, — так приложение и все договоры остаются у бренда.
Да. Схема этого кейса подходит любому бренду, который продаёт на маркетплейсах и хочет свой канал продаж: каталог из 1С, доставка и возвраты через СДЭК, оплата через ЮKassa, бонусы, промокоды и сторис. Расскажите о своём магазине на бесплатном созвоне — покажем, как адаптировать решение под ваш ассортимент.