В начале-середине 2000-х все девочки (да что там, и мальчики) с ума сходили от Sims — компьютерной игры, где можно было строить дома, украшать сады и интерьеры и играть персонажами, у которых потребности были схожи с тамагочи: поесть-поспать-поразвлекаться.

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

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

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

Когда-то многие конфигураторы и планировщики писались на Flash. Но Adobe ещё в 2017-м заявил, что планирует похоронить Flash Player. По свежим данным, в компании планируют окончательно перестать обновлять и распространять технологию к концу 2020 года. Браузеры, что логично, тоже перестанут поддерживать Flash. А значит, конфигураторы на нём — не лучшее решение.

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

Кастомизация: можно создать серию корпусов с помощью встроенное модификатора и добавить свои модели фасадов или настроить собственную коллекцию корпусов. Есть интеграция по API с интернет-магазином и 1С для обновления цен и выгрузки заявок.

Цены: есть два тарифа — Business за $ 200 в месяц и Ultimate за $ 2000 в месяц. Главное отличие в количестве сессий (запуск и начало работы в планировщике): в первом случае это 10 000, во втором — уже 75 000.

Яркий пример конфигуратора, который юзают мебельщики на сайтах. Написан на WebGL. Когда мы делали обзор мебельных е-коммерс, то уже успели его затестить: функционал на всех сайтах примерно одинаковый, реализация — тоже.

Кастомизация: по запросу могут поменять дизайн программы под корпоративный стиль и встроить фирменный каталог. если нет 3D-моделей, готовы их сделать (за денежку, конечно).

Цены: для владельцев интернет-магазинов мебели разработчики конфигуратора предлагают два варианта:

1. лицензия для офлайн-доступа (в мебельные салоны) — за одну установку 10 500 рублей, за безлимитное количество установок программы — 315 тысяч рублей.
   
2. подписка на онлайн-версию — 75 000−125 000 рублей единоразово, и пользуйся-не хочу.

Другое часто используемое решение. Разработчики обещают простую установку и предустановленные каталоги с типовыми наборами кухонных штук. Если надо — можно добавить свои 3D-модели. Работает только в браузере, тоже использует API WebGL.

Как выглядит сам конфигуратор:

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

Цены: конфигуратор для 1 сайта без шкафов-купе обойдётся в 890 рублей в месяц, со шкафами — 1900 рублей, хотя есть тариф и за 14 900 в месяц (разница тарифов неочевидна).

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

Как выглядит конфигуратор Roomtodo изнутри:

Кастомизация: можно загружать свои 3D-модели, а если их нет, ребята готовы их сделать для вас.

Цены: от $ 990 до $ 7990 в год. Если вам обязательно нужно, чтобы всё располагалось на вашем сервере, то базовые тарифы не подойдут — придётся разговаривать с менеджерами отдельно.

Помимо конструктора комнаты с меблировкой тут есть фишечка — возможность примерить товар в реальной комнате за счёт приложения и AR/VR-технологий.

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

Цена: мы пытали менеджеров про цену, но вместо этого нам прислали красочную пдф-ку с рассказом о возможностях сервиса.

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

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

Обычно сложные конфигураторы пишутся с помощью Three.js — кроссбраузерной библиотеки JavaScript. Для рендеринга может использоваться Canvas, SVG или уже упоминаемый выше WebGL.

По словам Дмитрия, есть три типичные проблемы заказчиков с 3D-конфигураторами:

1. 3D-модели слишком «тяжелые»
Из-за этого они не подходят для конфигуратора — стоимость его запуска автоматически вырастает, поскольку их приходится перемоделировать.

2. Клиента не устраивает качество полученной 3D-визуализации
Кому-то важно, как выглядит ДСП, кому-то важен материал хрома или прозрачной сетки (скажем, в офисных креслах), кому-то — как будет выглядеть стекло (окна, посуда). Тут лучше сразу посмотреть на предел возможностей браузерного 3D-движка, чтобы не было обманутых ожиданий.

3. Желание сделать конфигуратор есть, а рабочего алгоритма нет
У компании есть желание сделать конфигуратор, но в процессе обсуждения оказывается, что зависимостей между элементами слишком много и/или их нет вообще (и тогда нужна гора 3D-моделей). В этом случае наполнение конфигуратора может вылиться в сумму в разы больше стоимости разработки самого конфигуратора. Это отсекается либо упрощением (например, не использовать некоторые опции в конфигураторе или уменьшить объем материалов до стандартного набора), либо делением конфигуратора (например, помодельно, если система взаимосвязей и параметров в одной модели полностью отличается от остальных).


Есть движки, на которых можно собрать конфигуратор не совсем с нуля: внутри уже есть библиотеки материалов и текстур, например. Или есть какие-то базовые модели, которые можно не делать заново.

Подходит для разработки трехмерных веб-приложений. Внутри есть готовые решения для бизнеса, которые включают программный код и готовые трехмерные модели — их можно взять за основу, а не писать сначала. Для создания моделей лучше использовать Blender, хотя никто не мешает делать их в 3ds Max или Maya (легко переносятся).

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

В версии PRO всё, как надо, а стоимость лицензии на 1 человека — 60 000 рублей (если вы владелец сайта, а конфигуратор вам пишет студия, нужны две лицензии: вам и разработчику).

Модели для Verge3D можно создавать в Blender или 3ds Max. Спектр использования широкий: от просто 3D-моделей в карточки товаров до полноценных конфигураторов всего-чего-угодно (от мебели до сложных агрегатов).

Цены на лицензии разнятся в зависимости от целей использования: для малого бизнеса цена 34 990 рублей, корпоративная лицензия — уже 99 900 рублей.

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

У готовых конфигураторов не всегда годный визуал. Но если ваш товар относительно стандартный, и его можно найти в каких-то готовых библиотеках моделей (и его вид там вас устраивает), то готовые решения с такими библиотеками вполне подходят.

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

Для нашего проверенного проекта Portobello (когда-то eBazaar) мы создали классный конструктор ежедневников. Для промо-сайта Северстали реализовали несложный конфигуратор кровли: можно примерять конкретный цвет и материал к рендеру. Похожий функционал был в подборщике кровли на сайте Технониколь. Подобный принцип и у визуализатора для выбора цвета покрытия на сайте Farbe.

По нашему опыту, 2D-решения покрывают 90% потребностей как розничных интернет-магазинов, так и производителей строительных материалов. Обычно к заказчикам осознание приходит уже на этапе сметы. Решение с 3D получается в разы дороже, рост конверсии при его использовании не гарантирован. Мы рекомендуем начать с простого варианта, и уже потом дорабатывать его до 3D, если в ходе использования такая потребность станет очевидной.