Додаток для 3D-конфігуратора товарів
Нідерландський виробник меблів «Tables by TIM», який прагне максимальної легкості у створенні унікального обіднього стола для покупця. Розробка Shopify AR проекту відбувалася у співробітництві з компанією «Марево» (marevo.vision), яка займається розробкою доповненої реальності.
Про проєкт
Приватний додаток Shopify AR, який створює об’єкти у картці товару з функціоналом Shopify 3D конфігуратора продуктів.
Завдання
- реалізація приватного додатку з нуля для індивідуальних потреб існуючого Shopify магазину та 3D конфігуратора продуктів,
- індивідуальні 3D-моделі столів і Shopify 3D конфігуратор були створені командою «Марево», а нам потрібно знайти рішення, як під’єднати та інтегрувати конфігуратор продуктів у Shopify,
- завантажити ці моделі на платформу Shopify та налаштувати кроки, кольори, варіації текстури, розміри в Shopify в залежності вибраної конфігурації,
- налаштування API для створення продукту у Shopify.
3D-конфігуратор продуктів Shopify
AR Shopify конфігуратор продуктів дає змогу візуалізувати продукти у 2D, 3D та AR реальності на одній платформі. Бренди встановлюють його на своїх веб-сайтах, щоб розширити можливості для покупок своїм клієнтам за допомогою візуального 3D-налаштування для своїх продуктів. У проекті «Tables by TIM» ми співпрацювали з компанією «Марево», яка робила AR візуалізацію продуктів і розробила конфігуратор, а наша команда займалася інтеграцією та налаштуваннями конфігуратора для Shopify платформи, AR в Shopify і створенням Shopify додатку для сайту.
Принцип роботи Shopify додатку
Цей приватний додаток реалізовує можливість вибору і покупки товару з заданими параметрами через 3D конструктор. Цей додаток розроблений для потреб конкретного онлайн-магазину. Тематика Shopify магазину нашого Клієнта: столи та фурнітура. Потреба: 3D візуалізація при покупці. Відповідно, API приймає з сайту параметри про продукт. Після отримання даних, надсилається запит на Admin Rest API у Shopify для створення товару в корзині з заданими атрибутами.
Рішення
Разом з компанією «Марево» ми розробили і інтегрували в Shopify магазин 3D конфігуратор столів з функцією доповненої реальності. Роботи були виконані з нуля і включали:
- розробка 3D моделі стола і його окремих деталей з урахуванням всіх вимог для подальшого використання в режимі доповненної реальності (на стороні «Марево»),
- розробка і налаштування конфігуратора на базі бібліотеки three.js,
- створення першого кроку з вибору форми столу, автоматизація решти кроків,
- підключення API з методами для створення продукту в Shopify.
У результаті, ми створили унікальний Shopify AR додаток для 3D конфігуратора продуктів для Shopify магазину.
Стати лідером на ринку вимагає амбіцій і здатності зростати нескінченно. Ми допомагаємо нашим клієнтам досягати найвищих результатів у бізнесі.