Skip to content
SIMA STUDIOSIMA STUDIO
All work

07 / 08

NOBLE Immersive

A luxury fragrance house, told as one cinematic 3D story that unfolds as you scroll.

Visit the live site3dperfume.vercel.app
Industry
Perfume
Type
Immersive experience
Year
2026
Services
Art direction, 3D experience, Web development

A concept project of our own, designed and built by SIMA to show what we can make for brands in this industry. It is not client work.

NOBLE Immersive — Desktop

Overview

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

The challenge

Perfume sells through the senses. You can’t smell it on a screen, so the site had to make people feel the depth, warmth and craft of each fragrance.

The 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 as the chapters change.

  2. 02

    Ingredient atmospheres

    Choosing an ingredient changes the light, colour and particles.

  3. 03

    360° product showroom

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

On every screen

Desktop

Mobile

NOBLE Immersive — Mobile

Technologies

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

Want something like this for your company?

Tell us what you sell. You’ll get a clear price and timeline within one business day.

Next project

Rashfa

Café website

Chat on WhatsApp

Message us on WhatsApp

Scan with your phone camera to open the chat.