{"id":377,"date":"2020-11-24T02:48:42","date_gmt":"2020-11-24T02:48:42","guid":{"rendered":"https:\/\/hatchet.tv\/?p=377"},"modified":"2025-10-13T18:14:27","modified_gmt":"2025-10-13T18:14:27","slug":"springone-stingers","status":"publish","type":"post","link":"https:\/\/hatchet.tv\/index.php\/2020\/11\/24\/springone-stingers\/","title":{"rendered":"SpringOne Stingers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"377\" class=\"elementor elementor-377\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3694fe2 e-flex e-con-boxed e-con e-parent\" data-id=\"3694fe2\" 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-3206222 elementor-widget elementor-widget-text-editor\" data-id=\"3206222\" 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\u2019m a big admirer of the work coming out of <a href=\"https:\/\/www.afternooninc.co\/\">Afternoon, Inc.<\/a>, so any chance to collaborate with them is one I take enthusiastically. On this project, they brought me in to assist with <strong data-start=\"611\" data-end=\"641\">motion concept development<\/strong> and <strong data-start=\"646\" data-end=\"673\">brand asset exploration<\/strong>. Essentially helping to define how the visual language of their system could move, react, and feel in motion.<\/p><p data-start=\"424\" data-end=\"786\">\u00a0<\/p><p data-start=\"424\" data-end=\"786\">My role focused on building the <strong data-start=\"820\" data-end=\"849\">foundational motion rules<\/strong> \u2014 the underlying logic that governs timing, transition behavior, and compositional rhythm, then creating a series of <strong data-start=\"968\" data-end=\"995\">modular motion elements<\/strong> that could be assembled into larger sequences by the Afternoon team. Think of it as designing the grammar and vocabulary for motion, and then watching a talented team write poetry with it.<\/p><p>Look, in all fairness, all I really did was help create some rules and then make a bunch of bits and pieces based on those rules&#8230;Afternoon, Inc. stitched them together to make something beautiful. And I can&#8217;t emphasize enough how much the talent of Joel Pickard doing the sound design helped level it up even further.<\/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-b819a1e elementor-widget elementor-widget-video\" data-id=\"b819a1e\" 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\/482421910?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<div class=\"elementor-element elementor-element-359b188 elementor-widget elementor-widget-spacer\" data-id=\"359b188\" 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-6a058aa elementor-widget elementor-widget-text-editor\" data-id=\"6a058aa\" 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>The assets themselves \u2014 from looping screensaver-style animations to title cards for conference materials \u2014 were built for flexibility. Each piece was rooted in <strong data-start=\"1697\" data-end=\"1750\">repetition, visual symmetry, and temporal balance<\/strong>, drawing on the fundamentals of motion design theory to create flow and continuity across the system.<\/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-22d5bcf elementor-widget elementor-widget-spacer\" data-id=\"22d5bcf\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4575f99 e-flex e-con-boxed e-con e-parent\" data-id=\"4575f99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-891152e e-con-full e-flex e-con e-child\" data-id=\"891152e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be248e0 elementor-widget elementor-widget-image\" data-id=\"be248e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/i0.wp.com\/hatchet.tv\/wp-content\/uploads\/2024\/01\/S1_2020_WWW_Track_Stingers_1.gif?fit=600%2C338&amp;ssl=1\" class=\"attachment-large size-large wp-image-379\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-354ba9f e-con-full e-flex e-con e-child\" data-id=\"354ba9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c202581 elementor-widget elementor-widget-image\" data-id=\"c202581\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"503\" src=\"https:\/\/i0.wp.com\/hatchet.tv\/wp-content\/uploads\/2024\/01\/S1_2020_WWW_SleepMode_1.gif?fit=500%2C503&amp;ssl=1\" class=\"attachment-large size-large wp-image-378\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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-65bca24 e-flex e-con-boxed e-con e-parent\" data-id=\"65bca24\" 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-6c8b97f elementor-widget elementor-widget-text-editor\" data-id=\"6c8b97f\" 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=\"2146\" data-end=\"2455\">This project was an exercise in <strong data-start=\"2178\" data-end=\"2231\">high-concept motion design as system architecture<\/strong> \u2014 finding the intersection between structured rules and expressive outcomes. By defining core motion principles early, we ensured that everything downstream \u2014 animation, transitions, timing \u2014 felt intentional and unified.<\/p><p data-start=\"2457\" data-end=\"2665\">Even in its most minimal forms, the motion conveyed personality: elastic yet grounded, clean yet human. It\u2019s proof that thoughtful design systems can yield creative freedom when built on strong foundations.<\/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-05f0868 elementor-widget elementor-widget-text-editor\" data-id=\"05f0868\" 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, Concept Development<\/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\u2019m a big admirer of the work coming out of Afternoon, Inc., so any chance to collaborate with them is one I take enthusiastically. On this project, they brought me in to assist with motion concept development and brand asset exploration. Essentially helping to define how the visual language of their system could move, react, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":384,"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-377","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\/2023\/08\/S1_2020_WWW_Stinger-1.jpg?fit=1920%2C1080&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/377","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=377"}],"version-history":[{"count":10,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/377\/revisions"}],"predecessor-version":[{"id":803,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/377\/revisions\/803"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/categories?post=377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/tags?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}