Art People — ежегодный проект SELA, посвящённый коллаборациям бренда с художниками, иллюстраторами, дизайнерами и другими творческими людьми
Наведите камеру на QR, чтобы оживить картину (анимация сгенерирована с помощью Kling 3.0)
В рамках проекта был разработан интерактивный веб-конфигуратор, который позволяет пользователям самостоятельно создавать капсульные коллекции одежды и делиться ими в социальных сетях с хештегом #artpeople
ЦА: Возраст: 25–30 лет Характеристики: интерес к моде как форме самовыражения, ценность интеллектуального и концептуального контента, а также вовлечённость в креативные индустрии.
Черновой эскиз интерфейса
Решаемая задача: Проект решает задачу вовлечения аудитории в творческий процесс бренда и формирования сообщества вокруг него. Вместо пассивного потребления пользователь становится соавтором, что усиливает эмоциональную связь с брендом.
Финальный интерфейс
Функциональность:
- Выбор базового цвета изделия (4 варианта)
- Создание принта: с помощью встроенных инструментов рисования (кисти) либо загрузка собственного изображения
- Масштабирование и расположение принта на одежде
- Экспорт результата (автоматическое сохранение изображения)
- Возможность публикации в соцсетях
Лендинг кампании
Сама веб-тулза интегрирована в лендинг кампании и размещена после раздела с действующими коллекциями, что обеспечивает плавный переход пользователя от просмотра ассортимента к интерактивному взаимодействию с продуктом.
Архитектура проекта представляет собой клиентское веб-приложение, реализованное на чистом JavaScript без использования фреймворков. Основная логика сосредоточена в модуле app.js, где реализован класс DrawingSurface, отвечающий за работу с HTML5 Canvas, обработку пользовательского ввода и управление инструментами рисования.
Проект использует Canvas API для графики, ResizeObserver для адаптивности и библиотеку html2canvas для экспорта изображения. Структура проекта включает HTML-интерфейс, стили, JS-логику и набор статических ассетов (изображения и иконки).
- Задача была сформулирована через ИИ: создать веб-инструмент для кастомизации одежды (рисование по модели, выбор цвета, сохранение результата)
- ИИ сгенерировал базовую структуру проекта и реализовал основной функционал (canvas, инструменты рисования, undo, экспорт изображения)
- Далее проект дорабатывался итеративно: объединение изображений, ограничение зон рисования, улучшение интерфейса
- В процессе решались технические проблемы: запуск на разных устройствах, деплой
- После исчерпания лимитов в Cursor код дополнительно тестировался и частично дорабатывался в Manus
- Финальная версия была задеплоена и адаптирована под бренд
ИИ-генерации
Для проекта также были сгенерированы видеоматериалы в Kling 3.0, включая анимации картин художников.
Примеры некоторых промптов:
Without changing the format or the image itself, animate it organically, as if the girl in it were alive and everything around her was moving. Don’t change the image, just animate it well.
The model in the reference photo poses harmoniously for the camera, smiling slightly. Elements of the painting are floating in the air near the model; don’t change them in any way, just make them float. Otherwise, leave everything as in the reference photo, just animate it exactly as prompted. Don’t add anything extra to the frame. The video quality is excellent. Don’t change the frame format.
До создания видео выполнялась генерация изображений в Nano Banana 2; процесс проходил в несколько итераций с постепенной доработкой
Спасибо! ♡
