Інтерфейс конфігуратора схожий на комп’ютерну гру – у користувача є модель автомобіля, яку можна обертати та апгрейдити на свій смак. В якості точок персоналізації ми вибрали два основні елементи: колір кузова та стиль дисків. Усі зміни вносяться в один клік та миттєво відображаються на моделі.

Щоб оцінити зміни в різних умовах, ми надали користувачеві можливість відчиняти та зачиняти двері автомобіля, перемикати зовнішнє освітлення з денного на нічне та вмикати/вимикати фари.

Також конфігуратор дозволяє оглянути салон автомобіля перемістившись на сидіння водія – після кліка на відповідний пункт меню, камера плавно переміщається всередину 3D-моделі, а користувачу відкривається можливість огляду у форматі 360 °.

Для розробки проєкту було задіяно лише два інструменти:

• Three.js – JavaScript-бібліотеку для роботи з 3D-графікою в браузері.
• Vue.js – фреймворк для розробки інтерфейсів користувача.

Для чого потрібні конфігуратори

Можливість самостійно регулювати зовнішній вигляд продукту дозволить вашим клієнтам створювати ідеальні для себе образи, а значить вони з більшою ймовірністю залишаться задоволені отриманим результатом. Відповідно, це конвертується у вигоди для вашої компанії:

• Підвищення лояльності та довіри до бренду.
• Зниження рекламних витрат.
• Збільшення конкурентоспроможності.
• Підвищення конверсії.

Крім того, дослідження Deloitte показує, що клієнти готові платити на 20% більше, ніж персоналізовані товари. Це означає, що ви також можете підвищити середній чек шляхом збільшення вартості товарів.

3D-конфігуратори – це інноваційний та багатофункціональний інструмент, який повністю змінює підхід до продажу товарів. Але eCommerce є лише одним з варіантів їх використання. Вони також будуть корисні у більшості інших сфер, включаючи виробництво технологічних продуктів, маркетинг та геймдев.