What Sonos shipped
The launch of the v27 Sonos app represents a fundamental shift in how users interact with their audio ecosystem. By introducing native swipe gestures, dynamic iOS integrations, and a novel virtual volume knob, Sonos reduces friction between intent and playback.
Rebuilding a core control interface requires retraining muscle memory. This film focuses on clarity, using precise UI motion to map out the new spatial hierarchy and demonstrate the tactile nature of the updated gesture controls.
How the motion works
To introduce the flattened navigation hierarchy, the film relies on a deliberate punch-in to the bottom of the device screen. Rather than showing a static UI, a slow camera-drift tracks across the Home, System, and Search tabs. This continuous movement establishes the new spatial relationship of the app without requiring the viewer to scan the entire interface.
The introduction of the virtual volume knob bridges the gap between hardware and software. The motion design highlights this tactile feature by employing a match-cut that transitions from the physical rotation of a speaker dial to the digital two-finger twist on the glass. The UI responds with a slight overshoot on the volume indicator, mimicking the physical resistance and weight of premium audio equipment.
When detailing iOS-specific integrations like Dynamic Island and Siri support, the pacing shifts. The film uses kinetic-typography to label these invisible interactions, anchoring the text to the UI elements as they activate. This ensures the viewer understands the trigger and the result without relying on heavy voiceover exposition or static lower-thirds.
What to steal from it
- Use a punch-in to isolate and emphasize specific UI changes instead of displaying the entire screen.
- Mimic real-world physics in your easing curves to make digital interactions feel tactile and grounded.
- Establish spatial relationships in new navigation layouts through continuous camera drift rather than disjointed hard cuts.
- Anchor kinetic typography directly to UI elements to explain invisible triggers like voice commands or gestures.
Want a video like this for your product?
Impractical cuts one from a single prompt — the same motion craft, in about twenty minutes.
