Чтобы никто не запутался при использовании конструктора, сделали все максимально просто и логично: основные компоненты сверху в нужном порядке, снизу — дополнительные товары, сбоку — состав набора. 

Проблема интернет-магазина — люди, которые посмотрели товары, но не заказали. Заметная кнопка «В корзину« помогает оформить заказ быстрее и проще. 

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

Конструктор упрощает подбор правильных компонентов — после того, как посетитель выбирает один из компонентов, остальные детали выбираются только среди подходящих по размеру.

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

Благодаря такому взаимодействию покупателю проще решить в пользу покупки. Заказ онлайн до сих пор вызывает у многих напряжение — вдруг товар на самом деле не такой, как на картинке? Поиграть с 3d-моделью — все равно что «пощупать« покупку онлайн.

Добавили возможность открыть и рассмотреть 3D-модель товара из каталога. 

Чтобы 3D-модель выглядела максимально близко к настоящему объекту, важно тщательно соблюсти его геометрию. Для этого настроили сетку (вершины, ребра и полигоны, из которых состоит объект) так, чтобы при рендере объекта не возникало ошибок, которые будут выглядеть как неровности на поверхности.

Чем больше полигонов (маленьких участков поверхности) используется при создании 3D-модели, тем она качественнее, но и тем тяжелее весит. Компоненты в конструкторе должны не только хорошо смотреться, но и быстро загружаться, поэтому важно было использовать минимальное количество полигонов, не потеряв в качестве.

Чтобы модель выглядела круто, но не перегружала сайт, в нужных местах использовали smoothing — сглаживание углов. А чтобы сглаживание не было слишком сильным и модель не получилась «пластмассовой», добавили ребра по краям.

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

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

В итоге загрузка прошла быстро и легко — пришлось исправлять всего две ошибки.