Bang & Olufsen – Beoplay Headphones

3D Product Experience

Create Interactive 3D experiences for multiple colorways

Showcase different product variants online in Interactive 3D

The Emersya Platform makes it quick & easy to create engaging 3D product content for multiple product variants that can be embedded directly in any product page.
The 3 step work flow is as simple as:

  • Publish a 3D model of a product
  • Create or import multiple material and/or color variations for the different product components.
  • Use the Emersya Preset feature to create different product variants and make them available in a 3D viewer

Preparation of a multiple product variant 3D experience

Once a 3D model of the product has been published on the Emersya Platform, it is possible to create multiple material & color variations for each product component.
The material variations can be made by importing different textures and applying them to the different 3D rendering parameters, or by importing materials directly from Substance Designer, or in U3M or AxF format.

The Emersya Platform Preset feature offers a user friendly interface for quickly & easily creating different variants of a product in real-time 3D.

The different product components appear with drop down lists of the pre-prepared color/material variations available for each component.
Users can click on a part of the product in the 3D viewer, or select a component from the list, and then choose the color/material variation they wish to apply. The preview in the 3D viewer updates in real-time.

Once the color/material variations have been chosen for all product parts, a screenshot can be generated for the product variant, which will be used as a thumbnail in the consumer-facing 3D viewer interface. An infinite number of product variants can be created and displayed in one 3D viewer.

The multiple product variants, or “Presets”, can now be loaded in an Emersya 3D viewer directly in any web browser by clicking on the eye button. The screenshot images will automatically appear of the right-hand side of the screen as thumbnails. Clicking on the different thumbnails instantly loads the corresponding product variant.

Unique uses of multiple product variant projects using Emersya’s technology

Once multiple product variants have been created on the Emersya Platform, they can be used to offer a number of unique & engaging consumer experiences…

1. Interactive 3D product content for online product presentations

The link to load the Emersya 3D viewer Preset interface in a web browser can be embedded in any web page using an iframe. The experience can be used to replace or complement the existing product imagery.
Online shoppers can use the thumbnails to seamlessly switch between the different product variants created for the 3D experience.

It is possible to integrate the 3D experience with an eCommerce site using Emersya’s API. The host website can recover the name of the product variant selected by the customer in the 3D viewer in order to add this product to the shopping cart. It is also possible to embed an Interactive 3D viewer for each individual product variant in separate product page by adding the name of the product variant to the end of the embed link.

2. Interactive 3D product content for in-store product presentations

The Multiple product variant 3D experiences can be loaded on tablet devices in-stores to enable customers to digitally preview & explore the full range of product variants when the physical products may not be all be available.

3. Interactive Web-based Augmented Reality experience

With Emersya’s in-house Interactive Web AR technology, online customers can preview a product to scale in Augmented Reality without leaving the product page on the brand’s website.

The Emersya AR feature enables consumers to visualize the product in their physical surrounding and to seamlessly switch between the available product variants. This could be different color/material variants or even different product sizes or configurations.

Samsonite uses offers this experience for a number of their suitcase models:

4. High resolution product imagery for different product variants

The Emersya Platform had a built-in High Definition 3D render generator making it possible to create high-end product imagery for products from any angle.

This feature is particularly useful for efficiently creating product images from multiple view points for a large number of product variants.
Emersya can also provide a web service to automate the use of this feature.

5. GlTF 2.0 export

Lastly, it is possible to export the 3D model with the newly created product variants from the Emersya Platform in glTF format in order to use the 3D model for Google Ads, Facebook Ads, on Social Media platforms and in PLM and ERP systems for example.

Discover more

Drive omni-channel consumer engagement with real-time 3D viewers

Related experiences
in Electronics