3D конфігуратор електроніки

Електроніка преміальних hi-fi і hi-end сегментів – це специфічний товар, продавати який може бути досить складно. Це пов’язано з його високою вартістю і, відповідно, дуже вузької ринкової нішею і невеликою кількістю потенційних покупців. Тому цінність кожного потенційного клієнта в воронці продажів електроніки преміум-класу дуже велика, і упускати її просто неприпустимо.

Для залучення і утримання клієнтів можна використовувати різні способи. Але в разі, якщо ваш магазин пропонує стильну електроніку преміум-класу, поряд з характеристиками важливим параметром є також дизайн. Навіть більше – дизайн часто відіграє чи не визначальне значення в рішенні про покупку. Адже hi-end сегмент максимально віддалений від типових зразків побутової електроніки і являє собою справжні витвори мистецтва!

Але ваш потенційний покупець повинен знати, як та чи інша модель акустичної апаратури або домашнього кінотеатру буде виглядати в дизайнерському інтер’єрі. Простіше кажучи, дуже важливо, щоб покупець «побачив» товар в своєму приміщенні ще до того, як вирішить його придбати.

Тут найкращим рішенням буде використання 3D конфігуратора електроніки для приміщень. Конфігуратор є веб-додатком, який може бути запущено прямо з каталогу або зі сторінки конкретної моделі. У конфігураторі користувач може самостійно, з наданих моделей і елементів, задати приміщення і розмістити в ньому зразок електроніки, який його цікавить. Таким чином потенційний покупець побачить готовий інтер’єр і зрозуміє, як в ньому буде виглядати, наприклад, потужна акустична система преміум-сегмента.

У конфігураторі можна налаштовувати освітлення для того, щоб отримати максимально повне уявлення про зовнішній вигляд товару і розглянути його з усіх боків. Модель електроніки можна додати в конфігуратор з каталогу, потім при необхідності замінити, використовуючи інтерфейс самого веб-додатка.

Ще один варіант використання конфігуратора – це кастомізація електроніки. Якщо ви пропонуєте дизайнерське оформлення побутової електроніки в преміум сегменті, з можливістю поміняти колір корпусу, стиль деяких деталей і т.д., додайте в каталог конфігуратор. Нехай ваші клієнти отримають можливість самостійно задати дизайн обраної моделі – це значно підвищить зацікавленість в покупці.

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

При створенні конфігуратора під конкретний проєкт в компанії AVADA MEDIA використовується технологія WebGL. Дана технологія дозволяє реалізувати тривимірну графіку в браузері на базі HTML5, без потреби в додаткових плагінах. Програмується конфігуратор на скриптовій мові JavaScript з використанням двох кросбраузерних бібліотек, Three.js і Babylon.js. Завдяки використанню API WebGL скрипти, створені з використанням цих бібліотек, використовуються як частина веб-сайту, в якій і створюється тривимірна анімація.

Фреймворк Babylon.js використовує великі можливості для створення тривимірної графіки, а саме:

• апаратне масштабування моделей;
• фізичний движок на базі oimo.js, також написаного на JavaScript;
• система частинок;

• згладжування;
• призначені для користувача матеріали;
• поетапна завантаження і інші можливості.

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

При створенні тривимірної анімації часто використовується фреймворк blend4web, він використовує компоненти, які застосовуються в ігрових движках, для забезпечення достовірності. Також при створенні анімації, освітлення і текстур використовується популярна в дизайні програма 3DS Max.

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