TL; DR
- Kortex продаёт 6000 автозапчастей на маркетплейсах; под разные площадки каждому товару нужно несколько карточек — всего около 30 000 изображений.
- Дизайнеры собирали макеты вручную и подбирали фото машин нужных моделей — месяцы рутины; любое обновление дизайна означало переделку всех карточек заново.
- Собрал конвейер: мастер-шаблон в Figma + галочки в Google Таблице → готовые карточки. Внедрение нового дизайна — часы вместо месяцев.
Контекст
Клиент — Kortex, продавец автозапчастей на маркетплейсах. Каталог — 6000 SKU, и для каждого товара нужно 3–5 карточек под разные площадки и форматы. Итого порядка 30 000 изображений, которые должны выглядеть едино и обновляться вместе с дизайном бренда.
Проблема
Карточки собирались вручную. Дизайнеры подбирали фотографии машин нужных моделей, ставили их в макеты, подгоняли под требования площадок — месяцы однотипной работы. Хуже того: когда менялся дизайн — фон, плашка скидки, расположение элементов — переделывать приходилось весь массив карточек заново. Каталог фактически держал маркетинг в заложниках: эксперименты с визуалом на 6000 SKU были недоступны.
Подход
- Мастер-шаблон в Figma. Весь дизайн живёт в одном файле. Дизайнер правит шаблон — и больше не трогает отдельные карточки.
- Управление из Google Таблицы. Менеджер отмечает нужные SKU галочками и жмёт «Запустить генерацию» в кастомном меню (Apps Script). Никаких дизайнерских инструментов на стороне менеджера.
- Скрипт-оркестратор. Преобразует шаблон в код, подставляет данные товара, фото детали и фото машины, рендерит карточки по всем форматам.
- База фото автомобилей. Чтобы не искать фотографии машин вручную, собрали базу из 1000+ сгенерированных изображений автомобилей в едином ракурсе — оркестратор подбирает нужную модель сам.
- Готовое — на Яндекс.Диск. Результаты автоматически раскладываются по папкам, откуда уходят на площадки.
Результат
- До 30 000 дизайнов на 6000 SKU — в один клик.
- Внедрение нового дизайна: часы вместо месяцев. Маркетинг получил свободу A/B-тестировать визуал на всём каталоге.
- Ручной подбор фотографий исчез, вместе с ним — и ошибки ручной сборки.
Что бы сделал иначе
Конвейер зависел от имён слоёв в Figma: опечатка в имени ломала рендер, а отсутствующий исходник останавливал партию. Сейчас бы с первого дня поставил валидацию шаблона и исходных данных перед запуском — «проверь, потом рендери». И раньше занялся бы нормализацией данных каталога: чистые данные оказались половиной успеха всей автоматизации.