Skip to content
SIMA
All work

01 / 04

NOBLE Immersive

A luxury fragrance house told as one cinematic 3D scroll story.

Industry
Perfume
Type
Immersive experience
Year
2026
Services
Art direction, 3D experience, Web development

Self-initiated concept project, designed and built by SIMA to demonstrate what we can create for brands in this industry.

NOBLE Immersive — Desktop

Overview

A concept for a perfume house that wanted its website to feel like a fragrance campaign — the bottle is the hero, and every scroll moves the story forward.

Challenge

Perfume is sold through the senses. On a screen you cannot smell it, so the site had to make people feel the depth, warmth and craft of each fragrance.

Concept

One continuous film: the bottle arrives, the brand statement appears, oud, saffron and amber gather around it, and the bottle becomes the product you can add to your bag.

Design

Dark cinematic chapters with ivory editorial sections, a champagne accent used sparingly, and bilingual typography that works equally well in Arabic and English.

NOBLE Immersive — Design
NOBLE Immersive — Design

Key interactions

  1. 01

    Scroll-driven 3D story

    The camera orbits the bottle while chapters change.

  2. 02

    Ingredient atmospheres

    Choosing an ingredient changes light, colour and particles.

  3. 03

    360° product showroom

    Drag, rotate and zoom the bottle on the product page.

Responsive views

Desktop

Mobile

NOBLE Immersive — Mobile

Technologies

  • Next.js
  • React Three Fiber
  • GSAP ScrollTrigger
  • Motion
  • TypeScript

Next project

NOBLE Store

Online store