DESIGN

Building ULBO - GIZA

R3F

Release
Aug 31, 2024
reading time
min
min

3D Perfume Bottle Website

I recently created an interactive 3D experience for a perfume launch by replicating an existing bottle and bringing it to life in the browser. The biggest challenge was capturing the essence of glass, its reflections, refractions, and subtle imperfections for a realistic look.

A screenshot from a work in progress on the material used on the perfume using GUI

The Process

🔹 Modeling in Blender  Carefully recreated the bottle’s shape and details
🔹 Glass Material & Lighting  Used Drei’s glass material as a base and refined it for realism
🔹 Interactivity with R3F  Made it responsive and engaging
🔹 Webflow + Vercel  Seamless integration and deployment for easy client access

A fun mix of modeling, rendering, and interactivity.

A screenshot of the ulbo giza live demo site