Конструктор коммерческих предложений
Визуальный редактор КП: товары, нанесения, тиражи и скидки с живым превью листа А4 и автоматическим расчётом итогов.
От проблемы к результату
Как мы решали конкретную задачу клиента и что получилось.
Проблема
Менеджеры собирали КП вручную: таблицы, нанесения и скидки считали в Excel, потом переносили в документ. На одно предложение уходило до часа, в суммах регулярно были ошибки. Старый модуль на сайте работал медленно и не давал вести несколько КП одновременно.
Решение
Построили конструктор КП на Vue.js. Менеджер добавляет товары по артикулу, указывает тиражи и нанесения — система сама считает суммы и скидки. Справа всегда виден живой лист А4, полностью совпадающий с будущим PDF. Данные хранятся в лёгких Highload-блоках вместо корзины, поэтому редактор отвечает мгновенно и не конфликтует при параллельной работе.
Результат
Сборка КП сократилась с часа до нескольких минут, ошибки в расчётах исчезли. Менеджер сразу видит готовый документ и отправляет клиенту аккуратный PDF или презентацию в один клик.
Этапы реализации
Аналитика и макеты
разобрали, как менеджеры собирают КП, спроектировали интерфейс редактора в Figma.
Архитектура данных
вынесли КП и товары в отдельные Highload-блоки, отказались от тяжёлой корзины.
Редактор на Vue.js
список с фильтрами, детальная страница с превью А4 и inline-редактированием.
Расчёты и настройки
список с фильтрами, детальная страница с превью А4 и inline-редактированием.
Расчёты и настройки
автоматические итоги, скидки, нанесения; настройки отображения по каждому товару.
Запуск
протестировали с менеджерами, обучили команду, выкатили в прод.
До и после
Excel и ручная перекладка, до часа на КП, ошибки в суммах.
конструктор с живым превью А4, расчёты автоматом, минуты на сборку.
