Ratul.com
← Work

Interactive 3D Product Experience - 2026

Obscura Fifty

An experimental product website for a fictional 50mm camera lens, where 3D, motion and editorial web design meet. The centrepiece is a procedurally generated lens built entirely in Three.js, which disassembles and transforms as you scroll. Product storytelling, typography and interactive transitions are built on real-time 3D rendering, so a technical product page becomes an experience.

  • Creative Development
  • Three.js
  • WebGL
  • Scroll Animation
  • Procedural 3D
  • Interactive UI
  • Responsive Design
  • Next.js
  • Three.js
  • Tailwind CSS
Visit live site ↗
Obscura Fifty; screenshot