SADAF, House of Pearls
Concept build. Updated
An editorial website for a heritage pearl house: a concept build about restraint, rebuilt from a dark 3D version into real photography.
Visit the live sitesadaf.justwebsites.in
The build
An exercise in art direction. An earlier dark version built around WebGL was taken apart and rebuilt around editorial photography, because no generated render looked real enough. Warm ivory backgrounds and near-black type, with rose and antique gold kept for small accents. The page moves from the opening image to collections, a featured piece, craftsmanship, a heritage timeline, questions and a visit invitation.
What stands out
Knowing when to remove the 3D. The first load stays at 159 kB because smooth scrolling loads only after the page is ready, and every animation respects reduced-motion settings.
Where it is now
A concept build, live as a demo. Rebuilt from a 3D draft into photography and kept to a 159 kB first load.
Details
- Client
- SADAF · heritage pearl house (concept build)
- Year
- 2026
- Discipline
- Art Direction, Editorial, Motion
- Built with
- Next.js 15, TypeScript, Tailwind CSS, GSAP 3 · ScrollTrigger, Lenis (lazy post-hydration), Archivo / Playfair Display, next/font
From the journal
- 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.
Want something like SADAF?
Every project starts with one conversation, with the person who will design and build it.
Start a project