App

Studio

The 3D viewer, the customization editor, and the rendering pipeline behind every F. BINSABBAR piece. Where each model is staged, materials and lighting are tuned, and the personalized preview is shared with clients before commissioning.

Brief

Studio is the 3D engine room behind F. BINSABBAR. Every model in the catalogue is staged here - meshes, PBR metals, transmission glass, ray-traced gem shaders, HDRI lighting, personalization rules - and every shared 3D preview link is published from here.

It serves three audiences: designers configuring the canonical look of each piece, ambassadors generating personalized previews for clients, and the public, who load those previews on the storefront product pages and in the bespoke flow.

At a glance

4
Surfaces
PBR
Material model
HDRI
Lighting
GLB
3D file format

Surfaces

Public

Viewer

The public 3D viewer at studio.fbinsabbar.com. Loads a model from a URL parameter, lets the customer personalize the engraving, and supports AR Quick Look on iPhone and iPad. Embedded inside the Online Store product pages and shared via link during a bespoke conversation.

Internal

Editor

The design tool for tweaking a model: meshes, materials, gems, environment, personalization rules. Sign-in required. Working changes are unpublished until you tap Publish, which writes the new record consumed by the Viewer and the Ambassadors app.

Internal · Plus

Materials panel

The material library and inspector. Create and edit PBR metals, transmission glass for enamels and resin coatings, and the BVH ray-traced gem shader. Live preview against the model in the canvas; AMBASSADOR_PLUS only.

Internal · Plus

Environment panel

HDRI staging and lighting. Pick a preset, then tune Azimuth, Elevation, Exposure, Bloom, the Softbox area light, and Sky/Ground tints. AMBASSADOR_PLUS only.

Who can do what

Public

PUBLIC

Anyone with the Viewer link. Rotate, zoom, recenter, type an engraving, view in AR (iOS).

Internal

AMBASSADOR

Read-only inside the Editor. View the model and Export GLB. Cannot Publish or write to the library.

Internal

AMBASSADOR_PLUS

Full edit. Materials and Environment panels, Save personal files, Publish to the brand CDN, write to the shared library.

What's inside

Materials

The library and inspector for PBR metals, transmission glass for transparent enamels, and a custom faceted-gem shader with refraction and dispersion. Live preview as you tune.

Environment & lighting

HDRI-driven panoramic lighting with sun direction, ambient color, and env-map blur. Every model is rendered in a consistent, brand-approved environment by default.

Personalization

Per-instance customization layers - engraving text, monograms, finish choices - applied on top of any base model. Every option is configured once in the Editor and exposed in the Viewer.

Bespoke flow

Customer-specific configurations published as shareable URLs. Send the link via WhatsApp; the customer loads the exact piece they're considering, full 3D, no app install required.

3D file pipeline

Binary glTF (GLB) end to end. Compressed for web, optimized for mobile, embedded in the storefront and the Ambassadors app's 3D previews.

Augmented Reality

iPhone and iPad today. Tapping View in AR hands the piece to Apple Quick Look, which places it in the camera view at scale. Android Quick Look isn't wired today; the AR button is hidden on devices it doesn't support.

Download & access

Studio is web-based - no install. The Viewer is publicly available for any 3D-enabled piece via the Online Store. The Editor and Admin surfaces are role-gated.

Learn more

Support

Editor access requests, GLB upload questions, materials and lighting tuning, or anything 3D / rendering: