• Explore how motion reinforces spatial depth and hierarchy in visionOS.
• Showcase natural, fluid panel transitions that mirror Apple’s design language.
• Create immersive interactions that make music exploration intuitive and delightful.

• Designing motion that feels subtle, not distracting, in a mixed-reality environment.
• Ensuring UI readability while integrating 3D spatial layers.
• Balancing rich ambient visuals with performance-friendly motion.

A high-fidelity motion prototype showcasing Spotify’s spatial-first design in Vision Pro, presented as an immersive case study for portfolio and client demonstration.

1. Spatial Anchoring – Every panel and element maintains its depth in space, reacting to head movement with parallax.
2. Smooth Continuity – Motion bridges transitions between library, search, and now playing without abrupt cuts.
3. Microinteraction Delight – Hover, pinch, and drag gestures get subtle but meaningful feedback.
4. Clarity through Depth – Foreground actions dim or blur background context to focus attention.

• Panel Transitions: Library, Search, and Now Playing glide in/out with depth scaling. Incoming panels slightly scale up while receding ones scale back and blur.
• Album Art Transitions: Skipping songs shifts album art forward/backward with eased slide + fade.

• Hover States: Playlists and albums subtly scale up (105%) with soft shadows.
• Search Results: Cards animate in with staggered timing, creating a rhythmic cascade.
• Queue Expansion: Expands downward with elastic easing, maintaining spatial awareness.

• Ambient Pulses: Album covers “breathe” slowly with micro-scaling (1–2%).
• Background Blur Dynamics: Intensity adjusts based on focus (e.g., Search blurs Library).

These motion layers create hierarchy (what’s most important right now), immersion (music feels present in space), and usability (gestures always get visual confirmation).