Кейс · E-commerce · Разработка сайтов · SEO и контент · Корпоративные порталы

Ardabil Galerie — онлайн-галерея ковров ручной работы

Премиальная онлайн-галерея ковров ручной работы. Ядро продукта — AI-примерка: пользователь выбирает своё помещение или стиль интерьера, и каждый ковёр сразу показывается вписанным в эту обстановку, а подборка фильтруется под выбранную сцену. Плюс поиск по цвету, карточки лотов, закрытый портал для дизайнеров и контент-журнал. Next.js + PayloadCMS + MongoDB.

Разработка интернет-магазинов в МинскеРазработка сайтов и веб-приложений в Минске

О продукте

Главное — увидеть ковёр в своём интерьере

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

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

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

Сайт проекта: ardabil.ru

Связанный кейс: AI-рендеры в интерьерах и анализ карточек ковров готовит отдельный инструмент — Aura Agent.

Команда

Со стороны студии: разраб...

Период работы

около 2 месяцев

Примерная стоимость

от 36 000 BYN

Какая была задача

Задача

Сделать онлайн-галерею, где дорогой ковёр ручной работы можно выбрать так же уверенно, как в шоуруме:

AI-примерка как ядро каталога — показать каждый ковёр в выбранном пользователем помещении и стиле интерьера, а не только фронтальным студийным фото.
Подбор под интерьер — отсортировать и отфильтровать выдачу под выбранную сцену, цвет и размер.
Карточка лота с фотодокументацией и атрибуцией (школа, материал, плотность узла, возраст), цена в двух валютах.
Закрытый портал для партнёров-дизайнеров: приватные лоты, проекты, документы.
Контент-журнал для SEO и экспертного образа бренда; заявки, сообщения, push.

Решение

Продукт собран на Next.js (App Router) + PayloadCMS в единой кодовой базе на TypeScript, данные — MongoDB.

AI-примерка (mise en scène). Для каждого ковра подготовлены AI-рендеры в типовых помещениях и стилях интерьера. На каталоге пользователь переключает сцену — и карточки переходят из «фронтального» режима в режим рендера: ковёр показан прямо в выбранной обстановке. Если рендера под сцену нет — карточка честно приглушается с подсказкой, где этот ковёр уже снят.
Подбор под сцену. Сортировка «сначала с примеркой» поднимает наверх ковры, подходящие под выбранное помещение/стиль; рядом — фасетные фильтры.
«Цветовая наука» поиска. Атрибуты ковра (цвет, тон, насыщенность, контраст, теплота, материал, плотность узла, школа, эпоха, форма, размер) вынесены в коллекции-справочники Payload — отсюда фасетная фильтрация и подбор по реальному цвету, а не по тегам.
Карточка лота со студийной фотодокументацией, атрибуцией и ценой в рублях и долларах.
Закрытый партнёрский контур на ролях и доступах Payload: приватные лоты, проекты, документы — только для авторизованных партнёров.
Журнал «Атлас» на той же CMS — SEO-канал; Web Push (VAPID), заявки и сообщения — удержание и бронь лота.

Сложности и вызовы

Сложности и как закрыли

Достоверная примерка для каждого ковра. Ковёр в интерьере должен выглядеть правдиво, а не «вырезанным в фотошопе». Завели на товаре конвейер AI-рендеров с привязкой к помещению/стилю и параметрами сцены (свет, ракурс), а в каталоге — переключение «фронтал ↔ рендер» с честным фолбэком, когда визуализации под сцену нет.
Фильтрация по цвету. «Бежевый» у одного — «песочный / тёплый / низкий контраст» у другого. Разложили цвет на независимые оси и фильтруем по ним, а не по названию.
Тяжёлые студийные фото и рендеры. Подключили серверный ресайз и перекодирование (до 1200px, mozjpeg) на загрузке, чтобы каталог с десятками изображений-в-интерьере оставался быстрым.
Два контура доступа в одном проекте. Публичная галерея и закрытый портал партнёров — в одной кодовой базе, доступы разграничены на уровне коллекций Payload.

Результаты

Результат

Запущена онлайн-галерея ковров ручной работы под ключ. Ядро — AI-примерка: ковёр виден в выбранном помещении и стиле ещё до визита и заявки.
Подбор работает под интерьер: по сцене, цвету, размеру и атрибутам; каждый лот — с фотодокументацией.
Журнал «Атлас» закрывает SEO-запросы вокруг школ ткачества, материалов и ухода.
Партнёры-дизайнеры получили отдельный закрытый контур с приватными лотами.
Срок реализации — около 2 месяцев.

Функциональность