Кейс 01 · E-commerce · 2026

ProStore

Маркетплейс домашнего текстиля. Сквозная работа: бренд и дизайн-система, покупательская витрина, мобильное приложение, внутренняя админ-панель и backend.

Роль
Full-stack · design engineering
Срок
10 недель
Стек
TanStack Start · NestJS · TypeScript
Площадки
Web · Mobile · Admin · API
ProStore · Домашний текстиль
Уютный дом
по честной цене
Витрина · герой-экран

Задача. Запустить маркетплейс постельного белья с каталогом, который синхронизируется из Wildberries, оплатой через ЮKassa и доставкой пятью службами. Нужен был единый визуальный язык и рабочий backend для витрины, мобильного приложения, админки и интеграций.

Я взял проект целиком — от бренд-платформы и токенов до frontend и backend. Главным было сделать систему, в которой витрина, приложение, админ-панель и API ощущаются одним продуктом, но каждый слой решает свои задачи.

4
Слоя продукта
1 284
Товара из WB
52
Компонента UI-кита
5
Интеграций доставки и оплаты

Фундамент — тёплая нейтральная палитра с одним sale-акцентом и шрифтом Onest. Токены, типографика и компоненты задокументированы и переиспользуются во всех трёх средах.

Палитра
Onest
Дисплей · текст · цифры
Типографика
Токены и базовые компоненты дизайн-системы ProStore

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

Комплекты
от 2 490 ₽
Одеяла
от 2 490 ₽
Подушки
от 2 490 ₽
Каталог · сетка товаров
Сетка каталога с фильтрами и быстрым просмотром

Клиентское приложение в нативной мобильной логике: таб-бар, bottom-sheets, степперы, светлая и тёмная темы. Полный флоу — от каталога до оформления и трекинга заказа.

Главная, тёмная тема и карточка товара · iPhone

Внутренний инструмент: дашборд, заказы со сменой статусов, товары с инлайн-редактированием цен и остатков, интеграции с WB / ЮKassa / службами доставки.

В админке тот же бренд, но плотнее и спокойнее: espresso-сайдбар, кремовый workspace и интерфейс, рассчитанный на регулярную работу.

Дашборд · метрики и заказы
Админ-дашборд: KPI, график продаж и синхронизация с Wildberries

Backend собирался на NestJS как модульный монолит: каталог, товары, пользователи, заказы, корзина, статусы, интеграции с оплатой, доставкой и синхронизацией данных. Такой формат быстрее для запуска, но оставляет понятные границы модулей.

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

API GatewayNestJS
CatalogOrdersPaymentsDeliveryUsersNotify
WildberriesЮKassaDelivery APIs
NestJS · API architecture
Модульный backend: API, доменные модули и внешние интеграции

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

Дизайн-системаВитринаMobile · 2 темыАдминкаBackend · NestJSМикросервисная готовность
Следующая работа
Lumen Health →