For online stores, the product videos that convert best are short 6 to 15 second loops that show the product from every angle, its texture and its scale, placed next to the main photo on the product page. 3D animation suits this because one model produces every colourway, crop and format without a reshoot.
This guide is for e-commerce and brand teams deciding what kind of 3D product animation to put on their store. It covers which video formats work on a product page, what the research says about visuals and conversion, the exact file requirements for Shopify, how one 3D model keeps a whole catalogue up to date, and examples from our own work. MAD CGI is a London-based studio making AI video and CGI for fashion, beauty and luxury brands.
What type of product video works best for online stores
The best product video for an online store is a short, silent loop that answers the questions a photo cannot: what the back looks like, how the material catches light, how big it is and how it works. Different formats answer different questions, so most stores need two or three, not one.
360° spin loop
- What it shows: the full product turning slowly on a clean background.
- Where it goes: the second slot in the product page gallery, right after the hero photo.
- Best for: packaging, bottles, footwear, watches, devices and anything with a meaningful back or side.
Material and texture close-up
- What it shows: a macro camera move across the surface: cream texture, metal finish, stitching, gemstone sparkle.
- Where it goes: the gallery, and as a short clip beside the description.
- Best for: beauty, skincare, jewellery and premium fashion, where quality is the reason to pay more. Our Revolution Beauty Bouncy Blush video built its close-ups around texture and pigmentation and reached 1M+ views.
Function demo
- What it shows: how the product opens, dispenses, clicks, folds or connects, often with a cutaway of the parts inside.
- Where it goes: the gallery and the features section of the page.
- Best for: technology, sports equipment and anything with a mechanism. For the Lymusi fitness tracker, each scene focused on one benefit: the sensors, the interface and the product variants.
Scale and in-context shot
- What it shows: the product in a hand, on a vanity or in a room, so the size is obvious.
- Where it goes: the gallery, usually third or fourth.
- Best for: items where people misjudge size from a cut-out photo. Our guide to studio renders and lifestyle scenes from one CGI asset explains how to brief both together.
Interactive 3D model
- What it shows: a 3D file the shopper can rotate and zoom themselves, and on supported phones place in their room with augmented reality.
- Where it goes: the product gallery, where platforms such as Shopify support it natively.
- Best for: furniture, homeware, footwear, bags and tech, where shoppers want to inspect details on their own terms.
Social cut-downs
- What it shows: the same animation re-edited in 9:16 and 4:5 for paid and organic social.
- Where it goes: TikTok, Instagram, Pinterest and shoppable ads that link back to the product page.
- Best for: every product with a social budget. Our article on CGI on TikTok shows how premium brands use the platform.
For a wider look at styles and techniques, browse our 3D product animation examples.
How 3D animation improves e-commerce conversion rates
3D animation improves conversion by showing shoppers what they would otherwise have to guess, at the moment they are deciding. Shoppers lean heavily on visuals on a product page, and better visuals reduce the uncertainty that stops a purchase or leads to a return.
- Shoppers look at images first. In usability testing by the Baymard Institute, 56% of users investigated product images as their first action on a product page.
- Many stores under-explain their best sellers. The same Baymard research found that 52% of sites did not use descriptive text or graphics for their top-selling products.
- 3D content is linked to higher conversion. When Shopify launched 3D and AR previews in its Shop app in May 2022, it reported that merchants who add 3D content to their stores see a 94% conversion lift on average. Treat this as a platform-wide average rather than a promise for every product.
Our own clients report the same direction of travel. The Perla renders consistently outperformed the brand's previous product imagery in click-through and conversion. Maori Jewels saw its CGI visuals outperform earlier photography in click-through rate and conversion. The Lymusi launch video significantly outperformed static product photography in engagement and conversion across the website, crowdfunding page and social channels.
The mechanism is simple. A shopper who can see the texture of a serum, the back of a bag or the size of a watch case has fewer reasons to hesitate. If you are still weighing animation against a traditional shoot, our comparison of CGI vs live action sets out where each one wins.
Product video for Shopify: formats, file size and settings
Shopify accepts product videos in MP4, MOV or WEBM up to 1 GB and 10 minutes long, at up to 4K resolution, and 3D models as GLB or USDZ files up to 500 MB. In practice, a product page loop should be far smaller and shorter than those limits so the page stays fast.
Shopify's limits
According to Shopify's product media documentation:
- Video: up to 10 minutes and 1 GB, up to 4K (4096 × 2160 px), in .mp4, .mov or .webm. Shopify converts .mov and .webm files to .mp4 or HLS, and streams 480p, 720p or 1080p depending on the shopper's connection.
- 3D models: GLB or USDZ files up to 500 MB. Files over 15 MB are automatically optimised, and Shopify creates both versions so the model works on Android and iOS.
- Embeds: YouTube and Vimeo links do not need to meet these requirements.
- Store limits: the number of videos and 3D models per store depends on your plan, as set out on Shopify's file upload limits page.
Our delivery recommendations
- Length: 6 to 15 seconds for a gallery loop, with a seamless start and end so it loops cleanly.
- Sound: design the loop to work silently, because shoppers browse with sound off.
- Aspect ratio: match your product photos, usually 1:1 or 4:5, so the gallery does not jump between sizes.
- Resolution and file: 1080 px on the short side, encoded as MP4 (H.264) and kept as light as the quality allows.
- Poster frame: choose a strong first frame, because it shows before the video plays.
- Autoplay and looping: these are controlled by your theme settings, not the file, so check them on desktop and mobile after upload.
One model, every colourway: the economics of a 3D catalogue
The economics favour 3D because the model is built once and reused. After the first build, every new colourway, angle, format or seasonal scene costs a fraction of the original, while a photo shoot starts again from zero each time the range changes.
- Colourways and variants: new finishes, shades and label versions are material changes on the existing model, not new samples. For PerlaHelsa, packaging renders were produced in multiple colourways and configurations from the same models.
- New products in the range: for Ulta Beauty, we designed a pipeline so new products could be added to the CGI system quickly while keeping lighting and materials consistent across the range.
- Speed to market: Maori Jewels gained the ability to produce new product visuals from existing 3D assets within days rather than weeks.
- Every channel from one asset: Boots received a production system that can generate new assets from existing 3D models without additional cost, used across digital advertising, e-commerce listings and in-store screens.
On price, our guide to how much a CGI product video costs in the UK gives current ranges: product stills from around £500, and a polished CGI product video generally from around £5,000 to £10,000, depending on complexity. Planning the whole year around one model is the most effective way to lower the cost per asset, which we explain in building a CGI product asset library and how one 3D model keeps brand visuals consistent.
Examples from UK and international brands
Brands use 3D product animation on their stores to show detail, keep large ranges consistent and launch products before samples exist. These examples come from our own case studies, with views taken from each case where listed.
- Boots (UK, 700K+ views): own-brand products built as photorealistic 3D assets, delivered as stills and motion for digital advertising, e-commerce listings and in-store screens.
- Revolution Beauty Bouncy Blush (1M+ views): a 3D motion video focused on texture and colour payoff, delivered in formats for Instagram Reels, TikTok and paid social.
- Carrera y Carrera (2M+ views): a second series of jewellery visuals built on existing 3D assets from the first campaign, with richer CGI environments.
- Ulta Beauty (650K+ views): photorealistic renders and animation across a large beauty range, used on the brand's e-commerce platform, digital advertising and social.
- Vatic Pro: a 3D product animation used as the main asset on the launch landing page, social and digital advertising, with macro reveals of build quality.
- Lymusi: a launch video for a smart fitness tracker, used on the website, crowdfunding page and social, showing variants without the cost and lead time of physical samples.
Across all our work, MAD CGI has delivered 90+ campaigns for 60+ clients over 5+ years, with 100M+ views in total. For category-specific detail, see CGI beauty advertising, CGI for jewellery and luxury watches and CGI for technology products. For the full process from brief to delivery, read our complete CGI product video guide and how to order a CGI video.
Frequently asked questions
Does product video increase conversion?
Product video and 3D content are consistently linked to higher conversion because they answer questions a photo cannot. Shopify reported a 94% average conversion lift for merchants who add 3D content, and Baymard found 56% of users look at product images first. Results vary by product and by how well the video is made.
How long should an e-commerce product video be?
For a product page gallery, 6 to 15 seconds is the sweet spot: long enough to show the product from every side, short enough to loop cleanly and load fast. Longer explainer or brand films belong lower on the page or on social.
Can you make a 360° spin from CAD files?
Yes. An accurate CAD or 3D file is the best starting point for a 360° spin, because the studio can move straight to materials, lighting and animation instead of rebuilding the product from photos. CAD usually needs clean-up and look-development before it renders photorealistically.
What format does Shopify accept?
Shopify accepts product videos as MP4, MOV or WEBM up to 1 GB, 10 minutes and 4K, and 3D models as GLB or USDZ up to 500 MB. YouTube and Vimeo embeds are also supported. For a product page loop, we recommend a short MP4 at 1080 px.
Get product animation for your store
Send us your product range and the pages you want to improve, and we will recommend the formats that fit and come back within one business day. See our 3D motion work, our CGI video production and the full list of services, or send us your brief.
