{"id":412,"date":"2020-05-24T03:09:04","date_gmt":"2020-05-24T03:09:04","guid":{"rendered":"https:\/\/hatchet.tv\/?p=412"},"modified":"2025-10-13T18:24:19","modified_gmt":"2025-10-13T18:24:19","slug":"sonos-radio","status":"publish","type":"post","link":"https:\/\/hatchet.tv\/index.php\/2020\/05\/24\/sonos-radio\/","title":{"rendered":"Sonos Radio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"412\" class=\"elementor elementor-412\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e32b283 e-flex e-con-boxed e-con e-parent\" data-id=\"e32b283\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8913d elementor-widget elementor-widget-text-editor\" data-id=\"cc8913d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I had the chance to team up again with my friends at <a href=\"https:\/\/steve-bob.com\">SteveBob <\/a>for a project with a small, up-and-coming audio brand you might have heard of \u2014 <strong data-start=\"522\" data-end=\"531\">Sonos<\/strong>. You know, the ones who basically perfected Bluetooth and WiFi speakers? Yeah, them.<\/p><p data-start=\"620\" data-end=\"874\">This one was all about <strong data-start=\"643\" data-end=\"671\">restraint and refinement<\/strong>. A smooth, minimal piece focused on the quiet confidence that defines the Sonos brand. The brief emphasized clarity and sophistication: motion that feels effortless, soundless, and deeply considered.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b9ec8 elementor-widget elementor-widget-video\" data-id=\"63b9ec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"vimeo Video Player\" src=\"https:\/\/player.vimeo.com\/video\/414903760?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84dd800 e-flex e-con-boxed e-con e-parent\" data-id=\"84dd800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6df4b14 elementor-widget elementor-widget-spacer\" data-id=\"6df4b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49b482b elementor-widget elementor-widget-text-editor\" data-id=\"49b482b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"920\" data-end=\"1294\">My role centered on creating <strong data-start=\"949\" data-end=\"975\">interaction animations<\/strong> that captured the tactile quality of the Sonos experience: motion as extension of design, not decoration. Every transition was built around the core motion design principle of <strong data-start=\"1153\" data-end=\"1176\">invisible intention<\/strong>: timing, easing, and spatial rhythm working together to make the animation feel intuitive rather than performative.<\/p><p data-start=\"1296\" data-end=\"1624\">The piece revolved around a <strong data-start=\"1324\" data-end=\"1354\">phone interaction sequence<\/strong>, showing the Sonos app\u2019s behavior and features. While an early version of the <strong data-start=\"1433\" data-end=\"1451\">hand animation<\/strong> was supplied, I <strong data-start=\"1468\" data-end=\"1493\">rebuilt and re-rigged<\/strong> the animation from the source assets to accommodate new UI updates, ensuring consistent fidelity and realistic gesture dynamics.<\/p><p data-start=\"1626\" data-end=\"1909\">In execution, I focused on <strong data-start=\"1653\" data-end=\"1674\">micro-motion cues<\/strong>&#8230;button responses, easing profiles, and subtle parallax that conveyed tactility and user flow. The animation relied heavily on principles of <strong data-start=\"1819\" data-end=\"1861\">weight, anticipation, and deceleration<\/strong> to create a visual sense of control and calm.<\/p><p data-start=\"1626\" data-end=\"1909\"><br \/>For Sonos, motion isn\u2019t spectacle \u2014 it\u2019s refinement. The challenge was to create movement that <strong data-start=\"2040\" data-end=\"2075\">feels invisible but deeply felt<\/strong>. The animation had to evoke the product experience itself: smooth, precise, balanced.<\/p><p data-start=\"2165\" data-end=\"2375\">By maintaining a minimal motion footprint and focusing on pacing, continuity, and compositional flow, the result was a piece that embodied <strong data-start=\"2304\" data-end=\"2328\">quiet sophistication. <\/strong>Motion in service of design itself.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f058bc2 elementor-widget elementor-widget-text-editor\" data-id=\"f058bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Role:<br \/>Motion Design<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>I had the chance to team up again with my friends at SteveBob for a project with a small, up-and-coming audio brand you might have heard of \u2014 Sonos. You know, the ones who basically perfected Bluetooth and WiFi speakers? Yeah, them. This one was all about restraint and refinement. A smooth, minimal piece focused [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":413,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-motion-design"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/hatchet.tv\/wp-content\/uploads\/2024\/01\/sonos_cover.png?fit=3826%2C2146&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":10,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/412\/revisions\/809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media\/413"}],"wp:attachment":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/categories?post=412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/tags?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}