Interactive 3D Logo with Metallic Glass Texture

This project was inspired by the client's logo, with a vision to enhance engagement through an interactive 3D experience. The goal was to create a glass metallic texture with a blue gradient that seamlessly blends with the brand identity while ensuring dynamic interaction to captivate users.

Many websites struggle with low engagement and static designs, making it difficult to retain visitor attention. This project aimed to address this issue by incorporating an interactive 3D logo with smooth animations and mouse-follow interactions to create an immersive experience.

Starting with the provided logo, I:

Modeled and extruded the shape to create depth.

Applied a metallic glass texture using Matcap, enhancing reflections and light dynamics.

Introduced a blue gradient using Depth, achieving a futuristic glow.

Added noise and distortion effects to make the texture feel more organic and visually appealing.

To bring the model to life, I implemented:

Load Animation: I created different states and set up an event trigger to animate the logo on page load.

Mouse-Follow Interaction: By adding event listeners, I enabled smooth mouse tracking, making the model respond dynamically to user movement.

The final interactive 3D logo instantly grabs visitor attention, strategically positioned in the hero section. The mouse-follow interaction keeps users engaged, making the website more dynamic and memorable.

🔗 Experience the Model: View on Spline