3D for e-commerce deploys 3D assets for online product visualization, product configuration, and VR / AR to bolster digital marketing and sales. Also called 3D commerce or Virtual commerce (vCommerce), it aims to deliver a more interactive shopping experience. Brands and retailers use it to generate higher customer engagement, better conversion rates, and reduced returns. In this guide, we’ll cover the basics of 3D for e-commerce and best practices.
TERMINOLOGY
3D model
This is the 3D representation of a product, made up of vertices, edges, and polygons that make up the mesh of the digitized product.
Textures
Textures are the 2D images that are used to create the digital material applied to the 3D model. These are almost always in PBR format (physically based rendering) which helps mimic real-world lighting and reflections.
3D asset
A 3D asset is a completed digitized product, with the 3D model and textures combined.
360 spin
A 360 spin is a collection (usually 24 or 36 frames) of 2D images that let customers rotate the product on one axis, more below
360 spins are not 3D, 360 spins and 3D often get confused for the same thing but are in fact very different:
Single-row 360 spins refer to the standard, single-row spin photography. Single-row spins provide product visualization only on the horizontal axis.
Multi-row 360 spins (sometimes also called 3D spins) consist of two or more rows of still images. Due to the terminology, these spins might be confused with 3D viewers. However, these are horizontal spins with additional vertical viewing axises.
Both single-row and multi-row spins use photos to display the product as you rotate around it and are generally photographed on a turn-table in the studio or by robotic photographic equipment.
3D for e-commerce uses 3D assets (3D models and textures) to display a 3D digitized product on product pages and in AR or VR. 3D assets can be used for more than just 3D viewers and AR, they can also be used to create product renders and 360 spins using Virtual Photography.
Huh? 3D assets to create 360 spins…
When you use Virtual Photography to create renders of 3D assets, you are in fact creating 2D “photos” of that 3D asset, this is done in a very similar way as how you create product images in a studio, only using the software. Various camera angles can then be rendered out to produce 2D product images, including all the frames needed for a 360 spin.
EXAMPLES OF 3D FOR E-COMMERCE APPLICATIONS
3D for e-commerce has evolved within the last few years to become a powerful tool in how you present products to customers.
- 3D product viewers that enable customers to view unlimited angles of a product with no limits on the x or y axises.
- 3D product configurators to show product variations.
- Presentation of moving parts, unique design features, and interior components.
- Projecting 3D digitized products into a real space via AR, for example, furniture.
- Virtually trying on fashion products like footwear and glasses.
These applications allow shoppers to view products online in an exciting new way, with a more informative and immersive product experience.
WHAT DO YOU NEED TO IMPLEMENT 3D FOR E-COMMERCE?
The first step to produce a 3D digitised product is to create 3D assets of the product, we also call this the product’s digital twin. These 3D assets can be created in several ways, but there are three main approaches to creating 3D assets:
3D scanning.
Using a 3D scanner allows it to bounce light off an object to gather data about its size and shape. This data becomes points and shapes in a virtual space to generate a 3D model of the object.
Photogrammetry.
This technique uses a digital camera to capture multiple angles of an object. Photogrammetry software then stitches photos together into a point cloud which is then converted to a 3D mesh of the product.
3D design.
Here, a 3D artist creates a 3D model from scratch, using 3D model and texture software and working from reference images and product data.
Although both scanning and photogrammetry have come a long way in the past 5 years, output for both requires post-processing and optimization to be used in 3D efficiently. The more accurate and cost-effective solution is often creating the product from scratch. 3D artists use reference images and product data to create 3D models using 3D software. The biggest benefit is that the initial model created is built with the correct topology and optimized for AR and VR. If needed, extra detail can be added to create photorealistic product renders.
What is topology?
Topology refers to the distribution and structure of vertices, edges, and faces that a 3D model is made of. The topology shows how well your 3D model vertices are organized, the better the topology, the easier and faster it will be to work with the 3D model.
With both scanning and photogrammetry, there is little control over the topology of the 3D model, and often, 3D artists are required to retopology the 3D model manually.
The reference images used to create 3D assets from scratch also don’t need to be high-resolution studio images; these can be captured on a mobile device in the factory or showroom.
HOW DO YOU IMPLEMENT 3D FOR E-COMMERCE?
There are several ways you can implement 3D assets into your e-commerce platform of choice, and many different solutions are available. First, you will need to decide what your strategy and the end goal is:
- Is it a good fit for the products you sell? How do you see your customers using 3D for e-commerce and how will this benefit you in the long run?
- Which capabilities should you build internally versus contract externally? What people, processes, and technology do you need in order to start using 3D for e-commerce?
The most widely discussed end use for 3D assets is AR, where customers can place the 3D asset into their own space (or face) using their mobile device. AR has quickly become a powerful tool to help customers decide on their purchases and has shown to increase conversions and decrease returns.
Use case
When buying a new couch customers often wonder if it will fit in their space. Previously customers would need to measure out their space and then check the product dimensions if they will fit. With AR none of that is needed, the customer simply loads the 3D asset into AR on their mobile device, and places it in their space. Dimensions of the 3D assets are precisely the same as the real products.
The second most widely used solution for 3D assets is 3D product viewers. These are usually part of the product carousel on a product page and load the 3D assets into a 3D viewer where customers can rotate, pan, and zoom the camera view without limitations. This is a significant step up from a static 360 spin, allowing customers to view and inspect all angles of the product. Hardware and software advances in the past years have allowed loading incredibly detailed and realistic 3D assets into a 3D viewer, giving customers an even more accurate representation of the product.
Most 3D viewers solutions available include both the 3D viewer and build-in AR, or app-less AR. This means that customers viewing the 3D viewer on a compatible mobile device will be able to directly take that 3D asset into AR, without the need to download an app.
Getting started with 3D might seem daunting at first, but it’s actually remarkably easy as most platforms and tools will allow you to add an iframe link to embed the 3D viewer, so no platform or backend changes are needed. Off course it’s up to you how far you go, the only requirement is high-quality and realistic 3D assets optimized for e-commerce use.