Личный кабинет УЮТ с конструктором изделий

(B2B-портал)
ОтрасльПРОИЗВОДСТВО СОЛНЦЕЗАЩИТЫ, ДЕКОР ОКНА
УслугаVUE 2, NUXT, NEST, GRAPHQL, TS, PINIA
ПлощадьЛК дилера + конструктор + админка
Год2023

УЮТ — крупнейший в России и СНГ производитель солнцезащиты и декора окна; компания ориентирована на B2B через дилеров, ассортимент и число модификаций делают заказ крайне сложным для «витрины маркетплейса». В code1618 пришли с задачей личного кабинета с конструктором: визуально собрать изделие и оформить заказ в пару кликов, убрав ручные бланки, e-mail и повторный ввод в приёмке.

  • Конструктор товаров с предпросмотром и передачей модификаторов в производственную БД
  • Реал-тайм расчёт цен; автоматическое создание заказа в производстве без дублирования вручную
  • Раздел «Мои заказы»: список, поиск, фильтры, счета и накладные; превью позиций из стабильных ID композиции
  • Профиль: компания, шаблоны адресов и грузополучателей, смена логотипа в шапке для бренда салона
  • Админка: ткани, модификаторы, группы — без релиза разработчиками при новом цвете или комплектации
  • Интеграция 10 000+ клиентов: ввод внутреннего ID из legacy-базы — автозаполнение реквизитов и адресов
  • Рефакторинг наследия: ~70–80% бэкенда переписано, ~4000 строк удалено / ~2500 новых; связка с интегратором

Ключевые задачи:

Минимизировать время обработки заказа и человеческий фактор: дилер собирает заказ при клиенте, данные уходят в производство напрямую. По итогам у заказчика — до ~5× ускорение работы менеджеров и приёмки, ~2× быстрее онбординг новых сотрудников у дистрибьюторов.

Список заказов: статусы, суммы, превью позиций, документы

Раньше менеджер салона заполнял бланк, отправлял письмом, в УЮТе заказ набирали заново — теперь конфигурация уходит в БД автоматически. Каждый выбранный модификатор мапится на поле производственной системы; на позицию уходит тяжёлый расчёт (порядка 66 000 строк логики), до 18 уникальных модификаторов. Критична точность сопоставления со старой базой 1980–90-х — иначе заказ искажается.

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

Карточка заказа: состав, модификаторы, повтор, счета

Админка: модификаторы, ткани, системы изделий

Профиль тянет реквизиты, контакты, адреса и грузополучателей из производственного контура; дилер может подставить свой логотип и оформлять заказ «под салон» при клиенте. Админка даёт сотрудникам УЮТа самостоятельно добавлять ткани, цвета и модификаторы — каталог на витрине конструктора обновляется без очереди на разработку.

Интеграция клиентской базы: у каждой компании десятки полей; вместо полного дублирования сделали прослойку и подстановку по ID из старой базы — менеджер вводит идентификатор, форма заполняется. Это снизило объём ручного переноса и сохранило привычные бизнес-процессы. Стек оставили близким к наследию (Vue 2, Nuxt), дизайн — частично от заказчика, часть экранов дорабатывали совместно.