I developed an interactive and animated 3D iPhone mockup using Spline, focused on creating a sleek, immersive product display through subtle movements, camera effects, and environmental blending. The mockup was designed to feel premium, tactile, and highly engaging.
🔥 Key Highlights
✨ Visual and Interaction Design
Floating iPhone animation with smooth oscillation, creating a feeling of lightness and presence.
Hover interactions allowing users to experience motion and dynamic camera shifts on cursor movement.
Depth of Field (DoF) applied to create a cinematic focus effect on the device while softly blurring the background.
Bloom effects enhanced the light reflections, giving the device a polished, high-end look.
🎨 Environmental Scene Building
Created organic background shapes and gradients that blend seamlessly into the environment, amplifying depth and mood.
Carefully balanced lighting and shadows to highlight key contours of the iPhone and maintain visual harmony.
🛠 Techniques Used
Spline's animation timeline for layered motion (floating + hover response).
Material tuning for realistic screen glow and reflective surfaces.
Interactive triggers for hover-based camera and object responses.
Scene blending for an atmospheric, minimal yet luxurious setting.
📈 Outcome
The final result is an elegant and responsive 3D mockup experience ideal for product showcases, landing pages, or digital experiences that demand a modern and tactile visual identity.
It highlights how thoughtful micro-interactions and camera effects can dramatically enhance perceived product value and user engagement.