3D lamp configurator: from a product photo to a version customers can view from every side
A guide for manufacturers of lamps, furniture and home decor who are considering a 3D lamp configurator on their website or in their online shop. We answer questions about materials, colour accuracy, linking variants to product codes, and how to use the 3D model beyond the configurator itself.
How to prepare a product for modelling
A 3D model can be built from various sources. The best starting point is CAD files from your engineering department, because they have exact dimensions. If you don’t have them, photos and a dimensioned drawing are enough. The lamp in the demo above is built parametrically from catalogue dimensions, so missing CAD documentation is no obstacle.
Whatever the source, it’s worth preparing:
- overall dimensions and key proportions (height, shade diameter, base width),
- photos of the product from several sides in neutral light,
- samples or macro photos of the materials: wood, metal, shade fabric,
- a list of the parts the customer should be able to change independently of each other.
The last point decides how the model is split up. In the demo, the shade, base, fittings and cable change separately. If today you sell a lamp in two colours but tomorrow want the shade and the lamp holder to change separately, it’s better to say so before modelling starts. Splitting a finished model later is possible, but it usually means reworking the mesh and the materials.
Materials and colour accuracy on screen
Colour in the browser always depends on the customer’s screen, brightness and phone settings. You can’t fully control that, but you can limit the mismatch. It’s worth building materials from the manufacturer’s swatches rather than from colours picked “by eye” from a palette.
For lamps, materials that react to light matter most: brass, chrome, opal glass, fabric. A flat colour can’t show the difference between brushed and polished metal. This is where materials with reflections and texture help. In the interface, it helps to add a short note that the colour is indicative, along with an option to order samples of premium finishes.
Lamps raise one more question: whether to show the lamp switched on. A glowing shade sells the mood well, but it changes how the material’s colour comes across. A good solution is an “on / off” switch that lets customers see both states of the same variant.
3D lamp configurators and online shops: variants and product codes
A configurator in an online shop needs to know which product goes into the basket. The simplest case is when every combination has its own SKU. With several parts and a dozen or so colours, the number of combinations grows quickly, and setting each one up in the shop stops making sense.
| Data model | When it fits | What goes into the basket |
|---|---|---|
| Ready-made SKU variants | Few combinations, made to stock | A specific product code |
| Base product with options | Many combinations, made to order | The base product and a list of the chosen options with surcharges |
| Enquiry instead of a basket | Premium products, project orders | The configuration, sent to a sales rep |
It’s worth settling the data model before the build, because it affects the integration with your shop and your order system. It often ends up as a mix: popular combinations as ready-made SKUs, the rest as orders with options.
In each of these models, the 3D lamp configurator should pass a clear description of the chosen combination to the basket or enquiry, ideally with a thumbnail of the variant as well. That way your order team and the customer see the same thing, and there are no disputes over which colour was chosen.
Performance and SEO for a page with a 3D model
A page with a configurator still has to load quickly and be readable by search engines. After optimisation, a model from a source file usually weighs 1–3 MB instead of over 100 MB, and the lamp in the demo above, built from parameters, weighs even less. That shows the scale of difference that preparing assets for the browser makes. With a catalogue of a dozen or so lamps, this difference decides whether a customer on a phone sees the model at all or closes the page before it loads.
A few practices worth planning from the start:
- a static product photo that is visible immediately, with the model loading in the background,
- the product description, specifications and technical data as plain text on the page, not only in the configurator interface,
- a separate URL or parameter for a saved configuration, so the customer can send it to someone,
- testing on a lower-end phone and a slower connection, not just on an office computer.
One model, many uses
A model built for the configurator doesn’t have to work only there. From the same file you can generate packshots in every colour, catalogue graphics, images for advertising campaigns and a preview in the PDF quote. For many companies this is the argument that settles whether it pays off: the cost of the model is spread across several departments.
The model can also be prepared for augmented reality viewing, so customers can check the scale of the lamp in their own interior. That’s a separate stage, but it’s easier to add when the model is built with multiple formats in mind from the start.
When to start and how to scope the first stage
It’s best to start a 3D lamp configurator with one collection that sells well and has the most colour variants. A stage like this lets you check whether customers use the preview, how many configurations end in an enquiry or a purchase, and which materials they choose most often.
On that basis, it’s easier to decide whether to add more models, extend the pricing rules or invest in integration with your shop. The order of development then follows the data, not assumptions made before launch. The first stage also lets you test the collaboration: how quickly new models are produced, how many corrections the materials need and how smoothly your team handles the admin panel.
If your range is lighting systems rather than individual lamps, see the 3D lighting configurator. You can estimate the initial scope and budget of your project in the configurator cost estimator, and you can talk to us about your catalogue via the contact form.