e-Commerce / AR

Description

The future of e-commerce is in 3D! Captivate your customers’ attention by using our robust 3D Product presentation system.

We’ve created a 3D model of an iPhone13 Pro max, as a part of this demonstration. Our product is seemlessly intergrated into a web page of an e-commerce store. No extra plugins are required!

Customers are able to interact with the product of their choice, by inspecting and previewing it from all angles, making sure it’s the perfect product for them. Products can have multiple colour variants which users are able to switch between, instantly. Customers are able to use Augmented Reality to preview the product into the real world through their phone.

iPhone 13 Pro max was was created from scratch in Blender and textured in Substance Painter. Physically based materials (PBR) were used to represent iPhone’s real world colour variants as accurately as possible.

After modeling was done, WebGL/Model Viewer was used for web development. Kronos' GLTF was used in addition to Draco data compression, to achieve a smaller file size and substantially smaller loading times.

About Client

Internal project developed by Two Pixels, to exhibit seamless 3D model interaction and implementation with e-commerce web pages.

Tools Used

Blender

Substance Painter

Model Viewer

Draco

KTX

iPhone 13 Pro Max Render
iPhone 13 Pro Max Render
iPhone 13 Pro Max Render
iPhone 13 Pro Max Render
iPhone 13 Pro Max Render