Six features, each with a job
For each one: why it's on the page, and why it looks the way it does. The viewer uses Isharya's own look: Epilogue type, the burgundy accent and soft frosted-glass controls that sit over the product without hiding it.
A 3D-first gallery
- The model loads in the first slide, turning slowly on its own, so the full shape of the cuff is visible before the shopper touches anything.
- Drag to rotate, pinch to zoom. The gestures a shopper already uses on her phone, with a one-line hint on the viewer.
- A "3D" tile leads the thumbnail strip, so it's clear this is part of the gallery, not a separate feature to find.
- A soft grey stage with a floor shadow keeps the gold as the only warm colour in the frame, and the shadow makes the piece feel like it's resting on a counter.
- All controls sit at the edges, so the centre of the frame belongs to the product.
Story points on the piece
Three dots sit on the model itself: Heart-cut Stones, 18k Gold Plating and Open Cuff. Each opens a two-line note about that exact part. The product description moves from a paragraph below the fold to the spot on the piece it describes.
The stones note has a "View the stone in 3D" button that leads straight into the stone close-up.
- The dots turn with the model and hide when they rotate behind the cuff, so they always point at the real part.
- A "hide points" button clears them for shoppers who just want to look.
A close-up of a single stone
The "Stones" button opens one heart-cut stone at full size. The shopper can turn it and zoom in, and the facets flash and split light into small rainbow edges the way a real cut stone does. It's the closest a screen gets to tilting the piece under a store light.
- Light is traced through the stone, not painted on, so the sparkle changes as it turns instead of looping.
- Four spec chips (heart cut, bezel set, 18k gold seat, skin safe) under the stone keep the facts next to the visual.
- A warm, blurred backdrop separates the close-up from the main viewer, so it reads as zooming in, not a new page.
One vertical slider moves the scene through four lighting moods. The gold, the stones and the background all shift together, so the shopper sees how the cuff looks at a lunch, at golden hour and at an evening event, not only in a white studio.
A single slider rather than four buttons, so the change is smooth and invites play. The track runs from warm to cool and names the current mood underneath, so the shopper always knows which light she's looking at.
Simple controls, built for a phone
- Reset view brings the cuff back to its starting angle if the shopper gets lost.
- Pause rotation holds a view still for a closer look.
- Fullscreen fills the phone with the product.
- Share and wishlist stay on the viewer, so a shopper can send it to a friend without leaving.
- Round frosted buttons in a column on the right, with the lighting slider on the left, so thumbs reach both without covering the piece.
- Dragging the model doesn't scroll the page, so rotating the cuff never accidentally jumps the shopper down the page.
The photos stay one tap away
3D shows the piece, but an on-wrist photo shows the person. A "3D / Photos" switch keeps Isharya's existing product and model photography exactly where it was, so nothing is lost by adding the viewer.
A two-option pill in the corner, black for the active mode, so it's always clear which view is on. The 3D view sits on top of the existing gallery, so the rest of the product page is unchanged.
- Model accuracy. The 3D model should be checked against the physical cuff for stone count, cuff opening and plating colour before it goes live.
- Page speed. The model and viewer load inside the page. On the live store the viewer should load after the rest of the page, so it never slows down the first screen.
- Older phones. The viewer already falls back to a simpler stone effect if the full one can't run. We'd test on the lowest-end devices in Isharya's traffic and default those to photos if needed.