( Case 09 / 010 ) — Authorized HP Partner · est. 1989

Jetage India

A retail e-commerce experience for a 37-year HP dealer, built around a real-time 3D product hero — spin it, scroll it open, switch its finish — backed by a printer-finder, a compare tray, a three-year cost calculator and a CMS-managed catalog.

RoleDesign & Development
StackNext.js · Three.js · Neon Postgres · CMS
YearJune 2026
Visit live site↗
( The build )

Jetage blends heritage with modern retail, and the homepage opens with the thing a dealership can never do over WhatsApp: hand you the product. The flagship laptop is a real-time Three.js model — it rotates under the cursor, the lid opens as you scroll the page, and four finishes (Shadow, Cobalt, Ceramic, Mica) swap live on the material rather than cross-fading between photographs, with a progress-metered loader so the hero never pops in half-built. The rest of the catalog carries tilt-interactive photography in the same language. Around it sit the decision tools: a printer-finder that matches customers to the right model, a compare tray for two or three side by side, and a calculator for three-year cost of ownership — all in a sharp dark theme with WhatsApp ordering. Behind it, an audit-logged admin CMS for the catalog and blog, and a Google Merchant feed so the range shows up in Shopping, not just on the site.

( In the build )
  • 01A real-time 3D hero — cursor-rotated, scroll-driven lid animation, four finishes swapped live on the material, progressive loading
  • 02Tilt-interactive product photography carrying the 3D language across the rest of the catalog
  • 03Three decision tools — a printer-finder, a compare tray, and a three-year cost-of-ownership calculator
  • 04Admin CMS for products and blog posts, audit-logged, with a Google Merchant feed for Shopping
  • 05WhatsApp ordering in a sharp dark retail theme
( What changed )

The 3D hero does the showroom job online — a customer turns the machine over and picks a finish before they ever walk into Sector 17. The finder, compare tray and calculator do the rest: the comparison shopping that would otherwise happen across five tabs, finished before they message the store.

( Next case )

Inder Thakral

→
Let's build something that moves

Based in Nehru Place, New Delhi — working worldwide.