Брендирование товаров онлайн для клиентов компаний

Задача

Компания Ucontay.kz продает корпоративные подарки с логотипами. Раньше клиентам приходилось присылать свой логотип, а менеджеры вручную накладывали его на фото товаров для коммерческого предложения.

Нужно было сделать так, чтобы клиент мог сам:

• Загрузить свой логотип прямо в карточке товара или корзине
• Разместить его на товаре в нужном месте
• Повернуть, увеличить или уменьшить логотип
• Получить PDF с товарами и своим логотипом

Как это работает

Настройка со стороны админа

Администратор загружает фото товара и указывает область, куда можно наносить логотип. Например, на кружке это центр, на ручке — боковая поверхность.

После этого в карточке товара появляется кнопка "Конструктор нанесения".

Работа клиента

Клиент нажимает на кнопку и видит редактор. Там можно:

• Загрузить файл логотипа (PNG, JPG, SVG)
• Изменить размер логотипа
• Повернуть его
• Переместить в пределах заданной области
• Удалить и загрузить новый

Логотип накладывается автоматически на всех фото варианта товара. Клиент сразу видит результат.

Генерация PDF

После оформления заказа система автоматически создает PDF-файл. В нем все товары с нанесенными логотипами, цены и описания. Формат А4, готов к печати.

Технические детали

Приложение интегрировано в магазин на InSales. Используется:

• Canvas API для наложения логотипа на изображение
• File API для загрузки файлов
• PDF библиотека для генерации коммерческих предложений
• InSales API для работы с товарами и заказами

Результат

Магазин получил готовый инструмент персонализации:

• Клиенты видят товары со своим логотипом до покупки
• PDF формируется автоматически — не нужны менеджеры
• Конверсия в заказ выросла — клиенту проще решиться на покупку, когда он видит результат
• Экономия времени на обработке заявок

Функционал работает прямо в корзине и карточке товара. Клиент может добавить несколько товаров с разными логотипами и получить одно общее КП.