Field notes · SADAF

Does a luxury brand need a 3D website? Why I removed the 3D from one

Not always. 3D earns its place when it shows something a photograph can't. Here is how I built SADAF, a pearl house concept, in WebGL, then rebuilt it around photography.

By Dhathrish Mukkerla9 October 20266 min read
00:00:00:00

SADAF, House of PearlsConcept build · 2026

Short answer: not always. 3D earns its place on a luxury website when it shows something a photograph can't. When a render looks even slightly less real than the product, great photography sells better and loads faster.

I run a studio that builds 3D websites, and on one of my favourite projects the best decision I made was to remove the 3D. The project is SADAF, House of Pearls, a concept build for a heritage pearl house. Here is what happened, and the four questions I now ask before putting 3D on any page.

What did the 3D version of SADAF look like?

The first draft looked the way you would expect from a 3D studio. Dark backgrounds, with the whole page built around WebGL. It had the drama. On a portfolio reel, it would have looked impressive.

But I kept looking at the pearls.

A website can say a lot about a jewel. "Not quite real" is the one thing it can't afford to say.

Why did the 3D not work for pearls?

Pearls are hard to render. Their whole appeal is a soft glow that sits just under the surface, and small flaws that tell you they are real. Every generated render I tried looked slightly plastic. Close, but not quite real.

Render · live
A tumble of real pearl strands photographed on white, from the SADAF collections pagePhotograph
Left: a pearl strand rendered live in your browser for this article. Drag it to turn it. Right: the photograph SADAF uses. The render is a fair attempt. Next to the real thing, it reads as plastic.

With jewellery, "not quite real" is the worst thing a website can say. A customer about to spend real money on a real object starts to wonder what else is not quite real.

What replaced the 3D?

I rebuilt the site around editorial photography. The new direction:

  • Warm ivory backgrounds and near-black type, so the page feels like a printed lookbook rather than a screen.
  • Rose and antique gold kept for small accents, never large areas. Colour is a seasoning here.
  • A story told in order: the opening image, then collections, a featured piece, craftsmanship, a heritage timeline, questions, and finally an invitation to visit.
SADAF's collections section: three photographed pearl pieces, Chandni, Satlada and Nizamat, on an ivory page with near-black type
The collections, rebuilt around photography. Ivory ground, near-black type, and the pearls doing all the talking.

The motion stayed, but it changed jobs. Instead of showing off the technology, it now paces the reading: things settle into place as you scroll, the way you would turn pages in a catalogue.

SADAF's heritage band: a dark photograph of a woman's hand resting on a pearl strand at her shoulder, behind the italic lines: In 1932, Ghulam Sadaf opened a single counter in the lanes of Pathergatti, grading pearls by candlelight for the last court of the Nizam. The counter is gone. The eye remains.
The heritage chapter: one photograph and a few lines of italic, set like a title card.

Did removing the 3D make the site faster?

Yes. The first load of the finished site is 159 kB.

159 kB

First load of the finished SADAF site

That number is not luck. Smooth scrolling only loads after the page is ready to use, so it never delays the first view. Every animation respects the reduced-motion setting on the visitor's phone or computer. A heritage brand's customers are often not on the newest phone with the fastest connection, and the site should feel just as calm for them.

When is 3D worth it on a luxury website?

None of this means 3D is a gimmick. On Uma Jewellers, a Hyderabad gold and diamond house, the hero is a ring rendered live in 3D, and I kept it. The difference is what each product needs.

The Uma Jewellers homepage: a gold ring with a diamond rendered live in 3D beside the headline A legacy in gold. Since 1990.
Uma Jewellers keeps its 3D. Metal and a cut stone render convincingly, and turning a ring shows how the stone is set.

These are the four questions I ask before putting 3D on a page:

  1. Does the 3D show something a photo can't? A ring you can turn reveals how the stone is set. A pearl in a render reveals nothing a good photograph doesn't show better.
  2. Can it look real enough? If the render looks even slightly fake next to the real object, use the real object.
  3. Does it help someone decide? 3D that helps a customer understand the product is working. 3D that only says "look what we can do" is working for the studio, not the brand.
  4. Is it worth its weight on a phone? Every effect costs loading time and battery. The page has to stay fast on mobile data.

If the answer to any of these is no, the honest move is to cut it, even when it was the most fun part to build.

What should you ask a studio before you commit to 3D?

The question is not "can we add 3D?" It is "what does our product need people to feel, and what is the most believable way to show it?"

SADAF's craftsmanship section: black and white photographs of a hand holding a pearl strand, and two hands cupping loose pearls
Craftsmanship on SADAF: real hands and real pearls, exactly where a render would have been easiest to spot.

Sometimes the answer is a live 3D object. Often it is great photography, good type and motion that knows when to stay quiet. A good studio should be willing to tell you which one, even when the answer is the less flashy one.

See the finished SADAF case study or browse all my work. If you are weighing up 3D for your own brand, tell me about the project and I will give you a straight answer on whether it is worth it.

Questions

Does a luxury brand need a 3D website?

Not always. 3D is worth it when it shows something a photograph can't, like how a stone is set in a ring you can turn. When a render looks less real than the product, great photography sells better and loads faster.

Is 3D good for jewellery websites?

It depends on the piece. Metal and cut stones can render convincingly, which is why the Uma Jewellers site uses a live 3D ring. Pearls rely on a soft surface glow that renders tend to make look plastic, so the SADAF concept uses photography instead.

Does 3D make a website slow?

It can, if it is not budgeted. 3D should load only in the browser after the main content, and every effect should be weighed against loading time on a phone. Without the 3D, the SADAF concept site has a 159 kB first load.

What should a luxury website use instead of 3D?

Editorial photography, restrained typography and motion that paces the reading rather than showing off. On SADAF that meant warm ivory backgrounds, near-black type and rose and antique gold kept for small accents.

End of reel

Weighing up 3D for your brand?

Tell me about the product and I will tell you straight whether 3D will help sell it, or get in the way.

Start a project