Разработка платформы - маркетплейса на Next.js для сети ювелирных магазинов и их партнеров

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

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

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

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

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

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

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

Сложность проекта была именно в переплетении всех этих систем в единый сценарий. Выбор камня из каталога передаёт параметры в конфигуратор изделия. Конфигуратор передаёт данные в 3D-генератор. Результат привязывается к заказу. Заказ попадает к продавцу и в административную панель. Разрыв в любом звене ломает весь пользовательский путь от первого просмотра камня до получения готового украшения.

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

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

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

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

Центральная и технически наиболее сложная часть проекта: модуль AI-генерации 3D-визуализации изделий. Он работает в двух режимах.

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

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

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

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

Мультиязычность реализована через механизм интернационализации Next.js с отдельными URL-структурами для каждого языка. Контент хранится в базе с привязкой к языковому коду: переводятся не только элементы интерфейса, но и описания камней, SEO-метаданные и документация. Каждая языковая версия индексируется поисковиками как самостоятельная страница с корректными hreflang-атрибутами.

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

Платформа запущена и работает в полном объёме. Все заявленные функции реализованы и функционируют в production-среде: каталог с многоуровневой фильтрацией по характеристикам камней, AI-генерация 3D-визуализации изделий в двух режимах, личные кабинеты покупателей, панель продавцов и административный интерфейс.

Одним из показательных результатов стало SEO-продвижение. Сайт занял первую строчку в поисковой выдаче по ключевому запросу "gems of solomon", вытеснив со своих позиций всех конкурентов по этому запросу: авторов книг, исторические сайты, статьи о царе Соломоне и другие ресурсы, которые исторически занимали эти места. Это нетривиальный результат для коммерческого проекта в нише с таким информационным шумом вокруг бренда.

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

Технически платформа показывает стабильную работу под нагрузкой. Скорость загрузки страниц каталога при сложных фильтрах остаётся высокой за счёт правильно выстроенной архитектуры запросов и индексирования на уровне базы данных. 3D-генератор обрабатывает запросы на серверной стороне без деградации пользовательского опыта.

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