Three.js on a webpage. When 3D stops being a „wow” effect and starts selling.

The “wow” faCTOr boosts engagement, not conversion. Three real-world spricerios where a 3D product configurator turns a cost into an investment, and three situations where you’re throwing money away. Plus: how much it actually costs and when it pays off.

A customer visits your product page. Four studio photos, a “specifications” tab. They spend 43 seconds there and leave. Out of a hundred such customers, only two come back. The rest look at the Same thing on your competitors’ sites—because your competitors also have four studio photos—or go to a brick-and-mortar store. In the latter case, you lose your profit margin.

Three.js It's not for making your page look fancy. Three.js is for stopping the client from asking „how will this look on my end?” and starting to click „buy.”.

Three.js to biblIoTeka JavaScript, which allows tworzyć i wyświetlać animowane, interaktywne grafiki 3D withoutpośrednio in a browser internetowej. Używa WebGL do renderowania grafiki, umożliwiając tworzeNo złożonych wizualizacji i gier without potrzeby wtyczek.

A JavaScript library that renders 3D graphics in the browser. No plugins, no apps, no downloads—it runs on WebGL, which is supported by every phone and laptop from the past eight years. Customers can rotate a product with their finger, change its color, select a size, and see the result instantly. This is not experimental technology. Three.js powers Apple’s websites, Nike’s campaigns, and BMW’s configurators.

Challenger: The „wow” effect is a trap

A typical brief at a marketing agency starts with the word „wow.”. „We want the website to be impressive”. The agency delivers: a rotating logo, parallax scrolling, particles floating in the background, and a product model in the center. It looks nice. The effect lasts 15 seconds. Then comes the moment of the purchase decision, and the customer still has to click “learn more” or call a sales representative to ask about the configuration.

The „wow” effect increases engagement. It does not increase conversions.

This is where 3D starts working to boost your profit margin—not on the landing page, but further down the funnel. Baymard Institute Research show that the biggest conversion losses in e-commerce occur on the product page and in the shopping cart—precisely where customers ask, “What will this look like in my home?”

When should you use 3D (Three.js) on a product page?

Product Configurator

You produce kitchens. A client comes with room dimensions and color preferences. Thisday, they are talking with a salesperson who draws it for them in CAD, sends a render after three days, and the client says „No, I prefer white.”. Two more days. A week has passed, the client is already talking to two other kitchen designers.

3D product configurator in Three.js shortens this loop to minutes instead of days. The customer chooses the cabinet fronts, countertops, and handles themselves, sees the result immediately, and saves the configuration via a link. The salesperson receives a finished design with a quote once the customer is already emotionally invested in the choice, since they made it themselves.

2. Product tour

You sell machinery or expensive B2B equipment. The page has icons and bullet points. „high performance”, „modular design”. The client doesn't know what that means in practice. They schedule a demo. The demo lasts a month from inquiry to visit. During this time, the competition is already talking.

Product tour with Three.js demo without a salesperson. The customer scrolls through the machine, clicks on a module, and gets a contextual explanation. They open the service panel and see that the filter can be accessed without removing the housing. When they finally schedule a live demo, they come with specific questions. Your sales representative doesn’t explain what the machine does; instead, they answer the questions of a committed customer.

3. Immersive storytelling for premium brands

Case 3: Products whose value isn’t listed in the specifications. Perfumes, watches, premium alcohol, designer furniture. Here, 3D doesn’t just showcase features—it tells a story. As the customer scrolls through the page, they’re guided by the narrative: a shot of the workshop, a close-up of the material, a 360-degree view of the product.

This is the only situation where the "wow" faCTOr makes business sense. Because your competition isn't another furniture company—it's the customer's mindset. „can spend that 30,000 differently”. In this decision, emotion wins over logsc. 3D builds emotion better than four studio pictures.

When does 3D on a website NOT make sense?

More important than „when to do” is „when not to do.” Three situations where you're throwing money away:

You're selling a commodity. Screws, cables, office paper. The customer doesn't need to rotate the product. They need to know if you have it in stock and for how much. 3D won't add anything here, and slow down the page, which, when it comes to commodity purchases, directly translates into lost orders.

You have fewer than 5,000 unique monthly users. Custom configurator MVP starts at 30,00PLN 0For it to pay off, you need enough traffic so that even a few percentage points of improved conversion translates into actual orders. Below that traffic threshold, you’re just paying for aesthetics, not sales.

You have no one to keep the site. Three.js is not a WordPress plugin. The configurator requires maintenance, new variants, catalog integration, and model updates. If your IT team consists of just one person handling Office 365, and the agency disappears after implementation, you’re better off sticking with stock photos and investing in professional product photography.

How do we do this in JSON Crew

Product configurators are our core. Last year, we implemented three: Akpil (agricultural machinery) with the configuration of hundreds of parameters per model, Hunting rifle with the configuration of the model, stock, wood, caliber, and accessories, plus one construction industry project. Ten manufacturing compaNos use our platform. JSON Hub, which turns a configuration into a ready-to-sign proposal—no PDFs, no back-and-forth eemails.

Three.js is in our core stack along with Next.js and Nest.js, we don't include it in the project; instead, we build on it starting from the first sprint. This allows us to deliver the configurator's MVP in 8 weeks. Not 8 months.

The most common thing we hear from clients after implementation: “I thought the graphics were the most important thing. It turned out that business logsc was the most important—who can buy what, at what discount, and in what order.”. 3D for 30% of the project. The rest is understanding how you actually sell.

The questions we hear most often

„How much does it cost?”

MVP of the configurator from 30,000 zlotys (a simple product, a few parameters, integration with a single data source). Complex projects with hundreds of parameters and ERP integration – up to 90 thousand. Everything is a fixed price; we have an initial consultation after one week, with no price ranges or change requests along the way. You receive the budget after 7 days, not after a 45-minute call.

„How long does it yese?”

MVP 8 weeks from signing the contract to production. The first working configurator in your hands after 3 weeks, a 40% version, but you can already show it to customers and gather feedback. We break down the path to the MVP into two-week sprints, each of which ends with a demo, not a slide presentation.

„Does my product fit in 3D?”

It’s a good fit if the customer decides on the configuration (size, material, color, features) and your website gets over 5,000 unique visitors per month. It’s not a good fit if you sell 15 variations of the Same product and the customer just wants to see the price. During our first conversation, we’ll tell you straight up which group you fall into; sometimes the recommendation is „Don't build the configurator, yese better pictures and a price calculator.”.

What to do if you're interested

Schedule a 30-minute diagnostic consultation. It’s free. We’ll come prepared—show us your product and sales processs, and we’ll tell you whether 3D makes sense and at what stage of the sales funnel. If it doesn’t make sense, we’ll tell you straight up where your real opportunities lie.

See our product configurators →

P.S. Three things you won’t see on a typical Three.js agency website, but which determine whether a project will succeed: real-world load times on the client’s phone (not the developer’s laptop), integration with your PIM and ERP before you see the first render, and testing with a real-world client before you launch it into production. Without these three elements, you have a nice mockup, not a sales tool.

Frequently Asked Questions