{"componentChunkName":"component---src-templates-project-jsx","path":"/cn/projects/yoho-futura","result":{"data":{"markdownRemark":{"html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 54.84375%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHh1igyr//EABcQAQEBAQAAAAAAAAAAAAAAAAIBESD/2gAIAQEAAQUCM2sk8//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABgQAAIDAAAAAAAAAAAAAAAAAAABAiAh/9oACAEBAAY/AjJJ1//EABoQAQACAwEAAAAAAAAAAAAAAAEAERAxYYH/2gAIAQEAAT8hpCz1jgdkjuVHH//aAAwDAQACAAMAAAAQnM//xAAXEQADAQAAAAAAAAAAAAAAAAABEBFR/9oACAEDAQE/EKMX/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGhABAQEAAwEAAAAAAAAAAAAAAREAIWFxkf/aAAgBAQABPxApDWcBO9wAIWsOsogR8wEw9+5I7//Z'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"f1617060092291 5a3c9b25233d2\"\n        title=\"f1617060092291 5a3c9b25233d2\"\n        src=\"/static/8cec20d27b00abe08dadb3581527d68e/c59ee/f1617060092291.5a3c9b25233d2.jpg\"\n        srcset=\"/static/8cec20d27b00abe08dadb3581527d68e/174c4/f1617060092291.5a3c9b25233d2.jpg 350w,\n/static/8cec20d27b00abe08dadb3581527d68e/d64a8/f1617060092291.5a3c9b25233d2.jpg 700w,\n/static/8cec20d27b00abe08dadb3581527d68e/c59ee/f1617060092291.5a3c9b25233d2.jpg 1400w,\n/static/8cec20d27b00abe08dadb3581527d68e/84b07/f1617060092291.5a3c9b25233d2.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 46.458333333333336%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEDAgX/xAAWAQEBAQAAAAAAAAAAAAAAAAACAQP/2gAMAwEAAhADEAAAAePtNmZQ2n//xAAaEAACAgMAAAAAAAAAAAAAAAABAgADERJB/9oACAEBAAEFAkTY2oK3dcHlsaf/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARL/2gAIAQMBAT8Blaf/xAAWEQEBAQAAAAAAAAAAAAAAAAABAAP/2gAIAQIBAT8BYzG//8QAGxAAAgEFAAAAAAAAAAAAAAAAAAERAhAxcYH/2gAIAQEABj8CUuEyM2oOi0f/xAAdEAACAQQDAAAAAAAAAAAAAAAAAREhMUFRgbHw/9oACAEBAAE/IaJGIljRicFHutrJ55Lx1D//2gAMAwEAAgADAAAAEIfP/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAEh/9oACAEDAQE/ENFt/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/EMhYzf/EAB8QAAEDAwUAAAAAAAAAAAAAAAEAESEQMXFBUZGhsf/aAAgBAQABPxCyRaaXawyh4JArtOcJ3EQOCwG8o9yWcvKN/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"31610e60092291 5a3ca1aa43b46\"\n        title=\"31610e60092291 5a3ca1aa43b46\"\n        src=\"/static/ee6c98602928b838702648d4baab2905/c59ee/31610e60092291.5a3ca1aa43b46.jpg\"\n        srcset=\"/static/ee6c98602928b838702648d4baab2905/174c4/31610e60092291.5a3ca1aa43b46.jpg 350w,\n/static/ee6c98602928b838702648d4baab2905/d64a8/31610e60092291.5a3ca1aa43b46.jpg 700w,\n/static/ee6c98602928b838702648d4baab2905/c59ee/31610e60092291.5a3ca1aa43b46.jpg 1400w,\n/static/ee6c98602928b838702648d4baab2905/84b07/31610e60092291.5a3ca1aa43b46.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<h1>YOHO X FUTURA</h1>\n<h2>GUMLAB collaborated with Futura to create this piece of work to capture the diversity of street fashion. With the concept of “friendship”, this video established the idea that YO’HOOD is a platform where the cool youngsters meets. <a href=\"http://www.yohood.cn\">http://www.yohood.cn</a></h2>\n<div class=\"gatsby-resp-iframe-wrapper\" style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; \" > <iframe src=\"https://player.youku.com/embed/XMzg5MzgxMDkxNg==\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\" position: absolute; top: 0; left: 0; width: 100%; height: 100%; \"></iframe> </div>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 37.447916666666664%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAIEBf/EABQBAQAAAAAAAAAAAAAAAAAAAAL/2gAMAwEAAhADEAAAAcmQXXCH/8QAFxAAAwEAAAAAAAAAAAAAAAAAAQISAP/aAAgBAQABBQKRYQW2/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQMBAT8BSf/EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAECAQE/ASf/xAAbEAABBAMAAAAAAAAAAAAAAAACAAEQESExUf/aAAgBAQAGPwIccQNW6j//xAAaEAEAAwADAAAAAAAAAAAAAAABABEhMYGx/9oACAEBAAE/IabBTx6jFD02AwCsn//aAAwDAQACAAMAAAAQCA//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxAAGf/EABcRAAMBAAAAAAAAAAAAAAAAAAABIfD/2gAIAQIBAT8Qt3QR/8QAGBABAQEBAQAAAAAAAAAAAAAAAREAIUH/2gAIAQEAAT8QhFEnqNp0RI2D6Q4yQiGete7/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"a9b9d460092291 5a3b78d4d71dd\"\n        title=\"a9b9d460092291 5a3b78d4d71dd\"\n        src=\"/static/748ad697488f3c63d801183349dc9883/c59ee/a9b9d460092291.5a3b78d4d71dd.jpg\"\n        srcset=\"/static/748ad697488f3c63d801183349dc9883/174c4/a9b9d460092291.5a3b78d4d71dd.jpg 350w,\n/static/748ad697488f3c63d801183349dc9883/d64a8/a9b9d460092291.5a3b78d4d71dd.jpg 700w,\n/static/748ad697488f3c63d801183349dc9883/c59ee/a9b9d460092291.5a3b78d4d71dd.jpg 1400w,\n/static/748ad697488f3c63d801183349dc9883/84b07/a9b9d460092291.5a3b78d4d71dd.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 86.25%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAARABQDASIAAhEBAxEB/8QAGQABAAMBAQAAAAAAAAAAAAAAAAIDBAEF/8QAGAEAAwEBAAAAAAAAAAAAAAAAAAEDAgT/2gAMAwEAAhADEAAAAcHY2ulDaDzom2HfD//EABoQAAMAAwEAAAAAAAAAAAAAAAABAgMREjH/2gAIAQEAAQUC6jbpd7s0sgptCsQ/T//EABoRAAICAwAAAAAAAAAAAAAAAAABAhESITH/2gAIAQMBAT8Bq1sxgT4M/8QAGxEAAgEFAAAAAAAAAAAAAAAAAAEDESEjMTL/2gAIAQIBAT8BVU7GQg6Fo//EAB8QAAIBAgcAAAAAAAAAAAAAAAABAhFBAyAhIjEykf/aAAgBAQAGPwLTgoulixRKEBKMo+m94TeT/8QAHhAAAgEEAwEAAAAAAAAAAAAAAREAECExQVFhgZH/2gAIAQEAAT8hddIDQELLGNwF4dSLmBjaG15DzP0LgfoyHRmp/9oADAMBAAIAAwAAABAr7/3/xAAbEQACAQUAAAAAAAAAAAAAAAAAATERIUFx8P/aAAgBAwEBPxB0GJxYh2SZ/8QAHBEAAgICAwAAAAAAAAAAAAAAAAExYREhcaHB/9oACAECAQE/EGyNXY3fsl49REf/xAAeEAEAAgICAwEAAAAAAAAAAAABABEhMUFhUXGBof/aAAgBAQABPxB7ogtHNvmBAFhWhXN53GtAcKGfvcvBjErTyWVI29DDd9R45Fl6faVc1Pc/QTln/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"ddeeb860092291 5a3b800532aa1\"\n        title=\"ddeeb860092291 5a3b800532aa1\"\n        src=\"/static/07a90edd47d61986a70e79ccfd21c06c/c59ee/ddeeb860092291.5a3b800532aa1.jpg\"\n        srcset=\"/static/07a90edd47d61986a70e79ccfd21c06c/174c4/ddeeb860092291.5a3b800532aa1.jpg 350w,\n/static/07a90edd47d61986a70e79ccfd21c06c/d64a8/ddeeb860092291.5a3b800532aa1.jpg 700w,\n/static/07a90edd47d61986a70e79ccfd21c06c/c59ee/ddeeb860092291.5a3b800532aa1.jpg 1400w,\n/static/07a90edd47d61986a70e79ccfd21c06c/84b07/ddeeb860092291.5a3b800532aa1.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><img src=\"/c0af7da1ba4fce104ee301e3720c747a/c6d03760092291.5a3b77d1789d4.gif\"></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 45.78125%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwAF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQAC/9oADAMBAAIQAxAAAAHGYF0DHF//xAAcEAACAQUBAAAAAAAAAAAAAAAAAgEDERIhMTL/2gAIAQEAAQUCx26IWI9Veyf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPwFX/8QAGhAAAQUBAAAAAAAAAAAAAAAAEAABAhJxof/aAAgBAQAGPwLE9eiJ/8QAGBABAQEBAQAAAAAAAAAAAAAAAREAMRD/2gAIAQEAAT8hiqw6wEJgKORDrfBy3W//2gAMAwEAAgADAAAAEPDv/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERMf/aAAgBAwEBPxBYyH//xAAXEQADAQAAAAAAAAAAAAAAAAABEBEh/9oACAECAQE/ELoT/8QAGxABAAICAwAAAAAAAAAAAAAAAQARIbFBUaH/2gAIAQEAAT8QRMQDTlxYdxPzAFdIBEkqheKJ4SbE0Gp//9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"caae1360092291 5a3c9f2656c30\"\n        title=\"caae1360092291 5a3c9f2656c30\"\n        src=\"/static/b852629cf67af33e60bfde72e90b11e9/c59ee/caae1360092291.5a3c9f2656c30.jpg\"\n        srcset=\"/static/b852629cf67af33e60bfde72e90b11e9/174c4/caae1360092291.5a3c9f2656c30.jpg 350w,\n/static/b852629cf67af33e60bfde72e90b11e9/d64a8/caae1360092291.5a3c9f2656c30.jpg 700w,\n/static/b852629cf67af33e60bfde72e90b11e9/c59ee/caae1360092291.5a3c9f2656c30.jpg 1400w,\n/static/b852629cf67af33e60bfde72e90b11e9/84b07/caae1360092291.5a3c9f2656c30.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><strong>Full Credits:</strong></p>\n<ul>\n<li>Client: Yoho!</li>\n<li>Agency: Studio Gumwap</li>\n<li>Production: GUMLAB</li>\n<li>Creative Director: Anxing</li>\n<li>Animation/VFX Supervisor: Wen Shi</li>\n<li>Producer: Yif</li>\n<li>2d Animation: Liu Xing</li>\n<li>3d Animation: Lindsay Horner</li>\n</ul>","timeToRead":1,"excerpt":"YOHO X FUTURA GUMLAB collaborated with Futura to create this piece of work to capture the diversity of street fashion. With the concept of…","frontmatter":{"title":"YOHO | Futura","cover":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHh1igyr//EABcQAQEBAQAAAAAAAAAAAAAAAAIBESD/2gAIAQEAAQUCM2sk8//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABgQAAIDAAAAAAAAAAAAAAAAAAABAiAh/9oACAEBAAY/AjJJ1//EABoQAQACAwEAAAAAAAAAAAAAAAEAERAxYYH/2gAIAQEAAT8hpCz1jgdkjuVHH//aAAwDAQACAAMAAAAQnM//xAAXEQADAQAAAAAAAAAAAAAAAAABEBFR/9oACAEDAQE/EKMX/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGhABAQEAAwEAAAAAAAAAAAAAAREAIWFxkf/aAAgBAQABPxApDWcBO9wAIWsOsogR8wEw9+5I7//Z","aspectRatio":1.8233618233618234,"src":"/static/8cec20d27b00abe08dadb3581527d68e/c86d1/f1617060092291.5a3c9b25233d2.jpg","srcSet":"/static/8cec20d27b00abe08dadb3581527d68e/0e0f9/f1617060092291.5a3c9b25233d2.jpg 400w,\n/static/8cec20d27b00abe08dadb3581527d68e/c9bc6/f1617060092291.5a3c9b25233d2.jpg 800w,\n/static/8cec20d27b00abe08dadb3581527d68e/c86d1/f1617060092291.5a3c9b25233d2.jpg 1600w,\n/static/8cec20d27b00abe08dadb3581527d68e/f35cc/f1617060092291.5a3c9b25233d2.jpg 1920w","srcWebp":"/static/8cec20d27b00abe08dadb3581527d68e/c49bc/f1617060092291.5a3c9b25233d2.webp","srcSetWebp":"/static/8cec20d27b00abe08dadb3581527d68e/171e8/f1617060092291.5a3c9b25233d2.webp 400w,\n/static/8cec20d27b00abe08dadb3581527d68e/1f2b1/f1617060092291.5a3c9b25233d2.webp 800w,\n/static/8cec20d27b00abe08dadb3581527d68e/c49bc/f1617060092291.5a3c9b25233d2.webp 1600w,\n/static/8cec20d27b00abe08dadb3581527d68e/ee606/f1617060092291.5a3c9b25233d2.webp 1920w","sizes":"(max-width: 1600px) 100vw, 1600px"}}},"date":"21/12/2017","tags":["Animation","Art Direction","Motion Graphics"],"color":"#fff","background":"#000","titleColor":"#fff"},"fields":{"slug":"/yoho-futura"}}},"pageContext":{"slug":"/yoho-futura","audience":"cn"}}}