- 3D websites
- Websites
When a 3D website is worth it for a business, and when it isn’t
A 3D or cinematic website can explain a product better than a hundred photos, or slow everything down. Here is when it pays off and what it must deliver.
By Francesco ScarparoFull-stack developer
- Published on
- min read
- 7 min read
In this article
A 3D website helps a business when it explains something a photo can’t. That might be how a product is built, how it opens, how it sits in a room or what feeling a brand wants to leave you with. If it’s only there to impress, it usually slows the site down and puts distance between you and the very people you wanted to win over. The question to ask is what your customer understands thanks to the 3D that they wouldn’t understand otherwise.
What I mean by a 3D or cinematic website
I mean sites where part of the page is a real three-dimensional scene, rendered by the browser while you look at it. It might be an object you turn with your finger or mouse, a product that comes apart as you scroll, or a camera moving through a space. Cinematic means scrolling directs the action, like a film you control. Unlike a video, which you simply watch, a 3D scene responds to what you do, for example by changing a product’s colour or finish.
An example I know well is my own site. The home page opens with a 3D laptop, and as you scroll the lid opens, the screen lights up and the camera dives inside it. Another is the Coca-Cola Concept, a cinematic website prototype I built around a can that changes flavour as you scroll. It’s an unofficial concept project, not affiliated with The Coca-Cola Company, but it shows clearly what it means to tell a product’s story through movement.
Why it’s more feasible now than a few years ago
3D in the browser has been around for years, but for a long time it was a gamble, running well on powerful computers and badly on many phones. Three things have changed since then.
The first is browsers. In November 2025 Google announced that WebGPU, the newest way for web pages to use the graphics chip, is supported in all major browsers, meaning Chrome, Edge, Firefox and Safari. On iPhone, iPad and Mac it arrived with Safari 26 in September 2025. Support is still partial in some cases, on part of the Android market for example, so a well-built site uses WebGPU when it’s there and still works when it isn’t.
Phones have caught up too. Even mid-range models from the last few years can handle scenes that used to need a computer, and today the limits are battery and connection more than raw power. Mature tools now exist to create 3D models, slim them down and tie animation to scrolling.
So a well-made 3D site can now work for almost every visitor, not just people with the latest machine. It’s still heavier and more delicate than a classic site, though, and has to be designed accordingly.
When a 3D website really helps
3D works when there is something to explore or to experience, and I see it most often in these cases.
- A physical product that people want to look at closely suits 3D, such as furniture, an accessory, a design object or an industrial product where it’s worth showing what’s inside. If customers can turn the product, switch the finish or see it to scale, they understand more and ask fewer questions.
- Real estate and architecture benefit too, because a space that isn’t built yet, or that buyers can’t visit, is easier to grasp in a scene you can move through than on a floor plan.
- A launch or a campaign suits a site that has to live for a few months, be remembered and get shared, because there the effect matters as much as the content.
- Brands that sell an experience can set the tone with movement before the words do, when the product is also a feeling, like a drink, a trip or an event.
- A portfolio that has to stand out is another case. For creative studios, agencies and professionals who sell their attention to detail, the site itself becomes the proof.
When you’re better off without it
Sometimes 3D is money badly spent, and I’ll say so before we start. If visitors come to read, search, compare services or download documents, a 3D scene gets in the way, and they need a fast, clear site. With a tight budget, half-finished 3D is worse than a good classic site, and copy, speed and a clear path to getting in touch pay off more.
If a large share of your customers use older phones or slow connections, keep the 3D to a minimum or skip it. “The owner wants it” and “our competitor has one” aren’t reasons either. If you can’t say what the customer understands thanks to the 3D, you don’t need it.
Even in e-commerce, 3D is rarely where you start. When I rebuilt LaCurvaDesign from scratch, an online store for bent-wood design furniture in five languages, the work went into the storefront, the checkout flow and the management of orders, products and payments. That’s where a shop wins or loses. A 3D object, if it’s needed, can come later, on the products where seeing them from every side really changes the decision.
What a well-made 3D website must do anyway
Whatever the style, there are requirements I don’t negotiate on, because they separate a site that impresses from one that works.
- The first screen has to be fast, with headline, message and button appearing right away and the 3D scene arriving after without blocking anything. Google itself recommends fast, stable pages for doing well in Search.
- Text and contact details have to be readable immediately, because nobody should have to wait for an animation to finish to find out what you do or to get in touch.
- Phones need a lighter version, with the same content and simpler effects. On my site, for example, the 3D laptop gives way to a lighter version on phones and for people who prefer reduced motion.
- People who turn animations off should still get the complete site. Many people set their phone or computer to reduce motion, because animation can cause dizziness and nausea, for example in people with balance disorders. The site has to notice and show the still version.
- All the real content has to be on the page as text too. Whatever is drawn inside a 3D scene effectively doesn’t exist for Google or AI assistants, so product names, descriptions, prices and services must be written on the page.
- Accessibility completes the picture. The site must work with a keyboard, contrast must be readable and long animations must be pausable. For many businesses accessibility is also a legal obligation, on top of being common sense.
3D sits on top of a site that already works and never replaces it.
What drives the effort and the cost
I won’t give you figures, because two 3D sites can cost very different amounts, but I can tell you what drives the cost. The first factor is the 3D models. If you already have the product’s design files, we start there, although they almost always need heavy slimming down for the web. If there aren’t any, the models are built from photos and measurements, and the quality of the source material matters.
Then there is art direction, which covers lighting, materials, framing and what happens at each point of the scroll. Every scene is a short film to write and refine, and the number of scenes weighs more than anything else.
Performance work often takes almost as long as the scene itself, because it includes testing on real phones, the lighter version and the version without animation. It’s the part people selling “effects” tend to skip. Finally there is the rest of the site, meaning copy, pages, SEO and the contact form, which 3D doesn’t replace.
My advice is to start with a single scene, the one that matters most, such as the opening of your home page or the page of your flagship product. If it works, you extend it.
When you talk to a supplier, ask them to open the site on a phone that’s a few years old and to switch animations off to see what happens. Ask them too whether all the text is there without the scene.
How I can help
I design and build 3D and cinematic websites with Next.js, Three.js and GSAP, and I take care of everything around them too, from on-page text and speed to the phone version and accessibility. Before I propose a scene, though, I’ll tell you honestly whether 3D makes sense in your case. If you’d like to work that out together, tell me about your project.
Frequently asked questions
It can be, if it’s badly built. Done well, the first screen opens like any other site and the 3D scene loads right after, without holding up text or buttons. Phones get a lighter version.
Yes, as long as all the content is also on the page as text. Whatever is drawn inside the scene isn’t read as text, so names, descriptions and services still have to be there. The speed of the first screen matters too.
They help, but they’re not essential. If you have design files, we start from those and slim them down for the web, and if you don’t, the models can be built from photos and measurements.
Often, yes, for example with one scene on the home page or on your main product page. It depends on how the site is built, because sometimes it fits in well and sometimes it’s better to rebuild at least that part. A look at the site tells you which.
It mainly depends on how many models are needed, how many scenes there are and how much performance work phones require. That’s why it makes sense to start with a single scene, the one that matters most, and expand if it works.
Sources
The facts quoted come from these sources, checked on the publication date.
- WebGPU is now supported in major browsers (web.dev, 25 novembre 2025)(opens in a new tab)
- WebKit Features in Safari 26.0 (WebKit, 15 settembre 2025)(opens in a new tab)
- Understanding Core Web Vitals and Google search results (Google Search Central)(opens in a new tab)
- Understanding Success Criterion 2.3.3 Animation from Interactions (W3C, WCAG 2.2)(opens in a new tab)
Facing a similar problem?
Tell me where you are. I’ll tell you honestly what I would do, even if the answer is to do nothing.
Let’s talkKeep reading
All articles- Websites
- SEO & GEO
Why your website gets visits but brings in no enquiries
Your site gets visits but nobody gets in touch. I explain the most common reasons, seen from the visitor’s side, and what is worth changing first.
6 min read
- Websites
Rebuild your website or fix it? The signs that tell you which
If your website is slow, awkward on phones or stuck on old plugins, it may need rebuilding. Here are the signs to look for, and when targeted fixes are enough.
6 min read
- AI for business
- Websites
What changes for your online store when the buyer is an AI agent
AI assistants already compare products and suggest stores, and in the US some can buy. See what applies in Italy today and what to prepare without overspending.
7 min read