XO3D Studio · Augmented Reality
What Is Product Augmented Reality? Guide, Uses and Examples
Your product, in your buyer's room.
Product augmented reality lets buyers view a 3D product at true scale in their own space, on their own phone, before they buy. It is a proven route to higher confidence, lower returns and better conversion on premium and considered-purchase categories, delivered from the same 3D asset your launch imagery is already built on.
One asset. Every buyer's living room.
Product AR turns a 3D model into a full-scale, camera-anchored preview inside a real environment. Buyers rotate, walk around and inspect the product before purchase, without a physical sample and without leaving your product page.
For considered-purchase categories, furniture, appliances, tech hardware, jewellery, homewares, buyers who use AR are consistently more likely to buy and less likely to return. It sits inside a broader launch content pipeline, driven from the same production-ready 3D asset.
What's covered
The main varieties, in detail.
Advantages
Why brands commission it.
Fewer returns.
Buyers who see the product at true scale in their own space are consistently less likely to return it. This is the single biggest ROI driver on AR for furniture, appliances and home tech.
Higher conversion.
AR-enabled product pages consistently outperform static PDPs on conversion. Shopify's own data shows a meaningful lift when 3D and AR are added to a listing.
Reach across iOS and Android.
One model-viewer embed with a GLB and USDZ pair delivers native AR to both iOS Quick Look and Android Scene Viewer. No app, no separate build per platform.
Search visibility.
Google indexes model-viewer AR, so AR-eligible products can appear as immersive results in mobile search. Free discovery surface on top of the on-page lift.
One asset, every deliverable.
The same production-ready 3D model powering stills, animation and configurator experiences is optimised and reused for AR. No separate content pipeline required.
Trade-offs
What to plan for.
Model needs to be AR-optimised.
AR models must be lightweight, correctly scaled to real-world units, and have baked materials. A hero-render model rarely ships to AR as-is, retopology and material baking are usually required.
iOS and Android formats differ.
iOS Quick Look needs USDZ, Android needs GLB. Both must be produced and kept in sync when the model is revised. Standard model-viewer wraps this into one embed but the assets are still separate.
Bandwidth cost on mobile.
AR models are typically a few megabytes each. Modern mobile networks handle this fine, but budget for the CDN traffic on high-volume listings.
CORS on GLB files.
When AR assets are served from a different origin to the page, CORS must be configured on the asset host. Same-origin serving avoids this entirely and is the safest default.
AR does not replace stills.
AR sits alongside stills, animation and product film, it is not a substitute. The product page still needs strong photography or CGI to drive the initial click into AR.
Before you start
Project checklist.
You do not need all of these on day one. But the more of this we have at brief, the faster the project moves and the fewer clarifying rounds it needs.
Source 3D model or CAD.
An existing production-ready model, or CAD (STEP, IGES, SolidWorks, Parasolid). Photography-only source is possible but slower.
Real-world dimensions.
The product's true dimensions in millimetres or metres. AR must preview at correct scale in the buyer's space, and small errors show up immediately.
Material and finish spec.
Colour codes (Pantone), material types (matte plastic, brushed metal, satin fabric) and any physical swatches or reference imagery.
Colourway list, if applicable.
If the AR viewer needs to switch variants, we need every colourway or finish in the range plus a swatch for the UI.
Interactive experiences
Beyond the still image.
40%
Reduction in returns
Shopify data showing return-rate reduction after brands adopt 3D visualisation and AR on ecommerce listings.
94%
Conversion lift
Average conversion increase when 3D and AR replace static imagery on product pages (Sayduck / Shopify).
No app
Web AR reach
Modern iOS and Android devices launch AR straight from the browser, no app install, no login, no friction.
Process
How the work is produced.
- STAGE 1
Source model or CAD.
Start from an existing production-ready 3D model, or from CAD if this is a launch build. AR usually reuses the model already produced for stills and animation.
- STAGE 2
Retopology and scale.
Geometry is retopologised for real-time performance, and scale is anchored to real-world units so the AR preview lands at true product size.
- STAGE 3
Materials and baking.
PBR materials are set up (base colour, normal, roughness, metalness) and baked into map textures. Detail from a high-poly source is preserved through normal maps.
- STAGE 4
GLB and USDZ export.
The model is exported as GLB for web and Android and USDZ for iOS Quick Look. Both are validated on-device before delivery.
- STAGE 5
Embed and test.
model-viewer is embedded on the product page with AR entry buttons. We test on real iOS and Android hardware, checking scale, orientation and material fidelity.
- STAGE 6
Launch and iterate.
The asset ships behind the product page. Analytics on AR entries and dwell time feed the next iteration, colourway additions, size variants, model refinements.
Workflow
How we run the engagement.
- STEP 1
Starting a project
You send everything you have, drawings, CAD, existing 3D models, mood boards, colourway lists. We do not need it all, but the more we have at kick-off, the faster the brief locks.
- STEP 2
Reviewing information
We review what you've sent, confirm scale and colourway coverage, and follow up on anything unclear. A short call always helps here to align on the AR user experience.
- STEP 3
Execution
We prep the model, bake materials, export the platform pair (GLB + USDZ) and stage the model-viewer embed. Progress lands at agreed milestones.
- STEP 4
Reviewing
We share a staging embed for you to test on real iOS and Android devices. You mark up scale, material, colour and interaction feedback.
- STEP 5
Approval and handover
You sign off, we hand over the final GLB, USDZ and embed code, ready to drop into your product page or configurator.
Who commissions product AR
Built for teams selling considered-purchase products online.
Ecommerce and marketing leads at furniture, appliance, homeware, tech hardware and jewellery brands where returns cost the business and where buyers benefit from seeing the product at true scale in their own space.
Direct-to-consumer brands running Shopify or bespoke storefronts, keen to reduce pre-sale support load and increase confidence at the point of decision. Agencies delivering premium launch campaigns where AR is one of the launch deliverables.
Case studies
Recent work.
G-Lab gaming keyboard, model-viewer AR alongside the hero animation and ecommerce stills, all driven from the same source build.
View case study
Petalite EV charger, launched with model-viewer AR alongside the hero stills and campaign animation. Same 3D asset, three deliverables.
View case study
Sony WF-C710 wireless earphones, product-page AR built from the same asset carrying the hero animation and packshot stills.
View case studyTestimonial
The team at XO3D were a pleasure to work with on one of our big product launches. They rendered, batched, and saved out literally thousands of images for us. Every single one came out perfect. They also did some 3D animation with us and were very accommodating to any feedback and timeline adjustments. My team will certainly work with XO3D again.
For a commercial brief, the next step is to define the products and variants that need AR, the target platforms (web, iOS, Android, Shopify), and how AR fits inside your broader launch content set. Then scope director-led product AR around that job.
Where AR belongs inside a complete launch content system, review Launch Visuals. For sibling techniques, see product configurators and product turntables.
FAQ
Common questions, answered.
What is product augmented reality?
Product AR is the use of 3D models to preview real products at true scale inside a user's real environment, on a mobile phone or tablet. Buyers rotate, walk around and inspect the product before they buy.
Do buyers need to install an app to view AR?
Not usually. Web AR via model-viewer uses iOS Quick Look on Apple devices and Scene Viewer on Android, both are native, no-install experiences launched directly from the browser.
What file formats does product AR need?
GLB (or glTF) for web and Android via Scene Viewer, and USDZ for iOS Quick Look. A single model-viewer embed handles both, but the two files must be produced from the same 3D master.
Can product AR reduce returns?
Yes, this is one of the most reliable outcomes. Shopify's own data and multiple independent reports show reduced return rates on furniture, appliances and home hardware after AR is added to the product page.
Can we swap colours or variants inside the AR viewer?
Yes. model-viewer supports material swaps and hot-swapping the loaded GLB, so buyers can pick a colourway or spec and see the change in place before launching AR.
What do we need to send you to start a product AR project?
A source 3D model or CAD, real-world dimensions, a material and finish spec, and any colourway list if the AR viewer needs to switch variants. Reference imagery of the physical product helps too.
How long does a product AR project take?
If a production-ready 3D asset already exists, the AR pair (GLB + USDZ) plus embed and QA is typically 1 to 2 weeks. From scratch or from CAD, allow 3 to 5 weeks depending on complexity.
Working on a project?
Tell us about it.
Thomas or Alex replies personally — usually within one working day.