Разработка сайта и мобильного приложения для WEARE
Вводные данные о клиенте
WE ARE — крупнейшее мультибрендовое пространство белорусских дизайнеров. Площадка объединяет более 40 производителей и 2500+ товаров — от базовой одежды до лимитированных коллекций.
Беларусь
E-commerce
Разработка маркетплейса
Руководитель проекта, 3 Backend-разработчика, 3 Frontend-разработчика, 3 Mobile-разработчика, QA-инженер
- 1С-Битрикс
- Node js
- PHP
- MySQL
- Redis
- Nginx
- React Native
- Docker
- Next.js
Контекст запроса
До запуска маркетплейса WE ARE существовал как офлайн-проект: порядка 40 брендов-партнёров, шоурумы в разных городах Беларуси, активное комьюнити в соцсетях.
Но онлайн-продажи были фрагментированы — у каждого бренда свой сайт и соцсети. Покупатель, который хотел собрать полный лук из любимых белорусских брендов, сталкивался с десятком вкладок, несколькими оплатами и раздельной выдачей заказов.
Цель и задачи проекта
С такой амбициозной идеей команда WE ARE и пришла к нам — создать маркетплейс, который соберёт локальные бренды в едином цифровом пространстве и станет инфраструктурой для всей индустрии.
Чтобы собрать десятки независимых брендов в удобную онлайн-систему, нужно было решить три ключевые задачи:
Разработать несколько уровней ЛК
Система должна поддерживать разные роли и задачи. Покупателям нужна удобная корзина и оформление заказа, производителям — кабинет для управления товарами, остатками и заказами, а администраторам — инструменты модерации площадкиВнедрить универсальную систему интеграций
Каждый бренд использует собственную учётную систему и формат данных. Нужно было обеспечить совместимость без изменения их внутренних процессов. Подключение должно быть безопасным, а обмен данными — автоматическимОбеспечить стабильность маркетплейса
Маркетплейс — сложная система с огромным объёмом контента. Поэтому важно было заложить устойчивую архитектуру с единым бэкендом для веба и мобильного приложения — чтобы обеспечить стабильность, быструю загрузку и безопасный обмен даннымичто сделали
Веб-платформа и мобильное приложение на едином бэкенде
Человек выбирает вещи в метро с телефона, вечером пересматривает на ноутбуке, оформляет заказ там, где удобно. Чтобы этот сценарий работал без потерь и разрывов, мы разработали два полноценных продукта: веб-платформу и нативное мобильное приложение на React Native.
Работают эти проекты на едином backend. Одна архитектура вместо двух независимых систем дала две ключевые выгоды:
- быструю синхронизацию корзины, избранного и всей пользовательской активности между устройствами;
- единый набор бизнес-правил и стабильную производительность при росте нагрузки.
Интеграция с цифровыми системами брендов
В классическом интернет-магазине всё просто: одна учётная система, один формат данных, полный контроль над всеми процессами.
На маркетплейсе WE ARE — десятки независимых бизнесов. У каждого — своя цифровая экосистема. Менять её ради маркетплейса было бы слишком затратно. Поэтому мы с самого начала заложили архитектуру, которая подстраивается под бренды, а не наоборот.
Основой стали интеграции через API с ограниченным доступом. Такой подход позволил:
- подключать бренды без изменения их внутренних процессов;
- обеспечить безопасность данных — мы получаем только товары, остатки и статусы, без доступа к финансам и персональной информации;
- масштабировать платформу — добавлять новые бренды можно быстро и без дополнительных доработок.
Подключение CDN и борьба со сбоями
Чтобы маркетплейс оставался быстрым даже в пиковые моменты — например, во время релизов новых коллекций — мы подключили CDN (Content Delivery Network). Это система, которая хранит изображения и статический контент на распределённых серверах и отдаёт их пользователю с ближайшей точки.
Так мы снизили нагрузку на основной сервер и обеспечили стабильную скорость работы платформы в любых условиях.
Когда всё пошло не по плану
Все бы хорошо: скорость, производительность… Но после подключения CDN начали происходить сбои:
- часть контента перестала отображаться;
- сайт начал падать без видимых причин;
- проблема проявлялась не у всех и не всегда.
Как мы решали проблему
Чтобы найти источник сбоя, мы проделали большую техническую работу:
- проанализировали логи CDN и поведения сайта под нагрузкой;
- смоделировали проблему в нескольких средах, чтобы точно воспроизвести сбой;
- подготовили техническое заключение с доказательной базой.
И ещё немного подводных камней
На финальном этапе, когда площадка уже была готова к запуску, один из брендов столкнулся с проблемой — из его личного кабинета исчезли более 500 фотографий товаров.
Для бренда, который вручную подбирал, готовил и загружал визуалы, это была очень неприятная потеря.
В ходе анализа, мы выяснили, что при определённой последовательности действий логика работы с медиа могла перезаписывать изображения и сохранять пустые карточки. Проблема проявлялась редко, поэтому заметить её заранее было сложно.
Все потерянные фотографии бренда мы восстановили через CDN, а затем полностью переписали механизм хранения изображений.
- каждое фото теперь привязано к ID товара через хэш-ссылку;
- система не удаляет медиа даже при ошибках или удалении карточки;
- любые изображения можно вернуть за пару кликов.
Коммуникация с клиентом
В этом кейсе мы часто говорим про сложности проекта. И это нормальная часть разработки нестандартных систем. Когда объединяешь десятки систем, интеграций и команд, избежать ошибок невозможно.
Главное — уметь с ними работать.
И наша команда вновь доказала, что умеет. Мы глубоко погружались в контекст проекта, держали постоянный контакт с командой клиента, быстро реагировали на любые сложности и решали их.
В результате клиент получил результат, на который рассчитывал — и остался полностью доволен.
Яркий релиз и презентация проекта
Обычно запуск технического продукта — это привычный деплой и мониторинг метрик. Здесь всё было иначе: официальная презентация в кинотеатре «Победа» в Минске, несколько сотен гостей — блогеры, представители брендов, люди из fashion-индустрии Беларуси.
В первых рядах и наша команда! Это был, пожалуй, самый эмоциональный момент проекта: своими глазами видеть, как люди впервые открывают приложение, листают каталоги, выбирают вещи и оформляют первые заказы прямо во время события.
В этот вечер всё, что месяцами существовало в виде задач, стало живым продуктом — в руках реальных пользователей.
Топ-1 в App Store в первый день запуска
Финальные недели прошли в режиме нон-стоп — по несколько билдов в день и полное погружение в проект. Но результат стоил того: приложение в первый же день вышло в топ-1 категории «Шопинг» в App Store Беларуси и стало одним из самых обсуждаемых запусков в своём сегменте.
Что получилось в итоге
Получилась не просто платформа — получилась первая в стране полноценная fashion-экосистема, которая связала десятки независимых брендов в единое рабочее пространство и дала покупателям удобный, целостный путь от выбора до оформления заказа.
Деталей в проекте было очень много, и о каждом можно рассказывать отдельно. Так что в итогах собрали главное:
- Веб-платформа и мобильное приложение на едином бэкенде. Две платформы работают синхронно: корзина, избранное, история покупок — всё это переносится между устройствами автоматически
- Универсальная система интеграций. 13 брендов подключены через API без изменения их внутренних процессов. Новый бренд можно добавить за несколько дней
- Устойчивая архитектура. Платформа выдерживает пиковые нагрузки во время релизов коллекций, быстро загружается благодаря CDN и работает стабильно даже при сбоях у провайдеров
- Продуманный UX. «Поделиться корзиной», интеллектуальный поиск, многоуровневые личные кабинеты — каждая деталь работает на удобство пользователей.
- Топ-1 в App Store в первый день. Приложение возглавило категорию «Шоппинг» в первый день запуска и стало одним из самых обсуждаемых релизов в fashion-сегменте.
Сейчас WE ARE продолжает расти на нашей техподдержке: мы добавляем новые функции, подключаем бренды и постепенно усиливаем платформу — шаг за шагом, вместе с командой клиента.
-
Давайте знакомиться! Расскажите о своём проектеНе знаете, что рассказать нам о проекте?Тогда скачайте подготовленные нами вопросы, которые помогут нам лучше узнать Ваши требования к проекту.Скачать бриф-анкету на разработку сайта
-
Хотите больше узнать о нас? С радостью всё расскажем!