SaaS-платформа для согласования дизайна (конструктор мудбордов и ИИ-визуализация)

1Цели и задачи проекта

Мы разработали для студии дизайна интерьеров SaaS-платформу, которая объединила в одном продукте сборку мудбордов, управление проектными товарами, интеграцию с Pinterest, генерацию фотореалистичных визуализаций через нейросеть по API и выпуск итоговой PDF-спецификации. Решение создавалось как рабочий инструмент для команды студии, но архитектурно сразу проектировалось как масштабируемый сервис с личными кабинетами, проектной структурой, токенной логикой и возможностью дальнейшего развития как самостоятельного продукта.

Основная бизнес-задача заключалась в том, чтобы сократить время согласования интерьерных концепций, уменьшить количество ручных операций и связать визуальную часть проекта с коммерческой. До внедрения платформы команда клиента работала сразу в нескольких разрозненных сервисах: отдельно собирала референсы, отдельно вела визуальные подборки, вручную сопоставляла объекты с товарами и формировала презентационные материалы. Мы собрали все эти процессы в едином цифровом контуре, где каждый элемент мудборда может быть связан с конкретным товаром, сметой, генерацией и финальным документом.

Какую задачу решал проект

Для дизайн-студии важно не только создать красивую концепцию, но и быстро довести её до согласования с заказчиком. На практике именно на этом этапе возникает наибольшее количество потерь времени: дизайнеры переносят референсы между сервисами, собирают коллажи вручную, заново описывают товары, готовят сметы в отдельных таблицах и параллельно формируют визуальные материалы для презентации.

Клиенту был нужен инструмент, который решает задачу комплексно. Не просто редактор изображений и не просто генерация через нейросеть, а единая SaaS-платформа, где дизайнер работает с проектом целиком: собирает визуальную идею, управляет объектами на полотне, привязывает их к реальным товарам, импортирует референсы из Pinterest, получает фотореалистичную визуализацию и формирует итоговую спецификацию.

Мы спроектировали решение именно с этой точки зрения: как систему, которая сокращает цикл согласования, делает проектную логику прозрачной и снижает зависимость от ручной сборки промежуточных материалов.

2Функционал платформы

В основе платформы лежит проектный подход. Каждый проект становится самостоятельной цифровой единицей со своими мудбордами, товарами, импортированными референсами, генерациями и финальными документами. Такой подход позволил не просто хранить изображения, а выстроить сквозной процесс: от визуального поиска идеи до подготовки материалов для клиента.

С точки зрения бизнеса это особенно важно. Когда все данные проекта собраны в одной системе, студия получает более предсказуемый рабочий процесс, меньше дублирования информации и более удобную передачу проекта между сотрудниками. Команда видит, какие объекты использованы в концепции, какие из них участвуют в смете, какие визуализации уже были сгенерированы, а какие материалы попали в итоговую спецификацию.

Такая целостность делает SaaS-платформу не вспомогательным сервисом, а центральной операционной системой для дизайн-проекта.

Конструктор мудбордов как основной рабочий инструмент

Ядром решения стал конструктор мудбордов — интерактивное полотно проекта, реализованное по логике современных визуальных редакторов. По UX это рабочая среда, близкая к инструментам вроде Figma: дизайнер свободно размещает объекты, управляет композицией, собирает референсы и работает с идеей как с живой сценой, а не как со статичной подборкой картинок.

Это было принципиально для клиента, потому что именно на этапе мудборда рождается визуальная концепция, которая потом идёт на согласование. Обычный moodboard редко решает прикладную бизнес-задачу, а наш конструктор превратил этот этап в управляемый цифровой процесс.

Для каждого объекта на полотне мы реализовали широкий набор действий: перемещение, масштабирование, деформацию, зеркалирование, настройку прозрачности, а также интеллектуальное удаление фона с помощью ИИ. Это позволило отказаться от лишних переходов во внешние графические редакторы и ускорить работу с визуальными элементами прямо внутри продукта.

Дополнительно объект можно связать с товаром с помощью маркера. За счёт этого каждый визуальный элемент на доске при необходимости становится частью прикладной проектной логики: участвует в смете, получает цену, ссылку и другие атрибуты. Для клиента это был один из ключевых эффектов проекта — соединение креативной и коммерческой составляющих в одном интерфейсе.

Инструменты рисования и точной компоновки

Чтобы конструктор мудбордов мог использоваться не только как доска вдохновения, но и как полноценный рабочий инструмент, мы реализовали в нём функции 2D-редактора. Пользователь может рисовать линии, многоугольники и другие графические примитивы, создавая композиционные схемы, эскизные раскладки и вспомогательные элементы.

Отдельным сценарием стал инструмент «Транспортир», который позволяет проводить линии под заданными углами. Для интерьерного проектирования это полезно при построении направляющих, разворотов, геометрии зон и аккуратной компоновке элементов на мудборде.

С технической точки зрения это потребовало разработки отдельного слоя редакторской математики: координатной системы, обработки векторных примитивов, логики углов, поведения выделения и пользовательских сценариев редактирования. В результате клиент получил не просто коллажный редактор, а гибкую рабочую среду для подготовки визуальных концепций.

Связь визуала с товарами и сметной логикой

Для бизнеса дизайн-студии критично важно, чтобы красивая визуальная концепция не существовала отдельно от товарной части проекта. Поэтому одним из ключевых модулей стала вкладка «Товары», где собраны все позиции, относящиеся к конкретному проекту.

