{"id":485,"date":"2018-03-26T23:48:20","date_gmt":"2018-03-26T23:48:20","guid":{"rendered":"https:\/\/hatchet.tv\/?p=485"},"modified":"2025-10-13T18:40:35","modified_gmt":"2025-10-13T18:40:35","slug":"nike-house-of-go","status":"publish","type":"post","link":"https:\/\/hatchet.tv\/index.php\/2018\/03\/26\/nike-house-of-go\/","title":{"rendered":"Nike House of Go"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"485\" class=\"elementor elementor-485\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2543432 e-flex e-con-boxed e-con e-parent\" data-id=\"2543432\" 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-4195e7f elementor-widget elementor-widget-video\" data-id=\"4195e7f\" 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\/258646069?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-9bb69fc e-flex e-con-boxed e-con e-parent\" data-id=\"9bb69fc\" 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-48eb96f elementor-widget elementor-widget-spacer\" data-id=\"48eb96f\" 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<div class=\"elementor-element elementor-element-5b266f1 e-con-full e-flex e-con e-child\" data-id=\"5b266f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb59f1c elementor-widget elementor-widget-text-editor\" data-id=\"fb59f1c\" 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=\"402\" data-end=\"548\">Some projects just make you remember why motion design is pure joy \u2014 and <strong data-start=\"475\" data-end=\"528\">Nike\u2019s \u201cHouse of Go\u201d pop-up experience in Chicago<\/strong> was one of those.<\/p><p data-start=\"550\" data-end=\"1011\">Working with the always-inventive team at <strong data-start=\"592\" data-end=\"613\">Enjoy The Weather<\/strong>, I had the opportunity to <strong data-start=\"640\" data-end=\"674\">animate a series of characters<\/strong> for an interactive installation where visitors could quite literally <em data-start=\"744\" data-end=\"767\">run alongside the art<\/em>. The illustrations, created by the incredible <strong data-start=\"814\" data-end=\"829\">Lauren Asta<\/strong>, were vibrant, quirky, and full of attitude \u2014 including one very encouraging hotdog. My role was to bring them to life through animation systems that reacted to real human motion.<\/p><p data-start=\"1057\" data-end=\"1382\">Each of the six characters started as <strong data-start=\"1095\" data-end=\"1120\">flat 2D illustrations<\/strong>, which I meticulously <strong data-start=\"1143\" data-end=\"1171\">deconstructed and rigged<\/strong> for dynamic character animation. Using <strong data-start=\"1211\" data-end=\"1245\">inverse kinematics (IK) setups<\/strong>, joint hierarchies, and pose-based blending, I built <strong data-start=\"1299\" data-end=\"1315\">modular rigs<\/strong> capable of swapping between multiple motion states in real time.<\/p><p data-start=\"1384\" data-end=\"1743\">The characters featured a full set of <strong data-start=\"1422\" data-end=\"1451\">run cycles and variations<\/strong> \u2014 arms forward, back, up, out \u2014 and a <strong data-start=\"1490\" data-end=\"1508\">jump animation<\/strong> triggered by motion sensors tied to treadmill arm tracking. When participants moved, the system dynamically swapped animation cycles to reflect their body position. The result: characters that didn\u2019t just move \u2014 they <em data-start=\"1726\" data-end=\"1740\">mirrored you<\/em>.<\/p><p data-start=\"1745\" data-end=\"2083\">From a motion theory standpoint, the key challenge was creating <strong data-start=\"1809\" data-end=\"1849\">exaggerated yet readable physicality<\/strong> within the constraints of stylized, flat artwork. I relied on principles of <strong data-start=\"1926\" data-end=\"1986\">squash and stretch, anticipation, and overlapping action<\/strong> to inject life into the characters while preserving the hand-drawn aesthetic of Lauren\u2019s work.<\/p>\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<div class=\"elementor-element elementor-element-1d766f7 elementor-widget elementor-widget-video\" data-id=\"1d766f7\" 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\/258646782?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-aeb3f45 e-flex e-con-boxed e-con e-parent\" data-id=\"aeb3f45\" 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-af36616 elementor-widget elementor-widget-text-editor\" data-id=\"af36616\" 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=\"2119\" data-end=\"2400\">The \u201cHouse of Go\u201d concept centered on <strong data-start=\"2157\" data-end=\"2178\">playful immersion<\/strong> \u2014 a physical and emotional connection between brand, user, and motion. The animation language was designed to amplify joy and movement, using elastic timing and rhythmic pacing to mirror the spontaneity of real running.<\/p><p data-start=\"2402\" data-end=\"2720\">Every bounce, stretch, and arm swing served to reinforce the energy of Nike\u2019s message: <em data-start=\"2489\" data-end=\"2521\">motion is creativity in motion<\/em>. By merging traditional character animation principles with real-time interactivity, the experience became something more than a display, it became a collaboration between participant and design.<\/p><p data-start=\"2402\" data-end=\"2720\">A seriously fun project, and a rare chance to make art that literally runs with you. High fives all around.<\/p><p data-start=\"2402\" data-end=\"2720\">Role:<br \/>Motion Design, Character Animation<\/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>Some projects just make you remember why motion design is pure joy \u2014 and Nike\u2019s \u201cHouse of Go\u201d pop-up experience in Chicago was one of those. Working with the always-inventive team at Enjoy The Weather, I had the opportunity to animate a series of characters for an interactive installation where visitors could quite literally run [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":486,"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-485","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\/house_of_go.jpg?fit=860%2C600&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/485","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=485"}],"version-history":[{"count":10,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/485\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/posts\/485\/revisions\/818"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media\/486"}],"wp:attachment":[{"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/media?parent=485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/categories?post=485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hatchet.tv\/index.php\/wp-json\/wp\/v2\/tags?post=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}