The „wow” effect increases engagement, not conversion. Three real-world applications where a 3D product configurator turns a cost into an investment – and three situations where you're throwing money away. Plus: how much it really costs and when it pays for itself.
A customer enters your product page. Four studio photos, a „specifications” tab. They spend 43 seconds and leave. Out of a hundred such people, two return. The rest look at the same thing from the competition – because the competition also has four studio photos – or they go to a physical store. At that last point, you lose 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, która pozwala tworzyć i wyświetlać animowane, interaktywne grafiki 3D bezpośrednio w przeglądarce internetowej. Używa WebGL do renderowania grafiki, umożliwiając tworzenie złożonych wizualizacji i gier bez potrzeby wtyczek.
Check if the configurator makes sense on your end
Survey 15 questions (3 min). After filling it out, we'll both know if there's anything to talk about.
A JavaScript library that renders 3D graphics in the browser. No plugins, no apps, no downloads – it works on WebGL, which every phone and laptop from the last eight years understands. The customer rotates the product with their finger, changes the color, selects the size, and sees the result instantly. This is not experimental technology – Three.js powers the websites of Apple, Nike campaigns, and BMW 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 will deliver: a rotating logo, parallax effect, particles floating in the background, and the product model in the center. It looks nice. The effect lasts 15 seconds for the client. Then comes the purchase decision moment – and the client must either click „learn more” or call a salesperson to ask about the configuration.
The „wow” effect increases engagement. It does not increase conversions.
Where does 3D start to work for your margin – not on the landing page, but in the middle of the funnel. Baymard Institute Research show that the biggest conversion losses in e-commerce occur on the product page and in the cart – precisely in the places where the customer asks „how will this look on me?”.
Three applications that return 3D cost
Product Configurator
You produce kitchens. A client comes with room dimensions and color preferences. Today, 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 client chooses the fronts, countertops, and handles themselves, sees the result immediately, and saves the configuration with a link. The salesperson receives a ready-made project with a quote when the client is already psychologically committed to their choices because they made them 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 client spins the machine, clicks on a module, and gets context-specific explanations. They open the service panel and see that the filter can be accessed without disassembling the housing. When they finally arrange a real demo, they come with specific questions. Your salesperson doesn't explain what the machine does – they answer the questions of a decisive client.
3. Immersive storytelling for premium brands
Third case: products whose value is not in the specification. Perfumes, watches, premium alcohol, designer furniture. Here, 3D does not show function – it builds a narrative. The customer scrolls through the page, and a story guides them: a shot from the workshop, a close-up of the material, a rotation around the product.
This is the only case where the „wow” effect has business justification. Because your competition isn't another furniture company – your competition is the customer's mindset. „can spend that 30,000 differently”. In this decision, emotion wins over logic. 3D builds emotion better than four studio pictures.
When Three.js Makes No 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 in commodity purchasing translates directly into lost orders.
You have fewer than 5,000 unique monthly users. Custom configurator MVP starts at 30,000 PLN – for it to pay off, you need traffic, where a few percent improvement in conversions translates to tangible orders. Below the traffic threshold – you're buying 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, model updates. If your IT team is a single person managing Office 365, and the agency disappears after implementation – it's better to stick with photos and invest in 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 companies use our platform. JSON Hub, which turns configuration into a ready-to-sign offer – no PDFs, no endless email chains.
Three.js is in our core stack along with Next.js and Nest.js – We're not including it in the project; we're building on it from the first sprint. This way, the configurator MVP will be delivered in 8 weeks. Not 8 months.
The most common thing we hear from clients after implementation: „I thought graphics were the most important thing. It turned out that the business logic is the most important thing – who can buy what, with what discount, 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 (Simple product, a few parameters, integration with a single data source). Extensive projects with a hundred parameters and ERP integration – up to 90 thousand. Everything is fixed price after a week of discovery, without any „ranges” or change requests during the process. You get the budget after 7 days, not after a 45-minute conversation.
„How long does it take?”
MVP 8 weeks from signing the contract to production. The first working configurator in your hands after 3 weeks – version for 40%, but you can already show it to clients and collect feedback. We're breaking down the path to MVP into two-week sprints – each one ends with a demo, not a slide.
„Does my product fit in 3D?”
It fits if the customer decides on the configuration (size, material, color, functionality) – and you have more than 5,000 unique monthly visitors to your website. It doesn't fit if you sell 15 variations of the same thing and the customer just wants to see the price. During the first conversation, we'll tell you directly which group you're in – sometimes the recommendation is „Don't build the configurator, take better pictures and a price calculator.”.
What to do if you're interested
Order a 30-minute diagnostic call. Free of charge. We'll come prepared – show us your product and sales process, and we'll tell you if 3D makes sense and at what point in the funnel. If it doesn't make sense – we'll tell you directly where your real levers are.
See our product configurators →
P.S. Three things you won't see on a typical Three.js agency website, but which determine project success: real loading 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 random client off the street before you go live. Without these three points, you have a nice mockup, not a sales tool.