Каждая позиция может быть связана с мудбордом, на котором она используется. Благодаря этому дизайнер, менеджер проекта и сам заказчик могут быстро понять, где именно применяется конкретный предмет, какая у него стоимость и должен ли он участвовать в итоговой смете.

Такой сценарий значительно упрощает согласование. Вместо набора абстрактных референсов студия показывает клиенту структурированный проект, в котором каждая визуальная идея может быть привязана к реальному товару. Это повышает прозрачность коммуникации и снижает объём уточнений на следующих этапах.

3Интеграция с Pinterest по API

Значительная часть визуального поиска в интерьерной сфере происходит в Pinterest, поэтому для клиента было важно встроить этот источник вдохновения прямо в продукт. Мы реализовали интеграцию с Pinterest по API и добавили отдельный раздел «Ваши доски», где пользователь видит свои доски, иерархию и пины.

Дальше дизайнер может быстро добавлять нужные материалы в проект, не скачивая картинки вручную и не перенося их между разными сервисами. Это уменьшает трение в пользовательском сценарии и делает саму платформу естественным продолжением привычного процесса работы.

Для клиента это означало важный бизнес-эффект: меньше ручных действий, быстрее сборка концепций и выше вовлечённость команды, потому что платформа не ломает привычный процесс, а усиливает его.

Обогащение импортированных объектов данными

После импорта из Pinterest объект не остаётся просто картинкой. Мы реализовали отдельный сценарий редактирования, в котором элемент можно дополнить прикладными данными: ссылкой на товар, названием, ценой, скидкой, дополнительными параметрами и флагом «участвует в смете».

Это особенно важно в B2B-логике подобных продуктов. Реальный бизнес-эффект возникает не тогда, когда дизайнер просто собирает красивую подборку, а когда каждый выбранный элемент можно использовать дальше — в расчётах, подборе, согласовании и формировании документов.

Таким образом, платформа начала закрывать не только задачи визуального поиска, но и задачи товарного сопровождения проекта, что напрямую влияет на удобство работы студии и качество коммуникации с заказчиком.

4ИИ-визуализации

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

Пользователь выделяет конкретную область мудборда, которая должна стать основой генерации. Именно эта часть полотна отправляется в систему как подготовленный эскиз сцены. Такой подход делает результат более предсказуемым, потому что нейросеть получает не только стилистическое намерение, но и визуальную композицию, уже собранную дизайнером.

На один запрос система возвращает одно готовое изображение. Такой сценарий был выбран осознанно: он упрощает расчёт стоимости генерации, делает использование сервиса более прозрачным и помогает контролировать пользовательские сценарии. Для клиента мы реализовали токенную модель, в которой каждая генерация списывает определённое количество токенов.

Дополнительно был разработан личный кабинет пользователя с балансом, историей операций и логикой учёта генераций. За счёт этого решение стало полноценным SaaS-продуктом, пригодным не только для внутренней команды студии, но и для последующего масштабирования как отдельного сервиса.

С точки зрения бизнеса это дало сильный эффект: дизайнеры получили возможность быстро превращать собранный эскиз в убедительную фотореалистичную визуализацию без долгого цикла ручной 3D-подготовки. Это ускоряет принятие решений, улучшает коммуникацию с заказчиком и повышает ценность самого сервиса для конечного пользователя.

5PDF-спецификация

Чтобы замкнуть процесс согласования, мы реализовали генерацию PDF-спецификации проекта. Документ автоматически собирает материалы по проекту в аккуратный формат для передачи заказчику и внутреннего использования.

В PDF включаются мудборды проекта, а также QR-код со ссылкой на цифровую версию проекта. Это позволяет перейти из статичного документа обратно в платформу и продолжить работу с актуальными данными, не теряя связи между презентационным и рабочим контуром.

Для клиента это означает стандартизацию проектной выдачи и экономию времени команды на подготовке финальных материалов.

6Результаты проекта

С инженерной точки зрения проект объединил несколько сложных контуров: интерактивное полотно с логикой графического редактора, товарную модель, внешнюю интеграцию с Pinterest, генеративный AI-модуль по API, токенную механику SaaS-сервиса и систему сборки PDF-документов.

Ключевой задачей стало проектирование единой модели данных, в которой визуальный объект, товарная сущность, элемент сметы и результат генерации не существуют изолированно, а связаны между собой в рамках одного проекта. Именно эта связность делает платформу по-настоящему полезной для бизнеса, а не просто технологически интересной.

Также мы закладывали решение с расчётом на развитие: многопользовательскую логику, масштабирование проектной структуры, расширение AI-функций, подключение новых внешних источников и возможность дальнейшей коммерциализации продукта.

В результате клиент получил не набор отдельных функций, а единую SaaS-платформу для управления согласованием дизайн-проектов. Продукт сократил количество ручных операций, ускорил сборку мудбордов, упростил работу с референсами, связал визуальную часть проекта со сметной логикой и добавил в процесс быстрый AI-инструмент для генерации фотореалистичных визуализаций.

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

Именно в этом и заключалась ценность проекта: мы не просто внедрили нейросеть в отдельный сценарий, а встроили AI-функциональность в реальный бизнес-процесс студии так, чтобы она усиливала продукт, экономику и пользовательский опыт одновременно.