Веб-дизайн
Веб-сайт

3D-конструктор для сайта

Разработали конструктор, чтобы посетители сайта могли собрать свою 3d-модель самогонного аппарата с индивидуальными характеристиками и сразу заказать все комплектующие.

Интерфейс

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

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

Выбор компонентов

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

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

Состав набора

Сборка модели

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

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

Разработали больше двухсот 3D-моделей

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

Геометрия объектов

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

Детали

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

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

Загрузка моделей в конструктор

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

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

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

© BEIO 1999-2022 All rights reserved.
Этот сайт использует файлы cookies
Принять