gregyku ~/portfolio
> cat кейсы/localmasters-art.md
ИИ и автоматизация

ЛОКАЛЬНЫЕ: маркетплейс искусства на AI с кастомной CMS

Собрал с нуля с помощью AI арт-маркетплейс localmasters.art: кастомная CMS, сжатие фото, генерация работ в интерьере и глубокое SEO

150+работ в каталоге
41SEO-статья на автопостинге
Node.jsкастомный движок без CMS
0 ₽на подрядчиков и агентство
> что сделано
> подробности

ЛОКАЛЬНЫЕ (localmasters.art) это арт-платформа, которая соединяет местных художников с дизайнерами и заказчиками по всей России: единый каталог, документы, доставка под ключ. Я собрал проект с нуля с помощью AI: от архитектуры до кастомной CMS и SEO. Ни конструктора, ни готового движка, ни агентства. Чистый Node.js, одна зависимость для картинок и AI-ассистенты вместо команды разработчиков.

Главная страница ЛОКАЛЬНЫЕ Главная: местное искусство показано сразу в интерьерах, а не на белом фоне

Задача

Нужна была не витрина на конструкторе, а полноценный продукт: каталог на сотни работ, продающие карточки, блог под SEO, приём заявок, кабинет для дизайнеров и своя админка, которой пользуется не программист. Готовые платформы либо дорогие, либо не дают такой гибкости, а разработка в агентстве заняла бы месяцы и бюджет. Поэтому я написал сайт сам, используя AI для кода (Claude Code, Codex, Cursor).

Фото работ в интерьере

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

Работа в сгенерированном интерьере Карточка работы: оригинал фото и та же работа, вписанная в нейросетевой интерьер с тенями

Автоматическое сжатие и оптимизация фото

Художники загружают тяжёлые фото с телефона. Сайт обрабатывает каждую картинку на лету через библиотеку sharp: разворачивает по EXIF, ужимает до 2000 px, убирает прозрачность и пересжимает в mozjpeg с оптимальным качеством. Дополнительно отдаёт WebP тем браузерам, которые его понимают. Каталог на 150 с лишним работ грузится быстро, а редактору не нужно ничего оптимизировать вручную.

Каталог с фильтрами

Каталог собирает 150 с лишним работ и даёт покупателю быстро сузить выбор. Фильтры идут по типу произведения, стилю, формату, городу художника и цене, плюс поиск по названию, автору и городу и переключатель «только доступные». Списки значений в фильтрах не захардкожены: типы, стили, форматы и города собираются из самих работ, поэтому каталог всегда честно показывает то, что реально есть в наличии. Есть сортировка по цене и постраничная навигация по 24 работы.

Каталог с фильтрами Фильтры по типу, стилю, формату, городу и цене, поиск и счётчик найденных работ

Коллекции под коммерческие запросы

Поверх каталога собраны 12 тематических подборок: картины для офиса, для ресторанов и отелей, в подарок, для гостиной, для спальни, скульптура и арт-объекты, работы до 50 000 рублей и другие. Каждая подборка живёт на отдельной посадочной странице со своим заголовком, вводным текстом, SEO-описанием и блоком вопросов и ответов. Работы попадают в подборку автоматически по ключевым словам и типу, а сами страницы заточены под коммерческие запросы вроде «картины для офиса купить».

Коллекции-подборки Подборки под задачу: для офиса, ресторанов, дома и в подарок, каждая под свой запрос

Кабинет партнёра-дизайнера

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

Кабинет дизайнера Личный кабинет партнёра: ставка комиссии, сводка по продажам и таблица заказов со статусами

Кастомная CMS

Вся платформа управляется через собственную панель: работы, блог, попап подписки, заявки, дизайнеры, заказы и отдельная SEO-вкладка. Никакого WordPress, админка написана под конкретные задачи проекта.

Панель управления CMS Панель управления: 153 работы, статусы, вкладки. Работы без фото автоматически прячутся с сайта

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

Редактор работы в CMS Редактор карточки: все поля товара, SEO-описание с автогенерацией, загрузка фото и интерьера

Попап подписки и настройки

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

Попап подписки Всплывающее окно подписки: заголовок, текст и поле email, всё настраивается из админки

Остальные настройки тоже вынесены в панель: название сайта и слоган, отдельные пароли для админа и для редактора (у редактора доступ только к работам), ставка комиссии дизайнеров по умолчанию и уведомления в Telegram. Уведомления идут через промежуточный воркер на Cloudflare, потому что российский хостинг блокирует прямой доступ к api.telegram.org, а токен бота при этом хранится в воркере, а не в базе сайта.

Глубокая SEO-оптимизация

SEO зашито в сайт на всех уровнях. На страницах микроразметка Schema.org (Organization, VisualArtwork, Product с ценой и наличием, коллекции, хлебные крошки, FAQ), канонические адреса, Open Graph, человекочитаемые URL, sitemap.xml и robots.txt, привязка к регионам Москва и Санкт-Петербург. Блог сделан под информационные запросы, а коллекции-подборки под коммерческие.

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

SEO-дашборд в CMS SEO-панель: заполненность каталога в процентах, список проблемных карточек и массовая чистка URL

SEO-блог как контент-завод из нейросетей

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

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

Блог, заточенный под SEO Лента блога: обложки-интерьеры от нейросети, категории и теги под поисковые запросы

Каждая статья собрана как полноценная SEO-страница: оглавление, разметка, время чтения, теги, обложка и иллюстрации, перелинковка с каталогом.

Статья с оглавлением и иллюстрациями Внутри статьи: оглавление, нейросетевые иллюстрации с подписями и текст по SEO-структуре

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

Вывод

Один человек с AI-инструментами сегодня собирает то, что раньше требовало команды: дизайнера, фронтендера, бэкендера и SEO-специалиста. ЛОКАЛЬНЫЕ работают как живой маркетплейс с каталогом на 150 с лишним работ, фильтрами и подборками, кабинетом для дизайнеров, своей CMS, генерацией интерьеров и SEO уровня, до которого редко доходят даже агентские сайты. И всё это собрано мной с помощью нейросетей, без единого подрядчика.

> ссылки
> вопросы и ответы

Частые вопросы

Сайт правда собран нейросетями?

Да. Архитектуру, код бэкенда и фронтенда, кастомную CMS и SEO я собрал сам с помощью AI-ассистентов (Claude Code, Codex, Cursor). Это чистый Node.js без конструкторов и готовых движков.

Как работает фото работы в интерьере?

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

Зачем своя CMS, а не WordPress?

Готовые CMS тянут лишний вес и не дают нужной гибкости: генерации интерьеров, автосжатия фото, SEO-дашборда под конкретный каталог. Своя панель написана ровно под задачи проекта и работает быстрее.

Можно повторить такой проект под другой бизнес?

Да. Подход переносится на любой каталожный проект: маркетплейс, интернет-магазин, витрину услуг. Меняются данные и логика карточек, а связка кастомный движок плюс AI-разработка остаётся.

> услуги по теме
> связаться