3D Scroll Animation for a Landing Page #design #webdesign #3d #designstudio

A case study of how we built a 3D scroll-based website. The client produces a physical device for measuring air quality. Our goal was to present the product in a clear and lightweight format. We recreated the device as a 3D model and placed it at the center of the experience, allowing users to explore its physical features and data while scrolling. To add atmosphere, we introduced decorative molecular elements referencing the company’s visual identity. We used a blueprint-style outline shader to enhance the product/engineering feel. Tech stack: Figma, Blender, Three.js, Nuxt.js (v3), Lenis, GSAP, Storyblok, WebStorm.

🌐 Website → https://tubikstudio.com
📸 Instagram → https://instagram.com/tubikstudio
🐦 Twitter/X → https://twitter.com/tubikstudio
🧵 Threads → https://www.threads.net/@tubikstudio
📌 Pinterest → https://www.pinterest.com/tubik_studio
💼 LinkedIn → https://www.linkedin.com/company/tubikstudio

Видео 3D Scroll Animation for a Landing Page #design #webdesign #3d #designstudio канала Tubik