Eau de Parfum
NOCTIS
A fragrance shaped by the night.
Mueve el cursor para revelar el frasco en la oscuridad
L'eau Obscure
A fragrance shaped by the night.
Dark woods, mineral rain, smoked amber, and cold metallic notes composed into one immersive, sensory scent.
Desliza para descubrir las notas
01 / OPENING
Mineral Rain
Cold, clean, and electric. The first impression feels like raindrops striking slate stone, refreshing the dark city streets.
02 / HEART
Metallic Iris
A precise floral note with a smooth metallic texture, blending mechanical structure with natural elegance.
03 / DEPTH
Black Cedar
Dry wood, shadow, and silent warmth. The structural timber that supports the heart of the perfume.
04 / FINISH
Smoked Amber
A warm, resinous, and lasting trail that remains intimately on the skin after all other elements fade away.
Estructura Olfativa
Interactive Scent Map
Hover or click on any olfactory note to illuminate its connection paths, update the ambient particles, and read the note details.
NOCTIS
Mineral Rain
Metallic Iris
Black Cedar
Smoked Amber
Cold Musk
Wet Stone
Mineral Rain
Top Note (Salida)
Cold, electric mineral droplets striking dark granite. The crisp opening signature of the fragrance.
Partículas Activas: Lluvia Azul
Ambientes Sensoriales
Choose Your Atmosphere
Modifica la atmósfera interactiva de la página. Elige un entorno aromático para alterar el fondo, la velocidad de las partículas y el matiz del frasco.
Midnight Rain
Azul, agua, piedra y reflejos fríos. Partículas densas y lentas.
Black Wood
Madera, humo y calor oscuro. Partículas ascendentes de tono cobre.
Silver Skin
Metal, luz blanca y textura limpia. Partículas rápidas y plateadas.
Midnight Rain combines high-density cold blue stardust drifting slowly, suggesting mineral moisture.
Pirámide de Notas
Fragrance Composition
Top Notes
Mineral Rain
Cold, Ozone, Granite
Bergamot
Fresh, Citric, Clean
Cold Pepper
Sharp, Spicy, Electric
Heart Notes
Metallic Iris
Floral, Silver, Violet
Violet Leaf
Green, Herbal, Moist
Black Tea
Smoky, Dark, Astringent
Base Notes
Smoked Amber
Warm, Sweet, Resinous
Black Cedar
Dry, Wood, Structured
Cold Musk
Intimate, Animalic, Grey
Detalles de Diseño
Bottle Detail Experience
01
Glass Architecture
Custom-crafted heavy rectangular glass colored in deep matte charcoal block, preventing light decay.
02
Precision Atomizer
Engraved metallic micro-nozzle spraying a fine, uniform mineral mist that clings cleanly to the skin.
03
Metallic Cap
Weighted magnetic cap machined from brushed steel, closing with a precise signature snap.
04
Refillable Design
Featuring a thread-based nozzle connection, allowing easy refilling and reducing packaging waste.
Configurador
Interactive Bottle Customizer
Configure your bottle aesthetic dynamically. Toggle cap metal, glass transparency, and labels. Customizations render in real-time on the vector mockup.
Glass Material
Cap Finish
Label Style
* Customizer is a frontend layout demonstration simulation.
Colecciones Especiales
Limited Editions
01
NOCTIS Original
The signature dark fragrance. Dark woods, rain, iris, and amber.
Signature
02
NOCTIS Rain
A colder, mineral interpretation. High-ozone, mint-slate accents.
Limited
03
NOCTIS Ember
A warmer smoked amber edition. Smoked vanilla, birch tar, incense.
Reserve
"After midnight, everything feels different."
A cinematic sequence of dark slate, smoke, rain, and light paths.
Presentación
NOCTIS Presentation Box
Every purchase of NOCTIS includes a heavy magnetic presentation box, dynamic scent description scrolls, and a hand-numbered certification card.
- 75 ml Eau de Parfum in heavy glass bottle
- Signature magnetic presentation case
- Refillable bottle cap nozzle system
- Complimentary sample vials of other editions
$185
* Portfolio mock-up presentation pricing.
Experience NOCTIS
NOCTIS
No. 0432 / 1000
Eau de Parfum — 75 ml
Smoked Amber & Mineral Rain Base
Reviews
"A dark, elegant composition that feels both mineral and warm. It represents perfume as a cinematic atmosphere rather than a simple scent."— Sample Editorial Review
"NOCTIS leaves a trace. The shift from cold ozone rain to heavy cedar and warm amber is exceptionally composed."— Sample Editorial Review
Ficha del Portafolio
Upwork Project Deliverables
Esta landing page representa una experiencia interactiva sensorial premium, demostrando capacidades de diseño gráfico, transiciones cinematográficas avanzadas y lógica front-end interactiva.
What I Delivered:
- Cinematic flashlight-cursor entrance screen
- Dynamic stardust particle environment powered by Three.js
- Pinned canvas scroll story crossfading fragrance notes
- Circular Scent Map layout connecting mouse updates
- Interactive Bottle Customizer rendering live SVG changes
- Choose Your Atmosphere ambient color theme updates
- Refined luxury typography and editorial layout spacing
Tools & Tech Used:
Preguntas Frecuentes
Project details
Is NOCTIS a real fragrance?
No. NOCTIS is a fictional luxury fragrance concept created for portfolio demonstration. The displayed product and descriptions use simulated data.
Is the bottle customizer functional?
Yes. The options in the configurador dynamically alter the inline SVG nodes (glass gradient, opacity, metal gradient fills, and label visibility) in real-time.
Does this website include a real checkout?
No. The contact form and checkout buttons simulate requests. In actual projects, they can be hooked to Stripe, Shopify API, or WooCommerce.
Can this experience be adapted for another luxury product?
Yes. The scroll sequence, interactive map, and customizer are reusable layouts suitable for watches, jewelry, or high-end spirits.
Adquirir
Experience NOCTIS
Interested in the luxury interactive layout? Simulate a purchase request or ask about implementation services below.
Thanks! In a live site, this form triggers CRM logging and email confirmations.