https://charmaineqiu.com Charmaine Qiu Fri, 31 May 2024 20:36:51 +0000 https://charmaineqiu.com en https://charmaineqiu.com/Archive-Gallery Fri, 14 Jan 2022 08:49:51 +0000 Charmaine Qiu https://charmaineqiu.com/Archive-Gallery <img width="1200" height="783" width_o="1200" height_o="783" data-src="https://freight.cargo.site/t/original/i/0304bba060aa7c6a1962d3ce464aae10bed284270b32e2633c3fd40240c09107/RolePlay-Magazine.gif" data-mid="180633949" border="0" src="https://freight.cargo.site/w/1000/i/0304bba060aa7c6a1962d3ce464aae10bed284270b32e2633c3fd40240c09107/RolePlay-Magazine.gif" /> <img width="3097" height="1953" width_o="3097" height_o="1953" data-src="https://freight.cargo.site/t/original/i/81465d9765759a47b46c7a2d21e8360c3e90fc14c09c43e5215382d052f4716a/mood-apartment.jpg" data-mid="180640843" border="0" src="https://freight.cargo.site/w/1000/i/81465d9765759a47b46c7a2d21e8360c3e90fc14c09c43e5215382d052f4716a/mood-apartment.jpg" /> <img width="3000" height="1876" width_o="3000" height_o="1876" data-src="https://freight.cargo.site/t/original/i/dbe23702638e223df2c2d4d69b15a0ad3d5c3ba20ddd39619149c8bfb6cfba80/mockup.png" data-mid="212878431" border="0" src="https://freight.cargo.site/w/1000/i/dbe23702638e223df2c2d4d69b15a0ad3d5c3ba20ddd39619149c8bfb6cfba80/mockup.png" /> <img width="2157" height="3728" width_o="2157" height_o="3728" data-src="https://freight.cargo.site/t/original/i/b1deae16b16e0e7c91a6f0bca865b40b930365bae703d84dae74dd8507402c82/mask1.jpg" data-mid="131318933" border="0" src="https://freight.cargo.site/w/1000/i/b1deae16b16e0e7c91a6f0bca865b40b930365bae703d84dae74dd8507402c82/mask1.jpg" /> <img width="1000" height="607" width_o="1000" height_o="607" data-src="https://freight.cargo.site/t/original/i/049ffb352852f5e8d344b51260cd858d5d5ba5d0d91a8e80bdb35689a6b56d27/zoom.gif" data-mid="130223779" border="0" src="https://freight.cargo.site/w/1000/i/049ffb352852f5e8d344b51260cd858d5d5ba5d0d91a8e80bdb35689a6b56d27/zoom.gif" /> <img width="3500" height="2625" width_o="3500" height_o="2625" data-src="https://freight.cargo.site/t/original/i/d1a188cdaaa713429f954305177fced03c4aebcc48abdebde04000d7057fd9ed/poster_1.jpg" data-mid="130223924" border="0" src="https://freight.cargo.site/w/1000/i/d1a188cdaaa713429f954305177fced03c4aebcc48abdebde04000d7057fd9ed/poster_1.jpg" /> <img width="1356" height="927" width_o="1356" height_o="927" data-src="https://freight.cargo.site/t/original/i/9a268b529666797d523952fa504d6bc10f3764b175a78fe78ed30b323a05ac78/friendship-logo-06.png" data-mid="180635004" border="0" src="https://freight.cargo.site/w/1000/i/9a268b529666797d523952fa504d6bc10f3764b175a78fe78ed30b323a05ac78/friendship-logo-06.png" /> <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/f1e2be9d57ee82b95f75638f286089f7e75326feff618808008e4d7704b48cc1/spatula.gif" data-mid="130126698" border="0" src="https://freight.cargo.site/w/1000/i/f1e2be9d57ee82b95f75638f286089f7e75326feff618808008e4d7704b48cc1/spatula.gif" /> <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/1e8af11497388b56a668bc637c7b7bc297e3f96c83e9eb7cc8b032247e51a859/MRS-eaves-mockup-file.jpg" data-mid="130125464" border="0" src="https://freight.cargo.site/w/1000/i/1e8af11497388b56a668bc637c7b7bc297e3f96c83e9eb7cc8b032247e51a859/MRS-eaves-mockup-file.jpg" /> <img width="1920" height="1478" width_o="1920" height_o="1478" data-src="https://freight.cargo.site/t/original/i/512044cd6d9b141c3b65ff8ff38bc9983d9a92a1ff1c55a4f6525f8e6ffcdac5/IMG_7933.JPG" data-mid="130233186" border="0" src="https://freight.cargo.site/w/1000/i/512044cd6d9b141c3b65ff8ff38bc9983d9a92a1ff1c55a4f6525f8e6ffcdac5/IMG_7933.JPG" /> <img width="3176" height="1387" width_o="3176" height_o="1387" data-src="https://freight.cargo.site/t/original/i/daf9f0fb01be27ac8f98c26389e6e3c2335753c20bd7134dc519db276f922456/mask2.jpg" data-mid="131318969" border="0" src="https://freight.cargo.site/w/1000/i/daf9f0fb01be27ac8f98c26389e6e3c2335753c20bd7134dc519db276f922456/mask2.jpg" /> <img width="1640" height="1448" width_o="1640" height_o="1448" data-src="https://freight.cargo.site/t/original/i/375547facef296a426db4ab84008b25f435ad02f6b70d1fa5326a29d45800149/Screen-Shot-2022-01-14-at-4.17.03-PM.png" data-mid="130224537" border="0" src="https://freight.cargo.site/w/1000/i/375547facef296a426db4ab84008b25f435ad02f6b70d1fa5326a29d45800149/Screen-Shot-2022-01-14-at-4.17.03-PM.png" /> <img width="10680" height="6008" width_o="10680" height_o="6008" data-src="https://freight.cargo.site/t/original/i/d18465fcbeb10992f7fb15768fe641701c934e141d0f33e8cd95808142c02457/Booktable_StillRender1.png" data-mid="130126296" border="0" src="https://freight.cargo.site/w/1000/i/d18465fcbeb10992f7fb15768fe641701c934e141d0f33e8cd95808142c02457/Booktable_StillRender1.png" /> <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/10dda828bbc0226306cd2d7bd092d382b56fa8c581b0e7ca46f49caddca7b399/pear-carrier.gif" data-mid="130126086" border="0" src="https://freight.cargo.site/w/1000/i/10dda828bbc0226306cd2d7bd092d382b56fa8c581b0e7ca46f49caddca7b399/pear-carrier.gif" /> <img width="1920" height="1079" width_o="1920" height_o="1079" data-src="https://freight.cargo.site/t/original/i/7d295800f5a97adcd955d5192031a7a3f1c26b3218723dda5b547c31c4e1b43d/e13c3489-df70-4cba-9188-d2c820dcc8fd_rw_1920.png" data-mid="130222639" border="0" src="https://freight.cargo.site/w/1000/i/7d295800f5a97adcd955d5192031a7a3f1c26b3218723dda5b547c31c4e1b43d/e13c3489-df70-4cba-9188-d2c820dcc8fd_rw_1920.png" /> <img width="2048" height="2732" width_o="2048" height_o="2732" data-src="https://freight.cargo.site/t/original/i/92678207607f6b5098af3d5065f40f03da977bdcf7062cbeb36503cb907cbe76/.jpg" data-mid="130224202" border="0" src="https://freight.cargo.site/w/1000/i/92678207607f6b5098af3d5065f40f03da977bdcf7062cbeb36503cb907cbe76/.jpg" /> <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/92d0c320967b8e7b41937fabcd4405804d397ef4ae06499285707f4dbce6d6f5/swirl.gif" data-mid="130233973" border="0" src="https://freight.cargo.site/w/600/i/92d0c320967b8e7b41937fabcd4405804d397ef4ae06499285707f4dbce6d6f5/swirl.gif" /> <img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/7845b0580591751e3efad8736f43da3c1ab017392a6c0aec4015770be51066bf/a2c491aa-c4f7-451c-91ee-10f25e772082_rw_1920.jpeg" data-mid="130231790" border="0" src="https://freight.cargo.site/w/1000/i/7845b0580591751e3efad8736f43da3c1ab017392a6c0aec4015770be51066bf/a2c491aa-c4f7-451c-91ee-10f25e772082_rw_1920.jpeg" /> <img width="4407" height="3240" width_o="4407" height_o="3240" data-src="https://freight.cargo.site/t/original/i/fc81ec65eb2b6cc79ce5242f059f83fec4642c926942d68028597f49248a03f8/406A1008-copy.jpg" data-mid="130233382" border="0" src="https://freight.cargo.site/w/1000/i/fc81ec65eb2b6cc79ce5242f059f83fec4642c926942d68028597f49248a03f8/406A1008-copy.jpg" /> <img width="1210" height="1620" width_o="1210" height_o="1620" data-src="https://freight.cargo.site/t/original/i/886e8c5eff1ab707163c11e84a5677b355937e41f566174362e2635ef2bdf97e/Screen-Shot-2022-01-14-at-4.17.56-PM.png" data-mid="130224552" border="0" src="https://freight.cargo.site/w/1000/i/886e8c5eff1ab707163c11e84a5677b355937e41f566174362e2635ef2bdf97e/Screen-Shot-2022-01-14-at-4.17.56-PM.png" /> <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/dac22cfa8825dd2278651400f5462654583bca008c7acf81fb0bdff98e5febe8/Interaction-Device.gif" data-mid="130233720" border="0" src="https://freight.cargo.site/w/1000/i/dac22cfa8825dd2278651400f5462654583bca008c7acf81fb0bdff98e5febe8/Interaction-Device.gif" /> <img width="3907" height="5655" width_o="3907" height_o="5655" data-src="https://freight.cargo.site/t/original/i/cb46a5c2747c40f58408fde04dfad248f6e15d6a23846f24fd4a9220b5408b8d/hachifinalfinal.jpg" data-mid="130224282" border="0" src="https://freight.cargo.site/w/1000/i/cb46a5c2747c40f58408fde04dfad248f6e15d6a23846f24fd4a9220b5408b8d/hachifinalfinal.jpg" /> https://charmaineqiu.com/Work Sun, 17 May 2020 09:03:11 +0000 Charmaine Qiu https://charmaineqiu.com/Work Hello! I’m a creative storyteller dedicated to bringing visual systems and digital experiences to life. I studied&nbsp;Communication Design and Human-Computer Interaction at Carnegie Mellon University and previously interned at Lippincott. Let’s start a conversation around design!&nbsp; https://charmaineqiu.com/Lippincott-Internship Thu, 04 Jan 2024 23:47:21 +0000 Charmaine Qiu https://charmaineqiu.com/Lippincott-Internship <img width="1800" height="976" width_o="1800" height_o="976" data-src="https://freight.cargo.site/t/original/i/ea235e916d3adcd2b81b906a4701de2255a758f7db4789876a12e039aba92e8c/Lippincott-SEO-4x3-lr2.png" data-mid="212453846" border="0" src="https://freight.cargo.site/w/1000/i/ea235e916d3adcd2b81b906a4701de2255a758f7db4789876a12e039aba92e8c/Lippincott-SEO-4x3-lr2.png" /> 2023 Interning at a global creative consultancy driving growth through brand and innovation. During my 6 month internship at Lippincott, I worked as a key member of the design team. I contributed to diverse projects on logo design, brand visual system development, airport wayfinding, and motion storyboard creation.&nbsp;My role involved conceptualizing and crafting designs that significantly contributed to client presentations. SkillsGraphic DesignLogo DesignIllustration&nbsp; UI DesignMotion Design Research Sompo International Brand Visual System Update Modernizing the visual language for a global insurance companySompo is a leading global specialty provider of property and casualty insurance and reinsurance.&nbsp;Tasked with refreshing their design system, our team aimed to align the brand's visuals with a new strategic direction while enhancing digital adaptability and ease of execution. I led a direction during the initial design concept generation, and contributed to extending the visual toolkit through various applications. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/d22ae0aea0d65c8060d38fa70523d6d7bee92bb6fdf0a2ac4bdd225b1fd7dc35/94.png" data-mid="210248239" border="0" src="https://freight.cargo.site/w/1000/i/d22ae0aea0d65c8060d38fa70523d6d7bee92bb6fdf0a2ac4bdd225b1fd7dc35/94.png" /> Design System Delivering Ease through ExpertiseOur strategy team formulated a new brand purpose—The Ease of Expertise: We apply all of our experience to simplify yours. This directive inspired a visual language characterized by intuition, seamlessness, and skillfulness. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/1dcfa766ba483b4fd54618b2e8028e5ca5c785b25a013a31015f8b56e91daa94/95.png" data-mid="210227885" border="0" data-scale="69" src="https://freight.cargo.site/w/1000/i/1dcfa766ba483b4fd54618b2e8028e5ca5c785b25a013a31015f8b56e91daa94/95.png" /> Design Applications Applying the new system across visual touchpointsThe resulting visual system exudes sophistication and minimalism, conveying a sense of ease. Each application showcased the system's adaptability and coherence, ensuring consistency across diverse communication channels.The clients embraced the modernized design system, appreciating its ability to convey a compelling narrative while maintaining brand integrity. <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/7f010edadfc0f62ed43a3cb388d37bfdbbf68d8addfb131003444adc695cda80/96.png" data-mid="210227912" border="0" src="https://freight.cargo.site/w/1000/i/7f010edadfc0f62ed43a3cb388d37bfdbbf68d8addfb131003444adc695cda80/96.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/02a57e1a0df82a826221e20f72b6582166e9b7fbf939ee1eccb3d622f2a7a4e5/102.png" data-mid="210228179" border="0" src="https://freight.cargo.site/w/1000/i/02a57e1a0df82a826221e20f72b6582166e9b7fbf939ee1eccb3d622f2a7a4e5/102.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/a30ee76d2dbda479f29eff671b7ce98a4afdf63081ff3d184ee341731e3b8db9/104.png" data-mid="210228231" border="0" src="https://freight.cargo.site/w/1000/i/a30ee76d2dbda479f29eff671b7ce98a4afdf63081ff3d184ee341731e3b8db9/104.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/744897a6defbfd42c12b3788684574235822efee2cf81cacce7015e8ac6480eb/98.png" data-mid="210227915" border="0" src="https://freight.cargo.site/w/1000/i/744897a6defbfd42c12b3788684574235822efee2cf81cacce7015e8ac6480eb/98.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/0836d83d0a42d1e247b797caf9e0cd832d5e96aa467fbfa1019f374f66272314/100.png" data-mid="210227919" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0836d83d0a42d1e247b797caf9e0cd832d5e96aa467fbfa1019f374f66272314/100.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/d3d54ef1f7185e3b3eac8513ae309cd0c662f4aac5c811fa99fa5f73cfe5c734/103.png" data-mid="210228028" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/d3d54ef1f7185e3b3eac8513ae309cd0c662f4aac5c811fa99fa5f73cfe5c734/103.png" /> &nbsp; <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/89a4779b8624d31a6c8dabec623239732d2aa12e659fbc7b221d0d4dbf32ff40/105.png" data-mid="210228266" border="0" src="https://freight.cargo.site/w/1000/i/89a4779b8624d31a6c8dabec623239732d2aa12e659fbc7b221d0d4dbf32ff40/105.png" /> Please contact me for more information on specific projects!&nbsp; https://charmaineqiu.com/Lunar-Gala-Branding-1 Thu, 30 May 2024 19:42:07 +0000 Charmaine Qiu https://charmaineqiu.com/Lunar-Gala-Branding-1 <img width="1921" height="1008" width_o="1921" height_o="1008" data-src="https://freight.cargo.site/t/original/i/4b19cecb2ecbcc571a94aaccb2a59a7615d293d0f576ddeb13d69c01bef08683/Frame-506.png" data-mid="212028603" border="0" src="https://freight.cargo.site/w/1000/i/4b19cecb2ecbcc571a94aaccb2a59a7615d293d0f576ddeb13d69c01bef08683/Frame-506.png" /> 8 months 2023 Building a brand for Pittsburgh’s largest fashion show Born in 1996, Lunar Gala is an annual fashion show that showcases brilliant artistry in design, modeling, production, and dance performance. The theme for 2022, The Eternal Garden, celebrates our inner youth. As a core member of the branding team, I contributed by exploring visual directions and creating both print and digital deliverables for various visual touchpoints surrounding the event. SkillsGraphic DesignIllustration&nbsp; Print DesignMotion GraphicsTeammatesRicky ChenJacky Lococo Maggie MaFrancis ParkElysha TsaiEthan Yang <img width="2081" height="990" width_o="2081" height_o="990" data-src="https://freight.cargo.site/t/original/i/7f2f39e9a13e0d142341772a977c37d620be92cbb49535c54346deb28feca4da/LG.png" data-mid="212028601" border="0" src="https://freight.cargo.site/w/1000/i/7f2f39e9a13e0d142341772a977c37d620be92cbb49535c54346deb28feca4da/LG.png" /> The Eternal Garden Identity Rediscovering the Inner Child WithinThe Eternal Garden is a journey back to the garden within each of us. Here, we tend to the flowers, dance across the grass, and feel the warmth of youth upon our skin. In this mysterious yet familiar world, we rediscover our inner child...Inspired by the whimsicality of youth, our visual system for The Eternal Garden uses a vibrant palette and quirky flower illustrations to evoke a sense of wonder and discovery. These lively elements are balanced with elegant patterns and refined typography, blending joy with sophistication. <img width="2880" height="1688" width_o="2880" height_o="1688" data-src="https://freight.cargo.site/t/original/i/35fa4b9e2629ba173b6afd81fe3d86dca46b7016cb38dc86b9b7b6e658eae88e/LG_visual-system.png" data-mid="212028604" border="0" src="https://freight.cargo.site/w/1000/i/35fa4b9e2629ba173b6afd81fe3d86dca46b7016cb38dc86b9b7b6e658eae88e/LG_visual-system.png" /><img width="3776" height="2086" width_o="3776" height_o="2086" data-src="https://freight.cargo.site/t/original/i/0e343d3f27b1efb481cdd35b2cbb342a6cdcad16d1820e7a1fc59d8c770f9654/Slide-16_9---3.png" data-mid="212028613" border="0" src="https://freight.cargo.site/w/1000/i/0e343d3f27b1efb481cdd35b2cbb342a6cdcad16d1820e7a1fc59d8c770f9654/Slide-16_9---3.png" /> We designed three tiers of illustrations to create versatile hierarchies with both type and image. <img width="2880" height="1014" width_o="2880" height_o="1014" data-src="https://freight.cargo.site/t/original/i/7e9d8b98728ab3cf6e0279a8a1d0de9daeebf202346e4e11929107eb67a90401/Slide-16_9---32.png" data-mid="212034647" border="0" data-scale="82" src="https://freight.cargo.site/w/1000/i/7e9d8b98728ab3cf6e0279a8a1d0de9daeebf202346e4e11929107eb67a90401/Slide-16_9---32.png" /> Design Output Before the show, we promoted the event through various digital touchpoints&nbsp; We used digital platforms as our main promotional strategy, leveraging social media and a branded website to spread awareness among the student body and the Pittsburgh community. <img width="1999" height="806" width_o="1999" height_o="806" data-src="https://freight.cargo.site/t/original/i/a91b721f4c28997bcceb1a568b50c86a87b26fac5b3a39ace9db5a54c316ce68/Frame-504.png" data-mid="212031607" border="0" src="https://freight.cargo.site/w/1000/i/a91b721f4c28997bcceb1a568b50c86a87b26fac5b3a39ace9db5a54c316ce68/Frame-504.png" /> Our team developed a 5-week show reveal strategy on Instagram to build excitement for the event. We utilized different tiers of illustrations to highlight various aspects and purposes leading up to the show. <img width="3737" height="2159" width_o="3737" height_o="2159" data-src="https://freight.cargo.site/t/original/i/f71a34fb4356d349d96c0395bd36ebd8a91fb6c226d31aeb40391a59a74b1f63/Frame-535.png" data-mid="212034594" border="0" src="https://freight.cargo.site/w/1000/i/f71a34fb4356d349d96c0395bd36ebd8a91fb6c226d31aeb40391a59a74b1f63/Frame-535.png" /> <img width="3737" height="2159" width_o="3737" height_o="2159" data-src="https://freight.cargo.site/t/original/i/92791a77186338e8d2afd319134cdee3bfa30f2d2ec7311392e19ea1d31cedfb/Frame-536.png" data-mid="212034596" border="0" src="https://freight.cargo.site/w/1000/i/92791a77186338e8d2afd319134cdee3bfa30f2d2ec7311392e19ea1d31cedfb/Frame-536.png" /> <img width="1147" height="1148" width_o="1147" height_o="1148" data-src="https://freight.cargo.site/t/original/i/497ef34567e97cc01431c6bb0f39712c3de1ff99128726c4cec8628d048ff475/Frame-519.png" data-mid="212033350" border="0" src="https://freight.cargo.site/w/1000/i/497ef34567e97cc01431c6bb0f39712c3de1ff99128726c4cec8628d048ff475/Frame-519.png" /> <img width="1147" height="1148" width_o="1147" height_o="1148" data-src="https://freight.cargo.site/t/original/i/3a34da6276a4c2e3e9a9d4283c74fe0a23043acfef8310342f3f84c9dfb0604a/Frame-525.png" data-mid="212033352" border="0" src="https://freight.cargo.site/w/1000/i/3a34da6276a4c2e3e9a9d4283c74fe0a23043acfef8310342f3f84c9dfb0604a/Frame-525.png" /> <img width="1148" height="1148" width_o="1148" height_o="1148" data-src="https://freight.cargo.site/t/original/i/bf82f081b24de6f391e55b3ef6f78a1d0b892779203a9de32014eefce8c20f8f/Frame-502.png" data-mid="212033356" border="0" src="https://freight.cargo.site/w/1000/i/bf82f081b24de6f391e55b3ef6f78a1d0b892779203a9de32014eefce8c20f8f/Frame-502.png" /> <img width="500" height="501" width_o="500" height_o="501" data-src="https://freight.cargo.site/t/original/i/f510659f6f7cee3a4b2f949612acf35ce609da66d56d4efb2ed286ac814a4518/ezgif-7-d4781ce2e2.gif" data-mid="212034564" border="0" src="https://freight.cargo.site/w/500/i/f510659f6f7cee3a4b2f949612acf35ce609da66d56d4efb2ed286ac814a4518/ezgif-7-d4781ce2e2.gif" /> We created a teaser video that brings the garden to life. Guided by a dragonfly, the garden unfolds with gentle, swaying motions, revealing the diverse flowers of the Eternal Garden. Our website incorporates illustrated assets and motion as key brand elements. It provides additional information, including details about the lines featured in the show and profiles of the people behind the scenes. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/0afc9d12489cf13b654add8d8c51b2f82e2562f715b205d8ed1acad3d6259e1b/LG_Website-landing.gif" data-mid="212042235" border="0" data-scale="98" src="https://freight.cargo.site/w/1000/i/0afc9d12489cf13b654add8d8c51b2f82e2562f715b205d8ed1acad3d6259e1b/LG_Website-landing.gif" /> <img width="2756" height="1516" width_o="2756" height_o="1516" data-src="https://freight.cargo.site/t/original/i/66ad1d1e3dd6d1c5d785087b1699f76228d236ee7354872f9ef09496e3ffafdc/Screen-Shot-2024-05-30-at-7.06.45-PM.png" data-mid="212042407" border="0" src="https://freight.cargo.site/w/1000/i/66ad1d1e3dd6d1c5d785087b1699f76228d236ee7354872f9ef09496e3ffafdc/Screen-Shot-2024-05-30-at-7.06.45-PM.png" /> <img width="2756" height="1516" width_o="2756" height_o="1516" data-src="https://freight.cargo.site/t/original/i/5b981e1b6cb7c4a49cbab09e84924886119c55e629d748e54d8d841bab1e8132/Screen-Shot-2024-05-30-at-7.09.04-PM.png" data-mid="212042411" border="0" src="https://freight.cargo.site/w/1000/i/5b981e1b6cb7c4a49cbab09e84924886119c55e629d748e54d8d841bab1e8132/Screen-Shot-2024-05-30-at-7.09.04-PM.png" /> <img width="2756" height="1516" width_o="2756" height_o="1516" data-src="https://freight.cargo.site/t/original/i/188ae52930444004904495bd6684d52bb1303be04c028f4329c36b9b9548b205/Screen-Shot-2024-05-30-at-7.05.25-PM.png" data-mid="212042345" border="0" src="https://freight.cargo.site/w/1000/i/188ae52930444004904495bd6684d52bb1303be04c028f4329c36b9b9548b205/Screen-Shot-2024-05-30-at-7.05.25-PM.png" /> <img width="2756" height="1516" width_o="2756" height_o="1516" data-src="https://freight.cargo.site/t/original/i/1dd5d94aa2f751c8f05b04cf382f7a9e045331a7bf519ef30bce3b9b6d2e2923/Screen-Shot-2024-05-30-at-7.07.08-PM.png" data-mid="212042410" border="0" src="https://freight.cargo.site/w/1000/i/1dd5d94aa2f751c8f05b04cf382f7a9e045331a7bf519ef30bce3b9b6d2e2923/Screen-Shot-2024-05-30-at-7.07.08-PM.png" /> <img width="2734" height="1591" width_o="2734" height_o="1591" data-src="https://freight.cargo.site/t/original/i/dcb6f7d2e2c5316c6c17d8fa505a3fe28eb0be6be63d26c9aff91fdb77732900/AdobeStock_339459148.png" data-mid="212028610" border="0" src="https://freight.cargo.site/w/1000/i/dcb6f7d2e2c5316c6c17d8fa505a3fe28eb0be6be63d26c9aff91fdb77732900/AdobeStock_339459148.png" /> Design Output During the show, we produced print materials and merchandise for attendees to engage with. <img width="1500" height="1020" width_o="1500" height_o="1020" data-src="https://freight.cargo.site/t/original/i/526902306bcf2fe9b2bd38fb4579698c704cf6281a7416bff7d876f5a0eea907/bigposter-entrance-edit-copy.png" data-mid="212028612" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/526902306bcf2fe9b2bd38fb4579698c704cf6281a7416bff7d876f5a0eea907/bigposter-entrance-edit-copy.png" /> <img width="2963" height="1620" width_o="2963" height_o="1620" data-src="https://freight.cargo.site/t/original/i/7fd6f35f8f732e9edec87cdb4933d1040168d47aa666a45d547f9329371238ae/LG_book.png" data-mid="212028614" border="0" src="https://freight.cargo.site/w/1000/i/7fd6f35f8f732e9edec87cdb4933d1040168d47aa666a45d547f9329371238ae/LG_book.png" /> <img width="1179" height="1477" width_o="1179" height_o="1477" data-src="https://freight.cargo.site/t/original/i/27b07084a60f4317f89d3459bd6d50dc183fcff256f8abf99ac2e272992fb07f/DSC_0098-2.png" data-mid="212028608" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/27b07084a60f4317f89d3459bd6d50dc183fcff256f8abf99ac2e272992fb07f/DSC_0098-2.png" /> <img width="1173" height="1477" width_o="1173" height_o="1477" data-src="https://freight.cargo.site/t/original/i/0c8bf5e3fbb3ff7e8a3b1b315e9da43892de335e88cd1a81984cdc6c67c65cca/DSC_0143-2.png" data-mid="212028609" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0c8bf5e3fbb3ff7e8a3b1b315e9da43892de335e88cd1a81984cdc6c67c65cca/DSC_0143-2.png" /> &nbsp; https://charmaineqiu.com/Organized-Chaos-Branding-Exhibit-Design Fri, 31 May 2024 20:36:51 +0000 Charmaine Qiu https://charmaineqiu.com/Organized-Chaos-Branding-Exhibit-Design <img width="2576" height="1429" width_o="2576" height_o="1429" data-src="https://freight.cargo.site/t/original/i/4f2976397ee5250ed82e64158cbf36ea94a2e8850d4665378afed76f7341f8a0/SoD2023_OrganizedChaos_MillerICA.jpg" data-mid="212392471" border="0" src="https://freight.cargo.site/w/1000/i/4f2976397ee5250ed82e64158cbf36ea94a2e8850d4665378afed76f7341f8a0/SoD2023_OrganizedChaos_MillerICA.jpg" /> 6 months 2023 Creating the Identity of CMU Design School’s Student Exhibition Oraganized Chaos showcases the CMU Design Class of 2023’s collective yet individual creative journeys. The month-long final exhibition is a culmination of diverse blueprints, endless iterations, and countless haphazard all-nighters.&nbsp;Our class worked together to plan, design, and curate the senior showcase that best represents our four years of student work. I was part of the brand team, contributing to the visual identity by producing print and digital collateral and conceptualizing spatial experiences. SkillsGraphic DesignSpacial Design&nbsp; Print DesignMotion GraphicsTeammatesHayoon ChoiChris Han Sammie KimDorothy Li Grace LiChelsea Liu Jenny LiuMaggie Ma Francis ParkStefanie Suk Elysha Tsai Sarah Xi <img width="2998" height="1053" width_o="2998" height_o="1053" data-src="https://freight.cargo.site/t/original/i/3deb9825ba0fd40daf0d465d21d01ae086bf0b1029bbe1089b3640b478f41a38/Fornt-page-hero-image.png" data-mid="212392379" border="0" src="https://freight.cargo.site/w/1000/i/3deb9825ba0fd40daf0d465d21d01ae086bf0b1029bbe1089b3640b478f41a38/Fornt-page-hero-image.png" /> The Organized Chaos Identity Packaged, zipped up, and ready for viewingOrganized chaos celebrates our collective (hectic) design journey throughout our years at CMU. Inspired by file organization systems, the visual identity incorporates elements of digital folders, tabs, and layered structures to symbolize the meticulous yet dynamic process of design. <img width="1156" height="650" width_o="1156" height_o="650" data-src="https://freight.cargo.site/t/original/i/9ce75eb006c89d60cf1d797b0b1d105e3b571c06772eb96d912b02f753d63eba/ezgif-3-659904fc41.gif" data-mid="212344407" border="0" src="https://freight.cargo.site/w/1000/i/9ce75eb006c89d60cf1d797b0b1d105e3b571c06772eb96d912b02f753d63eba/ezgif-3-659904fc41.gif" /> <img width="1404" height="1670" width_o="1404" height_o="1670" data-src="https://freight.cargo.site/t/original/i/5d804cad66b7e3fc45a90f2c9d407deb93544b2b0f59b100b0e4d054978be5ef/Frame-672.png" data-mid="212809078" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/5d804cad66b7e3fc45a90f2c9d407deb93544b2b0f59b100b0e4d054978be5ef/Frame-672.png" /> <img width="2839" height="1670" width_o="2839" height_o="1670" data-src="https://freight.cargo.site/t/original/i/cef9e152e83d48fbcf9f78bde7433218105073602f3cfc1b50f2e0e82074f2bf/Frame-671.png" data-mid="212809079" border="0" src="https://freight.cargo.site/w/1000/i/cef9e152e83d48fbcf9f78bde7433218105073602f3cfc1b50f2e0e82074f2bf/Frame-671.png" /> <img width="2839" height="1670" width_o="2839" height_o="1670" data-src="https://freight.cargo.site/t/original/i/dea2e8d28c2cafa649f40a4366ecd4f52fc3afad26d6ee506965176455b47b5c/Frame-668.png" data-mid="212809083" border="0" src="https://freight.cargo.site/w/1000/i/dea2e8d28c2cafa649f40a4366ecd4f52fc3afad26d6ee506965176455b47b5c/Frame-668.png" /> <img width="2839" height="1670" width_o="2839" height_o="1670" data-src="https://freight.cargo.site/t/original/i/3ee94f76b536b9c57a4f7918069fa413a37e8965a143e2b84757632b4617bdec/Frame-666.png" data-mid="212825755" border="0" src="https://freight.cargo.site/w/1000/i/3ee94f76b536b9c57a4f7918069fa413a37e8965a143e2b84757632b4617bdec/Frame-666.png" /> <img width="2839" height="1670" width_o="2839" height_o="1670" data-src="https://freight.cargo.site/t/original/i/eb3978543096c3eaa5750421c96804497ee68a3e598a96af10de40777f608354/Frame-662.png" data-mid="212825756" border="0" src="https://freight.cargo.site/w/1000/i/eb3978543096c3eaa5750421c96804497ee68a3e598a96af10de40777f608354/Frame-662.png" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/0195ced2ef585d87adfe5346fadd120cb70b9f2eabcfe00345d954e3467fa615/ezgif-6-116b0c52e7.gif" data-mid="212452851" border="0" src="https://freight.cargo.site/w/600/i/0195ced2ef585d87adfe5346fadd120cb70b9f2eabcfe00345d954e3467fa615/ezgif-6-116b0c52e7.gif" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/f51362c4824aba3d5805ed4990da007328efdb9dc130cdf32a4dec143e6996a8/ezgif-6-5dcf5a82e2.gif" data-mid="212451649" border="0" src="https://freight.cargo.site/w/600/i/f51362c4824aba3d5805ed4990da007328efdb9dc130cdf32a4dec143e6996a8/ezgif-6-5dcf5a82e2.gif" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/ed95cd9a25cdd357418f50cab3f47f29512349e27a28c6b6733f523837731b77/ezgif-6-c9f7e9e308.gif" data-mid="212451347" border="0" src="https://freight.cargo.site/w/600/i/ed95cd9a25cdd357418f50cab3f47f29512349e27a28c6b6733f523837731b77/ezgif-6-c9f7e9e308.gif" /> <img width="600" height="600" width_o="600" height_o="600" data-src="https://freight.cargo.site/t/original/i/4a4a32daaaf49e864a87ea25f4b06f3e552f4f461c759165192b016c6315388a/ezgif-6-aebdd34d2a.gif" data-mid="212453078" border="0" src="https://freight.cargo.site/w/600/i/4a4a32daaaf49e864a87ea25f4b06f3e552f4f461c759165192b016c6315388a/ezgif-6-aebdd34d2a.gif" /> <img width="2448" height="689" width_o="2448" height_o="689" data-src="https://freight.cargo.site/t/original/i/952e899f05791c9f4ab28053085d998f34bca6d52c2e9256bd89340e849d83ac/Article-banner-image.png" data-mid="212393981" border="0" src="https://freight.cargo.site/w/1000/i/952e899f05791c9f4ab28053085d998f34bca6d52c2e9256bd89340e849d83ac/Article-banner-image.png" /> <img width="1000" height="1088" width_o="1000" height_o="1088" data-src="https://freight.cargo.site/t/original/i/178acac199b553975ae6750b3022825452d45510dc3e644d534cd1fbbef0dc46/763280_ab75977ae2d4497193211b57e34b76fdmv2.png" data-mid="212394001" border="0" src="https://freight.cargo.site/w/1000/i/178acac199b553975ae6750b3022825452d45510dc3e644d534cd1fbbef0dc46/763280_ab75977ae2d4497193211b57e34b76fdmv2.png" /> <img width="2085" height="1613" width_o="2085" height_o="1613" data-src="https://freight.cargo.site/t/original/i/d9c72bc720d9561d16003fc6b9df6cffe5398fffd30b99770aaf2fcb577b3465/Frame-579.png" data-mid="212394255" border="0" src="https://freight.cargo.site/w/1000/i/d9c72bc720d9561d16003fc6b9df6cffe5398fffd30b99770aaf2fcb577b3465/Frame-579.png" /> <img width="3128" height="2417" width_o="3128" height_o="2417" data-src="https://freight.cargo.site/t/original/i/6ca5fee5df630a02af5da5620b8ef016b83c268f6457af09a99a654e1cb3f0f3/Frame-580.png" data-mid="212394257" border="0" src="https://freight.cargo.site/w/1000/i/6ca5fee5df630a02af5da5620b8ef016b83c268f6457af09a99a654e1cb3f0f3/Frame-580.png" /> <img width="3024" height="2268" width_o="3024" height_o="2268" data-src="https://freight.cargo.site/t/original/i/cabb09a5d99925d84fb2ee61c66c36b0bf67beae7910d8287ce36de28129eb66/IMG_4769-3.png" data-mid="212394875" border="0" src="https://freight.cargo.site/w/1000/i/cabb09a5d99925d84fb2ee61c66c36b0bf67beae7910d8287ce36de28129eb66/IMG_4769-3.png" /> <img width="1000" height="1088" width_o="1000" height_o="1088" data-src="https://freight.cargo.site/t/original/i/fbdd33b8364927914254b3d2d4a06847e2a56f92883698d0fd944cf89bad5033/763280_c96ea986f7a14fs5f890e91f42a526241mv2.png" data-mid="212403309" border="0" src="https://freight.cargo.site/w/1000/i/fbdd33b8364927914254b3d2d4a06847e2a56f92883698d0fd944cf89bad5033/763280_c96ea986f7a14fs5f890e91f42a526241mv2.png" /> <img width="687" height="892" width_o="687" height_o="892" data-src="https://freight.cargo.site/t/original/i/91e90df181e2638aaa0ddc716c26a08d35e8dc5269d1c560a374237a525271d0/wall-4.png" data-mid="212465438" border="0" src="https://freight.cargo.site/w/687/i/91e90df181e2638aaa0ddc716c26a08d35e8dc5269d1c560a374237a525271d0/wall-4.png" /> <img width="687" height="910" width_o="687" height_o="910" data-src="https://freight.cargo.site/t/original/i/7c04b96cf6a6e0b51993718f8e56145c099209ce3f3b2cc29f849d941b7256df/763280_9a1dcc31943245ffacb01c77b5a9b402mv2.png" data-mid="212465243" border="0" data-scale="91" src="https://freight.cargo.site/w/687/i/7c04b96cf6a6e0b51993718f8e56145c099209ce3f3b2cc29f849d941b7256df/763280_9a1dcc31943245ffacb01c77b5a9b402mv2.png" /> <img width="687" height="892" width_o="687" height_o="892" data-src="https://freight.cargo.site/t/original/i/12b230c61cb1c265d74d784b69b3aa33c4e6fceb3ef3e3d5e69f35081eb2cff1/wall-3.png" data-mid="212465437" border="0" src="https://freight.cargo.site/w/687/i/12b230c61cb1c265d74d784b69b3aa33c4e6fceb3ef3e3d5e69f35081eb2cff1/wall-3.png" /> <img width="3614" height="2148" width_o="3614" height_o="2148" data-src="https://freight.cargo.site/t/original/i/6fd3969b9c4329750737b0e43f37e29b38b21f6b3f0a14b39eca4b0a2894a2b1/52691419066_f98a4498aa_4k.jpg" data-mid="212465344" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/6fd3969b9c4329750737b0e43f37e29b38b21f6b3f0a14b39eca4b0a2894a2b1/52691419066_f98a4498aa_4k.jpg" /> <img width="3072" height="1725" width_o="3072" height_o="1725" data-src="https://freight.cargo.site/t/original/i/e2cdc60184fa11c4bb2e82e5a1bc55aba8e44e285d9eba32a5376282984db51f/52691688584_b9fe6e7ec3_3k.png" data-mid="212394719" border="0" src="https://freight.cargo.site/w/1000/i/e2cdc60184fa11c4bb2e82e5a1bc55aba8e44e285d9eba32a5376282984db51f/52691688584_b9fe6e7ec3_3k.png" /> <img width="2654" height="3689" width_o="2654" height_o="3689" data-src="https://freight.cargo.site/t/original/i/628b11d66d8e6e62ef0fbbe0898b0111023ca92806ab380bf44d28ea11a49085/IMG_4751.png" data-mid="212394744" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/628b11d66d8e6e62ef0fbbe0898b0111023ca92806ab380bf44d28ea11a49085/IMG_4751.png" /> <img width="3654" height="2110" width_o="3654" height_o="2110" data-src="https://freight.cargo.site/t/original/i/602f9150a7d219705f59327417b31b3b4408508bf242a5f0c1e30407059d7417/52691688514_f59ff7d793_4k.png" data-mid="212394763" border="0" src="https://freight.cargo.site/w/1000/i/602f9150a7d219705f59327417b31b3b4408508bf242a5f0c1e30407059d7417/52691688514_f59ff7d793_4k.png" /> More coming soon!! https://charmaineqiu.com/The-Game-of-Design-UI-UX-Visual-Identity Sat, 27 Aug 2022 18:51:42 +0000 Charmaine Qiu https://charmaineqiu.com/The-Game-of-Design-UI-UX-Visual-Identity <img width="3730" height="2075" width_o="3730" height_o="2075" data-src="https://freight.cargo.site/t/original/i/5d186b1a38b681a3c14bce53cd20c63793d7f48a9d9cabc8285749e4442b0b67/Frame-545.png" data-mid="151436608" border="0" src="https://freight.cargo.site/w/1000/i/5d186b1a38b681a3c14bce53cd20c63793d7f48a9d9cabc8285749e4442b0b67/Frame-545.png" /> 20227 weeks The_Game of Design_ is a digital board game of a designer’s journey The AIGA Design Census is a comprehensive report featuring 9,432 entries that highlight both factual and emotional aspects of the design industry. To showcase this intricate data, our team created an interactive board game, allowing designers to learn more about their place in the community. I was responsible for developing branding, illustrations, and UI/UX prototypes. Skills BrandingIllustration Web Design Data Visualization TeammatesDorothy LiMaggie Ma Concept - A Digital Board Game&nbsp; How might we educate designers about their place in the current industry? As designers, we each embark on unique journeys of growth and self-discovery. Our board game visualizes the realities of the design industry by curating personalized gameplay based on the user’s background in design. <img width="2636" height="818" width_o="2636" height_o="818" data-src="https://freight.cargo.site/t/original/i/040dfa55e18ea602cd064340a032573da75976afd973ace7b05f5e92641d28ae/Screen-Shot-2022-03-26-at-6.47.21-PM.png" data-mid="151436620" border="0" src="https://freight.cargo.site/w/1000/i/040dfa55e18ea602cd064340a032573da75976afd973ace7b05f5e92641d28ae/Screen-Shot-2022-03-26-at-6.47.21-PM.png" /> The Site The site features a board game-like navigation, where each block triggers an interaction. To add a sense of unpredictability, the overall board remains hidden until the user reaches each new block. &nbsp; Landing Page <img width="1572" height="1018" width_o="1572" height_o="1018" data-src="https://freight.cargo.site/t/original/i/9a55fa05038d81131f123705b22cc5f8f1f976c0f3ecc0ba4616c8b92c432434/Frame-551.png" data-mid="151436617" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/9a55fa05038d81131f123705b22cc5f8f1f976c0f3ecc0ba4616c8b92c432434/Frame-551.png" />Instruction Page <img width="1572" height="1018" width_o="1572" height_o="1018" data-src="https://freight.cargo.site/t/original/i/b0d08edc37cde5fe36c784ad01062e24ce5dfd5bb22b2af957e686cef278b981/Frame-553.png" data-mid="151436621" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/b0d08edc37cde5fe36c784ad01062e24ce5dfd5bb22b2af957e686cef278b981/Frame-553.png" /> User Flow Interacting with Data The player navigates through 25 blocks on the board by interacting with cards that appear on each block. By inputting their answers on the cards, players collect stickers as rewards. As a final takeaway, players receive a personalized sticker collection that reflects their own statistics, which they can learn from and share with others. <img width="2276" height="812" width_o="2276" height_o="812" data-src="https://freight.cargo.site/t/original/i/2ffff930b776651baa39ba9020cc955aede53bb85fca6d9932a580d32d654af6/Screen-Shot-2022-03-26-at-7.16.43-PM.png" data-mid="151436623" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/2ffff930b776651baa39ba9020cc955aede53bb85fca6d9932a580d32d654af6/Screen-Shot-2022-03-26-at-7.16.43-PM.png" /> Card Type 01 About Me Card Invites players to provide answers based on their personal experiences and backgrounds. <img width="580" height="971" width_o="580" height_o="971" data-src="https://freight.cargo.site/t/original/i/e93ec6a964a89913f50b314973b79ec66074cc0d01017d6685e6dd19bef599ae/24_Satisfaction.png" data-mid="151441865" border="0" data-scale="56" src="https://freight.cargo.site/w/580/i/e93ec6a964a89913f50b314973b79ec66074cc0d01017d6685e6dd19bef599ae/24_Satisfaction.png" /> <img width="580" height="971" width_o="580" height_o="971" data-src="https://freight.cargo.site/t/original/i/d5e6deee0d6c0dab60c1d88acc60ff7968681ba1f5006ec68e63ea9951283f9d/24_Satisfied.png" data-mid="151441866" border="0" data-scale="68" src="https://freight.cargo.site/w/580/i/d5e6deee0d6c0dab60c1d88acc60ff7968681ba1f5006ec68e63ea9951283f9d/24_Satisfied.png" /> <img width="579" height="975" width_o="579" height_o="975" data-src="https://freight.cargo.site/t/original/i/c6e108674022bcce437f4f7cbc2581568175146eb26a4c1c29f7c8095b23ca8d/2_My-expertise-is-in....png" data-mid="151442048" border="0" data-scale="81" src="https://freight.cargo.site/w/579/i/c6e108674022bcce437f4f7cbc2581568175146eb26a4c1c29f7c8095b23ca8d/2_My-expertise-is-in....png" /> <img width="581" height="981" width_o="581" height_o="981" data-src="https://freight.cargo.site/t/original/i/afea2ab1b52577bb107ede22336d5276682adf8c6e36598f9f6b2efc74bfb2d4/2_ARVR.png" data-mid="151442118" border="0" data-scale="78" src="https://freight.cargo.site/w/581/i/afea2ab1b52577bb107ede22336d5276682adf8c6e36598f9f6b2efc74bfb2d4/2_ARVR.png" /> <img width="574" height="965" width_o="574" height_o="965" data-src="https://freight.cargo.site/t/original/i/37ffa35277ed913078ce201c9bffc48247d2adb2d3188d4aead7a108503d2e1e/11_Gender.png" data-mid="151442148" border="0" data-scale="76" src="https://freight.cargo.site/w/574/i/37ffa35277ed913078ce201c9bffc48247d2adb2d3188d4aead7a108503d2e1e/11_Gender.png" /> <img width="575" height="965" width_o="575" height_o="965" data-src="https://freight.cargo.site/t/original/i/ebdd296d636ee1af2c26b13ed0460b1b73b6daab89441e77b78a44d1ec0503e3/11_Female.png" data-mid="151442147" border="0" data-scale="74" src="https://freight.cargo.site/w/575/i/ebdd296d636ee1af2c26b13ed0460b1b73b6daab89441e77b78a44d1ec0503e3/11_Female.png" /> Click to view variations <img width="800" height="488" width_o="800" height_o="488" data-src="https://freight.cargo.site/t/original/i/c8e1a58b63f6233e9dbfcf54a00677d9f2d668ba9ac059221a8c9009f6de3e3b/ezgif.com-gif-maker.gif" data-mid="151436615" border="0" data-scale="100" src="https://freight.cargo.site/w/800/i/c8e1a58b63f6233e9dbfcf54a00677d9f2d668ba9ac059221a8c9009f6de3e3b/ezgif.com-gif-maker.gif" /> Card Type 02 Reward Card Presents players with a reward scenario where they learn facts about the industry and earn a happy face sticker. &nbsp; <img width="578" height="971" width_o="578" height_o="971" data-src="https://freight.cargo.site/t/original/i/ace17676d3f87ae9b35d737806983497dcc332a64142b91c41742230301d2258/20_Reward.png" data-mid="151442607" border="0" data-scale="61" src="https://freight.cargo.site/w/578/i/ace17676d3f87ae9b35d737806983497dcc332a64142b91c41742230301d2258/20_Reward.png" /> <img width="579" height="972" width_o="579" height_o="972" data-src="https://freight.cargo.site/t/original/i/8dfd69842374dd1815de569b09e11454a88da47556f783eb9e78dd604c0f15f0/20_Reward-back.png" data-mid="151442606" border="0" data-scale="59" src="https://freight.cargo.site/w/579/i/8dfd69842374dd1815de569b09e11454a88da47556f783eb9e78dd604c0f15f0/20_Reward-back.png" /> <img width="580" height="970" width_o="580" height_o="970" data-src="https://freight.cargo.site/t/original/i/7c63f1988d876c113e3bef050b568ec73e1bc9be7e0367cda03388a5f850bba0/Frame-554.png" data-mid="151442608" border="0" data-scale="61" src="https://freight.cargo.site/w/580/i/7c63f1988d876c113e3bef050b568ec73e1bc9be7e0367cda03388a5f850bba0/Frame-554.png" /> <img width="578" height="970" width_o="578" height_o="970" data-src="https://freight.cargo.site/t/original/i/b615405161d143ae35445b619e8c427c0ea91d6cff573b0a4d898d4aa91eeedb/Group-391.png" data-mid="151442610" border="0" data-scale="59" src="https://freight.cargo.site/w/578/i/b615405161d143ae35445b619e8c427c0ea91d6cff573b0a4d898d4aa91eeedb/Group-391.png" /> <img width="578" height="971" width_o="578" height_o="971" data-src="https://freight.cargo.site/t/original/i/53738eebbac1718556dbdfac4d41c5b05e7dc73a3dc7803054775f1dec3fd323/15_Reward.png" data-mid="151442605" border="0" data-scale="57" src="https://freight.cargo.site/w/578/i/53738eebbac1718556dbdfac4d41c5b05e7dc73a3dc7803054775f1dec3fd323/15_Reward.png" /> <img width="575" height="970" width_o="575" height_o="970" data-src="https://freight.cargo.site/t/original/i/02cb09edfc193b40c24415c70e4465a71383698bc1bd5cdf155bce3e0e523bfa/Frame-556.png" data-mid="151442609" border="0" src="https://freight.cargo.site/w/575/i/02cb09edfc193b40c24415c70e4465a71383698bc1bd5cdf155bce3e0e523bfa/Frame-556.png" /> Click to view variations <img width="800" height="488" width_o="800" height_o="488" data-src="https://freight.cargo.site/t/original/i/d62432693809c655a16fd0c1b55fa30c25bd03b917033a022380601011af56c3/ezgif.com-gif-maker-copy-2.gif" data-mid="151436626" border="0" src="https://freight.cargo.site/w/800/i/d62432693809c655a16fd0c1b55fa30c25bd03b917033a022380601011af56c3/ezgif.com-gif-maker-copy-2.gif" /> Card Type 03 Obstacle Card Presents players with an obstacle scenario where they learn facts about the industry and have a happy face sticker taken away. <img width="578" height="971" width_o="578" height_o="971" data-src="https://freight.cargo.site/t/original/i/ef1462eb45fc22058656bb876ecc4358b97374e77a19f8a478f2cc301547a51a/Frame-559.png" data-mid="151444873" border="0" data-scale="66" src="https://freight.cargo.site/w/578/i/ef1462eb45fc22058656bb876ecc4358b97374e77a19f8a478f2cc301547a51a/Frame-559.png" /> <img width="580" height="971" width_o="580" height_o="971" data-src="https://freight.cargo.site/t/original/i/e1b1dbb5d5db966c29e4ddc071c15d11b3f01c90d2ef8fb5337fe078c07a6a7b/Frame-560.png" data-mid="151444872" border="0" data-scale="64" src="https://freight.cargo.site/w/580/i/e1b1dbb5d5db966c29e4ddc071c15d11b3f01c90d2ef8fb5337fe078c07a6a7b/Frame-560.png" /> <img width="580" height="971" width_o="580" height_o="971" data-src="https://freight.cargo.site/t/original/i/13de11f2dbc0e280dafabb48fa3eb095e216c86835ab2051db8f272965bc5d7e/Frame-557.png" data-mid="151444874" border="0" data-scale="72" src="https://freight.cargo.site/w/580/i/13de11f2dbc0e280dafabb48fa3eb095e216c86835ab2051db8f272965bc5d7e/Frame-557.png" /> <img width="580" height="971" width_o="580" height_o="971" data-src="https://freight.cargo.site/t/original/i/32c4d4a8a61a80d9b8c02c695c870986e8c3e4a755781022c1c24186ec410d98/Frame-558.png" data-mid="151444871" border="0" data-scale="56" src="https://freight.cargo.site/w/580/i/32c4d4a8a61a80d9b8c02c695c870986e8c3e4a755781022c1c24186ec410d98/Frame-558.png" /> Click to view variations <img width="800" height="488" width_o="800" height_o="488" data-src="https://freight.cargo.site/t/original/i/0223c5920153f6acd78e7465ae54a75854a85f680a46921b236d54f597b7f85e/ezgif.com-gif-maker-copy-4.gif" data-mid="151436628" border="0" src="https://freight.cargo.site/w/800/i/0223c5920153f6acd78e7465ae54a75854a85f680a46921b236d54f597b7f85e/ezgif.com-gif-maker-copy-4.gif" /> Card Type 04 Quote Card &nbsp;&nbsp; Introduces a quote by a real designer, offering a personal perspective on the design industry. <img width="585" height="975" width_o="585" height_o="975" data-src="https://freight.cargo.site/t/original/i/28148f89fa500b8d0c51475f346a900f57c54cd4703a9dc6f372f39b4776f5dd/19_Quote.png" data-mid="151445051" border="0" data-scale="61" src="https://freight.cargo.site/w/585/i/28148f89fa500b8d0c51475f346a900f57c54cd4703a9dc6f372f39b4776f5dd/19_Quote.png" /> <img width="585" height="970" width_o="585" height_o="970" data-src="https://freight.cargo.site/t/original/i/ec13d2130cf5e0fbbb76efbda5fbc7d9b0f62911580b5e1e31ec6329ac90bff6/9_Quote.png" data-mid="151445052" border="0" data-scale="60" src="https://freight.cargo.site/w/585/i/ec13d2130cf5e0fbbb76efbda5fbc7d9b0f62911580b5e1e31ec6329ac90bff6/9_Quote.png" /> <img width="585" height="970" width_o="585" height_o="970" data-src="https://freight.cargo.site/t/original/i/41d0e977489964353a1b6b984903808a5277063639762d5038daab502191e480/4_Quote.png" data-mid="151445053" border="0" data-scale="57" src="https://freight.cargo.site/w/585/i/41d0e977489964353a1b6b984903808a5277063639762d5038daab502191e480/4_Quote.png" /> Click to view variations <img width="800" height="487" width_o="800" height_o="487" data-src="https://freight.cargo.site/t/original/i/7c618d1e88818ab3c7ed18b9b15689bd33d4aa3efd65e34623e05bb69e6edd46/ezgif.com-gif-maker-copy-5.gif" data-mid="151436630" border="0" src="https://freight.cargo.site/w/800/i/7c618d1e88818ab3c7ed18b9b15689bd33d4aa3efd65e34623e05bb69e6edd46/ezgif.com-gif-maker-copy-5.gif" /> Card Type 05 Risk Card Presents players with scenarios that lead to different outcomes based on their choices. The reverse side of the card displays relevant data related to the chosen outcome. <img width="585" height="975" width_o="585" height_o="975" data-src="https://freight.cargo.site/t/original/i/7035897643ff79617ce82103de675f7bbf7be1398ee9f7547e204d08bd21d7d8/Frame-563.png" data-mid="151446107" border="0" data-scale="57" src="https://freight.cargo.site/w/585/i/7035897643ff79617ce82103de675f7bbf7be1398ee9f7547e204d08bd21d7d8/Frame-563.png" /> <img width="584" height="973" width_o="584" height_o="973" data-src="https://freight.cargo.site/t/original/i/601aae82f0d168f3f1dbc91997282d154975608b2efe8659dadc155dd70acc73/Frame-561.png" data-mid="151446109" border="0" src="https://freight.cargo.site/w/584/i/601aae82f0d168f3f1dbc91997282d154975608b2efe8659dadc155dd70acc73/Frame-561.png" /> <img width="584" height="973" width_o="584" height_o="973" data-src="https://freight.cargo.site/t/original/i/20ade6ff4bee459f9f407af118647ae77cebb2c75f009382bd440969046cea88/Frame-562.png" data-mid="151446108" border="0" src="https://freight.cargo.site/w/584/i/20ade6ff4bee459f9f407af118647ae77cebb2c75f009382bd440969046cea88/Frame-562.png" /> <img width="585" height="975" width_o="585" height_o="975" data-src="https://freight.cargo.site/t/original/i/9bf41b4ab6c3b22bfd2168ae49dc40c8ca29239d3ea2f844188f70246cd382c4/Frame-564.png" data-mid="151446106" border="0" src="https://freight.cargo.site/w/585/i/9bf41b4ab6c3b22bfd2168ae49dc40c8ca29239d3ea2f844188f70246cd382c4/Frame-564.png" /> Click to view variations <img width="800" height="488" width_o="800" height_o="488" data-src="https://freight.cargo.site/t/original/i/6c00aab8324cefb762ca6bba7221a39f45b6745b820bf6205c20e0ee953ec63a/ezgif.com-gif-maker-copy-3.gif" data-mid="151436627" border="0" src="https://freight.cargo.site/w/800/i/6c00aab8324cefb762ca6bba7221a39f45b6745b820bf6205c20e0ee953ec63a/ezgif.com-gif-maker-copy-3.gif" /> Ending the Journey with Purpose After navigating through all the blocks, the final screen displays all the stickers collected by the player. Hovering over each sticker reveals the statistics associated with their choices throughout the journey. Completion page <img width="1572" height="1018" width_o="1572" height_o="1018" data-src="https://freight.cargo.site/t/original/i/ec72d7652eff7f970f8be8879e9e18338ab0b24ff3bb2541ab9a563fcbdd2d26/Frame-552.png" data-mid="151436631" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/ec72d7652eff7f970f8be8879e9e18338ab0b24ff3bb2541ab9a563fcbdd2d26/Frame-552.png" /> <img width="1782" height="1758" width_o="1782" height_o="1758" data-src="https://freight.cargo.site/t/original/i/62b713320ce35c06cc49dbf953f8baa3aa890f9721590cb0eb24620435cd954a/Screen-Shot-2022-08-27-at-7.06.04-PM.png" data-mid="151446596" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/62b713320ce35c06cc49dbf953f8baa3aa890f9721590cb0eb24620435cd954a/Screen-Shot-2022-08-27-at-7.06.04-PM.png" /> <img width="800" height="488" width_o="800" height_o="488" data-src="https://freight.cargo.site/t/original/i/9b482c8475157291bb33c0a19ca5a1d64e7c4a293a4bd58a46756ae49cba1f4c/ezgif.com-gif-maker.gif" data-mid="151436616" border="0" data-scale="100" src="https://freight.cargo.site/w/800/i/9b482c8475157291bb33c0a19ca5a1d64e7c4a293a4bd58a46756ae49cba1f4c/ezgif.com-gif-maker.gif" /> Visual System Creating a Playful Identity of the Board Game&nbsp; The use of a game-like typeface and vibrant colors creates a lighthearted mood reminiscent of playing a board game. The accompanying stickers and cards feature a simple yet quirky design, adding extra personality to the brand. Additionally, we employed various data visualization techniques to introduce diversity across the different types of cards. <img width="3466" height="1488" width_o="3466" height_o="1488" data-src="https://freight.cargo.site/t/original/i/8f0a738c28979e522138b40bb324cd014348cb030847e6b46a18548b9aefad69/37.png" data-mid="151446616" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/8f0a738c28979e522138b40bb324cd014348cb030847e6b46a18548b9aefad69/37.png" /> <img width="2456" height="1158" width_o="2456" height_o="1158" data-src="https://freight.cargo.site/t/original/i/aaa7bb0364e9da58a663db8d6be02f8d8d35028cdf357a226a98cea31ac5f388/Screen-Shot-2022-08-27-at-7.12.25-PM.png" data-mid="151446704" border="0" src="https://freight.cargo.site/w/1000/i/aaa7bb0364e9da58a663db8d6be02f8d8d35028cdf357a226a98cea31ac5f388/Screen-Shot-2022-08-27-at-7.12.25-PM.png" /> <img width="3840" height="2336" width_o="3840" height_o="2336" data-src="https://freight.cargo.site/t/original/i/2e2bd8bda3846e85b181e1708bba6f0cbbc347338e8e479209c650cfedff0701/23.png" data-mid="151446735" border="0" src="https://freight.cargo.site/w/1000/i/2e2bd8bda3846e85b181e1708bba6f0cbbc347338e8e479209c650cfedff0701/23.png" /> Initial Research Working with the AIGA Dataset Before beginning the design process, our team analyzed the dataset to identify correlations between different categories. We were particularly interested in designers' job satisfaction and compared these levels across various factors such as job title, salary, years of experience, and gender. <img width="3718" height="3487" width_o="3718" height_o="3487" data-src="https://freight.cargo.site/t/original/i/889a51968e3fe52e30276e0025af351293e74bde5f1707a1ed09894c0d9b5002/Frame-9.png" data-mid="151447294" border="0" src="https://freight.cargo.site/w/1000/i/889a51968e3fe52e30276e0025af351293e74bde5f1707a1ed09894c0d9b5002/Frame-9.png" /> <img width="3829" height="1539" width_o="3829" height_o="1539" data-src="https://freight.cargo.site/t/original/i/5e43c9300fdba05fa95aa4ebb6d6ed934a9f824deead69044a84f4138b0b6026/Group-5.png" data-mid="151447295" border="0" src="https://freight.cargo.site/w/1000/i/5e43c9300fdba05fa95aa4ebb6d6ed934a9f824deead69044a84f4138b0b6026/Group-5.png" /> <img width="3089" height="1889" width_o="3089" height_o="1889" data-src="https://freight.cargo.site/t/original/i/38016884881fcf60cfc2b8e3388fb16098934318594bea1383be3ff1b696a60a/Frame-1.png" data-mid="151447296" border="0" src="https://freight.cargo.site/w/1000/i/38016884881fcf60cfc2b8e3388fb16098934318594bea1383be3ff1b696a60a/Frame-1.png" /> The ConceptThe Board Game NarrativeOur team chose to create a digital board game because it serves as a metaphor for an unpredictable yet charming journey filled with challenges and surprises. We recognized the opportunity to integrate various interactions that lead to unique outcomes throughout the journey. <img width="2714" height="1817" width_o="2714" height_o="1817" data-src="https://freight.cargo.site/t/original/i/248e656cdc8a0a7c9a62e69281e4c3e9ed4c5817370500ad258e521d107cd6f8/Inspo.png" data-mid="151447328" border="0" src="https://freight.cargo.site/w/1000/i/248e656cdc8a0a7c9a62e69281e4c3e9ed4c5817370500ad258e521d107cd6f8/Inspo.png" /> Moodboard When designing the layout of the board, we focused on achieving an optimal balance between the board itself, the cards, and the collected stickers. We settled on a layout that features an overview of the board, allowing users to track their progress through the journey while engaging with the interactive elements of the cards. <img width="3478" height="2335" width_o="3478" height_o="2335" data-src="https://freight.cargo.site/t/original/i/255ac376fe1956df48ec2f7460a29667984b4e21a908f8a1a2969beb5d12ec73/screens.png" data-mid="151454550" border="0" src="https://freight.cargo.site/w/1000/i/255ac376fe1956df48ec2f7460a29667984b4e21a908f8a1a2969beb5d12ec73/screens.png" /> Layout exploration Reflection This project provided me with the opportunity to delve into data visualization through the creation of a digital game, adopting a highly visual approach. It was intriguing to integrate customization features of the game as educational tools. After establishing the visual system and the flow of the board, I transitioned to an asset-based workflow, preparing assets for delivery to the developer. Given more time, I would explore additional micro-interactions, such as sticker animations and dynamic hints, to maintain engagement throughout the journey. https://charmaineqiu.com/Vancouver-SEGD-2022-Branding Thu, 06 Jan 2022 06:52:28 +0000 Charmaine Qiu https://charmaineqiu.com/Vancouver-SEGD-2022-Branding <img width="2342" height="1318" width_o="2342" height_o="1318" data-src="https://freight.cargo.site/t/original/i/f922df091a63108b4121beb7c4dabf324619d47533911acfbf75603d1e88f9f6/Screen-Shot-2021-12-08-at-10.18.04-PM.png" data-mid="129198787" border="0" src="https://freight.cargo.site/w/1000/i/f922df091a63108b4121beb7c4dabf324619d47533911acfbf75603d1e88f9f6/Screen-Shot-2021-12-08-at-10.18.04-PM.png" /> Spring 20216 weeks Creating a brand identity for&nbsp;Vancouver SEGD 2022 As a global, multidisciplinary community of over 2200 members from 35 countries, SEGD plans, designs, and builds experiences that connect people to places. I designed the identity for the SEGD 2022 conference, presuming the event would be held in Vancouver. Aiming to strengthen the connection between public spaces and their users through placemaking, I infused the identity of this cross-disciplinary event with elements that reflect the unique character of Vancouver. SkillsBrandingExperimental TypeGraphic Design Signage Design TeamIndividual <img width="4251" height="1761" width_o="4251" height_o="1761" data-src="https://freight.cargo.site/t/original/i/a477bd53361fee233105d554bd5727ae31140010215673ba5d0a072d1e42b7cc/Artboard-1-copy-6.png" data-mid="129401078" border="0" src="https://freight.cargo.site/w/1000/i/a477bd53361fee233105d554bd5727ae31140010215673ba5d0a072d1e42b7cc/Artboard-1-copy-6.png" /> Concept A Creative Space that is dynamic and constantly evolving in new directions without boundaries.The logotype is inspired by Vancouver's natural surroundings, particularly its oceanic features, reflected in its free-flowing and fluid design. Guided by strokes of diverse weights, vibrant highlights, and a subtle slant to the letters, the design captures a sense of movement and dynamism. <img width="1553" height="1080" width_o="1553" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ea44111162f22ec6158372a423352201f81dd632e0aecf8b7dd1dcc8baf07534/Vancouver-animation_1.gif" data-mid="129198788" border="0" data-scale="55" src="https://freight.cargo.site/w/1000/i/ea44111162f22ec6158372a423352201f81dd632e0aecf8b7dd1dcc8baf07534/Vancouver-animation_1.gif" /> Logo Animation <img width="4671" height="1952" width_o="4671" height_o="1952" data-src="https://freight.cargo.site/t/original/i/b8236f5f9003bcf284f2bbe7644483623dc295372ad08df29131cf6578693bc4/Artboard-1-copy-8.png" data-mid="129403667" border="0" src="https://freight.cargo.site/w/1000/i/b8236f5f9003bcf284f2bbe7644483623dc295372ad08df29131cf6578693bc4/Artboard-1-copy-8.png" /> Logotype with alternative color and arrangement&nbsp; Design System Color and Supporting TypefaceThe primary color palette features a deep blue reminiscent of the ocean, complemented by a contrasting cream shade as the backdrop. Three additional supporting colors are selected to infuse elements of vibrancy into the creative event. To balance the intricacy of the logotype, a simple and legible typeface is chosen as the supporting font, creating a clear contrast. <img width="2272" height="1668" width_o="2272" height_o="1668" data-src="https://freight.cargo.site/t/original/i/d4b54b0002280d099f846c08016a076c5664cd624e6681f5795156baef8e4246/Artboard-1-copy-10.png" data-mid="129405085" border="0" src="https://freight.cargo.site/w/1000/i/d4b54b0002280d099f846c08016a076c5664cd624e6681f5795156baef8e4246/Artboard-1-copy-10.png" /> <img width="2789" height="2000" width_o="2789" height_o="2000" data-src="https://freight.cargo.site/t/original/i/a5dd7632ada818810005e306896edb99644cdb6f6aaa022c56ed683f4f49ed4b/Artboard-1-copy-9300x.png" data-mid="137808579" border="0" src="https://freight.cargo.site/w/1000/i/a5dd7632ada818810005e306896edb99644cdb6f6aaa022c56ed683f4f49ed4b/Artboard-1-copy-9300x.png" /> Communication piece Posters These posters serve as communication tools leading up to and during the event. I managed the amount of information on each poster according to its scale. For street posters, I juxtaposed close-up sections of the logotype with images of Vancouver, establishing a direct connection between the city and my design outputs. <img width="2500" height="3867" width_o="2500" height_o="3867" data-src="https://freight.cargo.site/t/original/i/be54f280def8e7f50d4e566b4bf3d947b05f0486b91701532b76fe33fd88f130/Artboard-10-copy-3250x.png" data-mid="129198792" border="0" src="https://freight.cargo.site/w/1000/i/be54f280def8e7f50d4e566b4bf3d947b05f0486b91701532b76fe33fd88f130/Artboard-10-copy-3250x.png" /> <img width="2501" height="3867" width_o="2501" height_o="3867" data-src="https://freight.cargo.site/t/original/i/da6a85a8ba42455c02686d392ccf931d7b99e52d91e77a11f6886f6b25030ec1/Artboard-10-copy-12250x.png" data-mid="129406346" border="0" src="https://freight.cargo.site/w/1000/i/da6a85a8ba42455c02686d392ccf931d7b99e52d91e77a11f6886f6b25030ec1/Artboard-10-copy-12250x.png" /> <img width="2501" height="3867" width_o="2501" height_o="3867" data-src="https://freight.cargo.site/t/original/i/8d49220f470bb6305a37d47b0eabe50d3bcef71f43b4e4443d77cf3882baf413/Artboard-10-copy-11250x.png" data-mid="129406350" border="0" src="https://freight.cargo.site/w/1000/i/8d49220f470bb6305a37d47b0eabe50d3bcef71f43b4e4443d77cf3882baf413/Artboard-10-copy-11250x.png" /> <img width="2342" height="1318" width_o="2342" height_o="1318" data-src="https://freight.cargo.site/t/original/i/f922df091a63108b4121beb7c4dabf324619d47533911acfbf75603d1e88f9f6/Screen-Shot-2021-12-08-at-10.18.04-PM.png" data-mid="129198787" border="0" src="https://freight.cargo.site/w/1000/i/f922df091a63108b4121beb7c4dabf324619d47533911acfbf75603d1e88f9f6/Screen-Shot-2021-12-08-at-10.18.04-PM.png" /> <img width="750" height="501" width_o="750" height_o="501" data-src="https://freight.cargo.site/t/original/i/ccfb80e1b2d06de78579f4eb53d04ba971b67f557fb0c8ad622d07f9b190347f/alumni-building-outside.png" data-mid="129198790" border="0" data-scale="100" src="https://freight.cargo.site/w/750/i/ccfb80e1b2d06de78579f4eb53d04ba971b67f557fb0c8ad622d07f9b190347f/alumni-building-outside.png" />&nbsp; Communication piece Interior Signage I created navigational signage available in various scales, offering crucial information about each floor and the surrounding area. <img width="4251" height="1761" width_o="4251" height_o="1761" data-src="https://freight.cargo.site/t/original/i/8113baa43a25135b75e557f0a7b7f9ec57963ea9aab41487f594dba654cf759f/Artboard-1-copy-12.png" data-mid="129414056" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/8113baa43a25135b75e557f0a7b7f9ec57963ea9aab41487f594dba654cf759f/Artboard-1-copy-12.png" /><img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/12fe2b5975dcdd48afc1c7f7a5373024284e8a24a68169195f1e04a3acb6ac76/connvention-entrance-mockup.png" data-mid="129198789" border="0" src="https://freight.cargo.site/w/1000/i/12fe2b5975dcdd48afc1c7f7a5373024284e8a24a68169195f1e04a3acb6ac76/connvention-entrance-mockup.png" /> Communication pieceMerchandise&nbsp; To bolster the event's identity, I crafted event-specific peripherals like name cards and merchandise, adhering to the established design system. <img width="846" height="1136" width_o="846" height_o="1136" data-src="https://freight.cargo.site/t/original/i/c90235319904c4feee4e1d14b261fb25645e333a821e18b889b2639a647f6119/Screen-Shot-2021-11-17-at-12.19.38-AM.png" data-mid="129198791" border="0" data-scale="97" src="https://freight.cargo.site/w/846/i/c90235319904c4feee4e1d14b261fb25645e333a821e18b889b2639a647f6119/Screen-Shot-2021-11-17-at-12.19.38-AM.png" /> <img width="1934" height="1800" width_o="1934" height_o="1800" data-src="https://freight.cargo.site/t/original/i/4debdb6106dd0c3212313b6f2dd4dc7c2a2ebda9fc20267d4006c509d7835713/Screen-Shot-2022-01-07-at-9.41.50-PM.png" data-mid="129411833" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/4debdb6106dd0c3212313b6f2dd4dc7c2a2ebda9fc20267d4006c509d7835713/Screen-Shot-2022-01-07-at-9.41.50-PM.png" /> <img width="3500" height="3500" width_o="3500" height_o="3500" data-src="https://freight.cargo.site/t/original/i/bdcce96e8bfd9fd0aac83870445c380f50f458992f8abf7fc959951340f331e4/vancouver-socks-blue.png" data-mid="129411335" border="0" data-scale="27" src="https://freight.cargo.site/w/1000/i/bdcce96e8bfd9fd0aac83870445c380f50f458992f8abf7fc959951340f331e4/vancouver-socks-blue.png" />&nbsp; &nbsp; &nbsp;<img width="3500" height="3500" width_o="3500" height_o="3500" data-src="https://freight.cargo.site/t/original/i/cf2eff393fc22f2ef48f87891986bc7cd98bb26ac2024bbb3b63f5ead4648bab/vancouver-socks-white.png" data-mid="129411333" border="0" data-scale="27" src="https://freight.cargo.site/w/1000/i/cf2eff393fc22f2ef48f87891986bc7cd98bb26ac2024bbb3b63f5ead4648bab/vancouver-socks-white.png" />&nbsp; &nbsp; &nbsp;&nbsp;<img width="3500" height="2300" width_o="3500" height_o="2300" data-src="https://freight.cargo.site/t/original/i/4c7084a37d00d4a4b09ed8d0452cab7312ad6098f05e0ed090bd5cef8fe37c10/vancouver-beanie.png" data-mid="129198793" border="0" data-scale="41" src="https://freight.cargo.site/w/1000/i/4c7084a37d00d4a4b09ed8d0452cab7312ad6098f05e0ed090bd5cef8fe37c10/vancouver-beanie.png" /> Process <img width="2634" height="1732" width_o="2634" height_o="1732" data-src="https://freight.cargo.site/t/original/i/5ccf7511bb0d51cab4cf2cb2f44d01351d438f299b9868d5f3f7a80ceac2ef13/Screen-Shot-2022-03-28-at-12.50.33-PM.png" data-mid="137812067" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/5ccf7511bb0d51cab4cf2cb2f44d01351d438f299b9868d5f3f7a80ceac2ef13/Screen-Shot-2022-03-28-at-12.50.33-PM.png" /> Reflection This project encouraged me to deeply explore the environment I'm designing for, extracting essential characteristics to guide my design choices. I discovered the significance of striking a balance between introducing transformation and new elements to the design while maintaining the overall coherence. Every variation and expansion in design should serve to enhance the event's identity. https://charmaineqiu.com/Simulator-for-Inclusive-Car-Riding-App-Design-for-User-Testing-UI-UX Sat, 04 Feb 2023 16:11:27 +0000 Charmaine Qiu https://charmaineqiu.com/Simulator-for-Inclusive-Car-Riding-App-Design-for-User-Testing-UI-UX <img width="2110" height="1337" width_o="2110" height_o="1337" data-src="https://freight.cargo.site/t/original/i/25da07f7eaaaa1b46b51e6289cb728474b2d736b0a55db6fae423a11e8640064/Desktop---2.png" data-mid="210119310" border="0" src="https://freight.cargo.site/w/1000/i/25da07f7eaaaa1b46b51e6289cb728474b2d736b0a55db6fae423a11e8640064/Desktop---2.png" /> Fall 2021- Spring 2022 Simulating the communication between mobile app and vehicle environments for Unigo, an inclusive car riding app. At Unigo, we've developed an accessible mobile app designed to empower disabled users by giving them control over their autonomous vehicle ride experience. Our app prioritizes enabling riders to manage various aspects of the vehicle during their journey. Additionally, we've created a web-based simulator specifically for user testing purposes. This simulator showcases how in-car environments might adapt based on the controls within the app. As part of the team, I was responsible for designing the interface of this simulator. This project was recognized as a&nbsp;U.S. DOT Inclusive Design Challenge&nbsp;Stage I Semifinalist Awardee. SkillsUI/UX Design Design for User TestingAnimation&nbsp; Research TeammateJohn Chae <img width="2880" height="966" width_o="2880" height_o="966" data-src="https://freight.cargo.site/t/original/i/441d652074be167e7ff487488f8194ae113745ee4345dbebe728b24b7d4b464c/Desktop---1.png" data-mid="167245353" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/441d652074be167e7ff487488f8194ae113745ee4345dbebe728b24b7d4b464c/Desktop---1.png" /> Background How is the simulator connected to Unigo? User testing for Unigo is conducted remotely with volunteers from the community to refine usability and uncover any overlooked features. The simulator, presented as a web interface, is displayed on the tester's screen in real-time as they control the car features through the downloaded app. The diagram below illustrates the user flow of the app, highlighting where the simulated interface is necessary to assess the usability of Unigo. <img width="6012" height="6534" width_o="6012" height_o="6534" data-src="https://freight.cargo.site/t/original/i/7d5dc8036796e70c1d2623c2fb295a82b71f699d1c0db9af278ed8bd3f4126dd/app---simulator-flow.png" data-mid="167245361" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/7d5dc8036796e70c1d2623c2fb295a82b71f699d1c0db9af278ed8bd3f4126dd/app---simulator-flow.png" /> The Ask How might we perform user testing for a car-riding app in the absence of physical vehicles?The simulator screen showcases both the external and internal environments of the vehicle, offering testers a comprehensive riding experience. External interactions prompt animations representing the vehicle's responses, while internal inputs are depicted through an interface reflecting the car's status. Additionally, the simulator's visuals adjust accordingly to mimic the app's interface, considering whether the tester is a wheelchair user. Outside the Vehicle <img width="1366" height="768" width_o="1366" height_o="768" data-src="https://freight.cargo.site/t/original/i/4bf40e86c687c90c7c2f96659535d6c000027a7c7b5ceb9c8dd6b0783eb9acda/wheelchair---confirmed.gif" data-mid="167245381" border="0" src="https://freight.cargo.site/w/1000/i/4bf40e86c687c90c7c2f96659535d6c000027a7c7b5ceb9c8dd6b0783eb9acda/wheelchair---confirmed.gif" /> Setting up and confirming <img width="1366" height="768" width_o="1366" height_o="768" data-src="https://freight.cargo.site/t/original/i/641d38f1e2ee2824fe2c40a72a96e2fb6f04bc3c6107b03913f79b5b996fcf1c/wheelchair---arrived-doors-open.gif" data-mid="167245383" border="0" src="https://freight.cargo.site/w/1000/i/641d38f1e2ee2824fe2c40a72a96e2fb6f04bc3c6107b03913f79b5b996fcf1c/wheelchair---arrived-doors-open.gif" /> Arrived and unlocking doors <img width="1366" height="768" width_o="1366" height_o="768" data-src="https://freight.cargo.site/t/original/i/72a8fbd732e74f9f89d0a3df5dcbcb322dcb3765df0ebd76504124c90c1f36a0/other-options---scanning.gif" data-mid="167245382" border="0" src="https://freight.cargo.site/w/1000/i/72a8fbd732e74f9f89d0a3df5dcbcb322dcb3765df0ebd76504124c90c1f36a0/other-options---scanning.gif" /> Scanning vehicle to verify <img width="1366" height="768" width_o="1366" height_o="768" data-src="https://freight.cargo.site/t/original/i/849434963bbb7647c9c7bce5896b4448aed4ada97f62b895029afdfc756c9e8d/other-options---destination-confirmed.gif" data-mid="167245385" border="0" src="https://freight.cargo.site/w/1000/i/849434963bbb7647c9c7bce5896b4448aed4ada97f62b895029afdfc756c9e8d/other-options---destination-confirmed.gif" /> Confirming destination and leaving ride Inside the Vehicle <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/894c59e03970080dacb20a897ca6eef3fc758173aafe3d1773656b27bb8e496f/Fan-Direction-1.png" data-mid="167245362" border="0" src="https://freight.cargo.site/w/1000/i/894c59e03970080dacb20a897ca6eef3fc758173aafe3d1773656b27bb8e496f/Fan-Direction-1.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/7ef8aa0117735878cdd13283ce40229fa7eb29f6f630e64a3bea81cf5e647337/Fan-Direction-2.png" data-mid="167245363" border="0" src="https://freight.cargo.site/w/1000/i/7ef8aa0117735878cdd13283ce40229fa7eb29f6f630e64a3bea81cf5e647337/Fan-Direction-2.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/4e42225563528e57cefa760801ba479444f7a17c00650c2fd39a1b1a22b8f321/Fan-Direction-3.png" data-mid="167245364" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/4e42225563528e57cefa760801ba479444f7a17c00650c2fd39a1b1a22b8f321/Fan-Direction-3.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/a575963e7627597bf238d54bf12816f34a717d14a6a678ea7c2cbcee37ebb80b/Fan-Direction-4.png" data-mid="167245365" border="0" src="https://freight.cargo.site/w/1000/i/a575963e7627597bf238d54bf12816f34a717d14a6a678ea7c2cbcee37ebb80b/Fan-Direction-4.png" /> <img width="2528" height="1639" width_o="2528" height_o="1639" data-src="https://freight.cargo.site/t/original/i/38a9ae4a3e5bad47a98e65cb12c3b61fc5141fe50b5f6d84f75ea5f1b8cc9edb/Temperature.png" data-mid="210119330" border="0" src="https://freight.cargo.site/w/1000/i/38a9ae4a3e5bad47a98e65cb12c3b61fc5141fe50b5f6d84f75ea5f1b8cc9edb/Temperature.png" /><img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/30c610454af413590c839591be972cbcc66c2b9e92780b724a01fea4bdf962ea/Seat-Warmer.png" data-mid="167245368" border="0" src="https://freight.cargo.site/w/1000/i/30c610454af413590c839591be972cbcc66c2b9e92780b724a01fea4bdf962ea/Seat-Warmer.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/657e57d4857c31c0bc99bb6011d34b1579126ad21d99a92dc099e2a8c283b572/Fan-Speed.png" data-mid="167245367" border="0" src="https://freight.cargo.site/w/1000/i/657e57d4857c31c0bc99bb6011d34b1579126ad21d99a92dc099e2a8c283b572/Fan-Speed.png" /><img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/b9a83b598aa2e3651645b29091862a2647dd52bf9ad4c4320bbb3429971e6a1f/Lighting.png" data-mid="167245369" border="0" src="https://freight.cargo.site/w/1000/i/b9a83b598aa2e3651645b29091862a2647dd52bf9ad4c4320bbb3429971e6a1f/Lighting.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/07e27b7f33679c12bd6a6fc9a7a07d4b9c02a9cd86ba18d1b180ca2f87e0ea0c/Windows-1.png" data-mid="167245370" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/07e27b7f33679c12bd6a6fc9a7a07d4b9c02a9cd86ba18d1b180ca2f87e0ea0c/Windows-1.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/e17edb4013477a5cf6c21f929dcba7b92ff80301f303f847dff09c8aa5087f65/Windows-2.png" data-mid="167245371" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/e17edb4013477a5cf6c21f929dcba7b92ff80301f303f847dff09c8aa5087f65/Windows-2.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/f79a8edcebc79184e947070ce22baa7c86e320a72e9e21656c356426d0cac327/Windows-3.png" data-mid="167245372" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/f79a8edcebc79184e947070ce22baa7c86e320a72e9e21656c356426d0cac327/Windows-3.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/25dabbeffcc0b974e2558485462961508de298ec1eb27b6f237b39705b214264/seat-recline-1.png" data-mid="167245373" border="0" src="https://freight.cargo.site/w/1000/i/25dabbeffcc0b974e2558485462961508de298ec1eb27b6f237b39705b214264/seat-recline-1.png" /><img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/b4d6423b92d542d40fb2b5c9609a3f74cc396c121a1ca2cb90843fc0da5d4d67/Position.png" data-mid="167245375" border="0" src="https://freight.cargo.site/w/1000/i/b4d6423b92d542d40fb2b5c9609a3f74cc396c121a1ca2cb90843fc0da5d4d67/Position.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/8cff4ac3db3c890e1e9e5d9dbfa267cd7a99fb64281abf1b7fa338737de55635/Headrest.png" data-mid="167245374" border="0" src="https://freight.cargo.site/w/1000/i/8cff4ac3db3c890e1e9e5d9dbfa267cd7a99fb64281abf1b7fa338737de55635/Headrest.png" /> <img width="2528" height="1639" width_o="2528" height_o="1639" data-src="https://freight.cargo.site/t/original/i/72760d18654ed59657cbfa2235a23684d250bc0f0c6c1c37b64f709f0f5ed1ae/Temperature-Wheelchair.png" data-mid="210119360" border="0" src="https://freight.cargo.site/w/1000/i/72760d18654ed59657cbfa2235a23684d250bc0f0c6c1c37b64f709f0f5ed1ae/Temperature-Wheelchair.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/ebd9c6419fc925bfe8b362a5c0ed830923c7fe52410b749d5944fb9a89c1f4de/Fan-Speed-Wheelchair.png" data-mid="167245376" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/ebd9c6419fc925bfe8b362a5c0ed830923c7fe52410b749d5944fb9a89c1f4de/Fan-Speed-Wheelchair.png" /> <img width="2528" height="1638" width_o="2528" height_o="1638" data-src="https://freight.cargo.site/t/original/i/47cea027f12496cc5da052b75b3511f9ddd4531b2ac1e981b3146ce113abf1e0/Temperature-Wheelchair-1.png" data-mid="167245377" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/47cea027f12496cc5da052b75b3511f9ddd4531b2ac1e981b3146ce113abf1e0/Temperature-Wheelchair-1.png" /> Research What features does the simulator need to test?In close collaboration with the User Testing team, who outlined the interaction sequence for validating the app, we identified the key features to be tested using the simulator. This testing process will allow us to fine-tune the app based on real user feedback. Our team decided to utilize animation to depict the environment when the user is outside the vehicle. Upon boarding the vehicle, we employed a dashboard design to provide feedback on their interaction with the vehicle's controls. <img width="9951" height="4336" width_o="9951" height_o="4336" data-src="https://freight.cargo.site/t/original/i/394bbb3575aaf97bd314d41c7c83fc72fde361a829caa32227a0484247301ec8/simulator-features.png" data-mid="167245386" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/394bbb3575aaf97bd314d41c7c83fc72fde361a829caa32227a0484247301ec8/simulator-features.png" />Simulator Features Flow After reviewing the current flow of Unigo's vehicle controls page, we outlined each feature and level of control that the simulator dashboard needs to respond to. It's worth noting that seating controls for wheelchair users are unnecessary, as they will remain seated in their wheelchairs throughout the ride. <img width="8067" height="6191" width_o="8067" height_o="6191" data-src="https://freight.cargo.site/t/original/i/e4b44a27251b4848b2a76a63831024a0bca85f402037038e4e1ec8303477d3fe/dashboard-features.png" data-mid="167245388" border="0" data-scale="54" src="https://freight.cargo.site/w/1000/i/e4b44a27251b4848b2a76a63831024a0bca85f402037038e4e1ec8303477d3fe/dashboard-features.png" /> Dashboard Features Flow Design System Utilizing a cohesive design system that meets accessibility guidelinesOur team maintained consistency with the existing design system of the app to ensure coherence across screens during user testing. We adhered to established guidelines for typeface, icon style, and colors, while also prioritizing appropriate contrast levels in alignment with Web Content Accessibility Guidelines (WCAG). <img width="3530" height="1628" width_o="3530" height_o="1628" data-src="https://freight.cargo.site/t/original/i/4a15bd56e07ddec1ec919831dd661769ee04e58518e58b61518c73e2a28ae8ef/design-system.png" data-mid="167245389" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/4a15bd56e07ddec1ec919831dd661769ee04e58518e58b61518c73e2a28ae8ef/design-system.png" /> <img width="1530" height="964" width_o="1530" height_o="964" data-src="https://freight.cargo.site/t/original/i/638f929ea402fae083a994ba3848b10ea8da43ca23eabf51a0a08b0af7126d97/Screen-Shot-2023-02-04-at-3.52.09-PM.png" data-mid="167245392" border="0" src="https://freight.cargo.site/w/1000/i/638f929ea402fae083a994ba3848b10ea8da43ca23eabf51a0a08b0af7126d97/Screen-Shot-2023-02-04-at-3.52.09-PM.png" /> Implementing high contrast in text size provides immediate feedback to users, while ensuring that the language used is simple and accessible for screen reader users. <img width="2288" height="1478" width_o="2288" height_o="1478" data-src="https://freight.cargo.site/t/original/i/b5f7c790a4c892faa2fad7705a25e34b6e02c24ad3a37f720d306c391a82c0f8/Screen-Shot-2023-02-01-at-10.13.28-PM.png" data-mid="167245390" border="0" data-scale="98" src="https://freight.cargo.site/w/1000/i/b5f7c790a4c892faa2fad7705a25e34b6e02c24ad3a37f720d306c391a82c0f8/Screen-Shot-2023-02-01-at-10.13.28-PM.png" /> To ensure the color contrast meets AA standard, a plug-in is used to verify the contrast of color pairings. Interface design Designing the simulator dashboard&nbsp;The simulator dashboard is designed to provide context and visualize the user's control through a clear and easily understandable interface. We created a structure, containing a main feedback display and a sidebar, that presents information in a hierarchical manner to enhance the user-testing process. <img width="5536" height="3474" width_o="5536" height_o="3474" data-src="https://freight.cargo.site/t/original/i/d1f7e63304864d92242a7735bd721eefb96efa69387e244374a822bb9191276f/Frame-1341.png" data-mid="167245393" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/d1f7e63304864d92242a7735bd721eefb96efa69387e244374a822bb9191276f/Frame-1341.png" /> The sidebar organizes content into categories, separating the context and results of the user’s controls with corresponding labels. It also maximizes space within the interface, allowing testers to concentrate on the main content area. <img width="5536" height="3474" width_o="5536" height_o="3474" data-src="https://freight.cargo.site/t/original/i/82e4ddb3949b4c71673898dc347f77c75d6d6af14b350a68c2dec77349cd5919/Frame-1343.png" data-mid="167245394" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/82e4ddb3949b4c71673898dc347f77c75d6d6af14b350a68c2dec77349cd5919/Frame-1343.png" /> The Feedback Display section offers testers an insightful and intuitive experience through its combination of textual and visual feedback. With large text and centered images, the simulator presents testers with an immediate and clear representation of the activated feature.&nbsp; User-testing results What insights did our team gain from user-testing with the simulator?The user testing team worked with community members to test the application, document feedback and proposed design changes. Our team was able to recieve insightful feedback and suggestions based on simulator-assisted testing. <img width="3998" height="2534" width_o="3998" height_o="2534" data-src="https://freight.cargo.site/t/original/i/5f9e8597e03f0e2ace45ead985e711e3e33008964841ba243cd761f708fe8866/simulator-mockup.png" data-mid="167299327" border="0" data-scale="76" src="https://freight.cargo.site/w/1000/i/5f9e8597e03f0e2ace45ead985e711e3e33008964841ba243cd761f708fe8866/simulator-mockup.png" /> The control panel received positive feedback for simplifying the control of different aspects of the car that were important to comfort and the overall ride experience. Our team gathered key insights from the testing results, and continued to work on design changes to the app that reflect the users’ concerns on the control panel.&nbsp; <img width="5708" height="3474" width_o="5708" height_o="3474" data-src="https://freight.cargo.site/t/original/i/38eb49b17c83ed8d80719b5d13480b11d2b9c73d3ee6b76286a835e8384bf64e/design-changes.png" data-mid="168508094" border="0" data-scale="79" src="https://freight.cargo.site/w/1000/i/38eb49b17c83ed8d80719b5d13480b11d2b9c73d3ee6b76286a835e8384bf64e/design-changes.png" /> Reflection This project provided me with an unique opportunity to gain experience in design for user testing, where a simulation environment was necessary to overcome the limitations of inaccessible resources. I leveraged design skills to address the challenge of eliciting real-life feedback from users interacting with the prototyped app. Through close collaboration with the User Testing and Development teams, I was able to expand my understanding of design for accessibility, and contribute to the validation of the app with our special user group. https://charmaineqiu.com/Nike-Your-Personal-Trainer-UI-UX-CUI-1 Fri, 09 Sep 2022 17:59:11 +0000 Charmaine Qiu https://charmaineqiu.com/Nike-Your-Personal-Trainer-UI-UX-CUI-1 <img width="3730" height="2021" width_o="3730" height_o="2021" data-src="https://freight.cargo.site/t/original/i/1d77e1325a19e637de0e4bbfcc83734f7464d3afdae5e7394b886887431a27c8/Frame-545.png" data-mid="152518337" border="0" src="https://freight.cargo.site/w/1000/i/1d77e1325a19e637de0e4bbfcc83734f7464d3afdae5e7394b886887431a27c8/Frame-545.png" /> Spring 20228 weeks Nike, Your Personal Trainer is an intelligent assistant for at-home workout Nike Training Club is an app that provides workout programs that are intentional and flexible for at-home workouts. Our project integrates data-driven conversation, in the form of a CUI, to guide users at all stages of fitness expertise to reshape what it means to exercise at home.I was responsible for designing UI/UX prototypes, CUI visuals, and conducting research. Skills UI/UXMotion DesignUX Research TeammatesSammie KimFrancis ParkElysha Tsai Concept How might we elevate the at-home workout experience? Nike, your personal trainer, offers guidance according to an athletes individual training needs. With the CUI, Focus on Form TODAY by following professional trainer-led videos; Own your Workout TOMORROW by customizing personalized sessions. Nike allows athletes to build confidence, self-efficacy, and personal growth through in depth at-home workout curation. Concept Video&nbsp; Key Feature 01 Customization based on User Preference Interacting with the CUI allows users to customize their workout routines by saving specific exercises from videos and making changes to workouts on the spot. <img width="753" height="1529" width_o="753" height_o="1529" data-src="https://freight.cargo.site/t/original/i/d3a6ddfc7ad98d72432a4d16db20d058443047de8e726a9aafb15f63628ce16e/Frame-551.png" data-mid="152546662" border="0" data-scale="34" src="https://freight.cargo.site/w/753/i/d3a6ddfc7ad98d72432a4d16db20d058443047de8e726a9aafb15f63628ce16e/Frame-551.png" />&nbsp; &nbsp;<img width="1529" height="753" width_o="1529" height_o="753" data-src="https://freight.cargo.site/t/original/i/68821acbc7282fb31ee94ad78c45e855ad633bef53f2d3b9530474e95dc4db3a/Frame-552.png" data-mid="152547091" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/68821acbc7282fb31ee94ad78c45e855ad633bef53f2d3b9530474e95dc4db3a/Frame-552.png" /> Key Feature 02 Guidance from Professional Trainers While exercising, users can receive answers and demonstrations, from real trainers, to questions on form and benefits of specific exercises. <img width="706" height="1434" width_o="706" height_o="1434" data-src="https://freight.cargo.site/t/original/i/cc7a0fa4b3430643e4dca0448990a2268bbb8c95ad1533cf57a1e73b6b2d2f32/Frame-553.png" data-mid="152547117" border="0" data-scale="32" src="https://freight.cargo.site/w/706/i/cc7a0fa4b3430643e4dca0448990a2268bbb8c95ad1533cf57a1e73b6b2d2f32/Frame-553.png" />&nbsp; &nbsp;&nbsp;<img width="1434" height="706" width_o="1434" height_o="706" data-src="https://freight.cargo.site/t/original/i/7807bab9917fdbb542303a2b432053fcd4729a9cfb5ccf83c0326d212aa1dcc5/Frame-548.png" data-mid="152540658" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/7807bab9917fdbb542303a2b432053fcd4729a9cfb5ccf83c0326d212aa1dcc5/Frame-548.png" /> Key Feature 03 Recommendation based on User Goals Smart recommendations on workouts and alternatives are generated based on the user’s exercise history and goals <img width="706" height="1434" width_o="706" height_o="1434" data-src="https://freight.cargo.site/t/original/i/62f2ec8e8ee7b23148bcafbbc708c8f52c4b1254ca6961d1f356c60e8b5aaae5/Frame-550.png" data-mid="152541160" border="0" data-scale="33" src="https://freight.cargo.site/w/706/i/62f2ec8e8ee7b23148bcafbbc708c8f52c4b1254ca6961d1f356c60e8b5aaae5/Frame-550.png" />&nbsp; &nbsp;&nbsp;<img width="706" height="1434" width_o="706" height_o="1434" data-src="https://freight.cargo.site/t/original/i/24a4de36b34e7874fdddefb9de793d1609b131e41a9946394e7cd66e6849b05b/Frame-549.png" data-mid="152541159" border="0" data-scale="33" src="https://freight.cargo.site/w/706/i/24a4de36b34e7874fdddefb9de793d1609b131e41a9946394e7cd66e6849b05b/Frame-549.png" /> CUI Visuals 6 Different StatesThe 6 different states of the CUI visualizes its communication with the user through motion. The design is inspired by the Nike swoosh, which transforms into different dynamic shapes that encourage movement and excitement from the user. <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/dcbac5c8f2fa0a50d00868f8d566b54a02a7eeb15b40222adec59d71290207bc/DEFAULT.gif" data-mid="152547168" border="0" src="https://freight.cargo.site/w/960/i/dcbac5c8f2fa0a50d00868f8d566b54a02a7eeb15b40222adec59d71290207bc/DEFAULT.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/1bcf913f4922611d56493cf8844d0a794965d35559dee173e6fde7db80e50011/GREETING.gif" data-mid="152547169" border="0" src="https://freight.cargo.site/w/960/i/1bcf913f4922611d56493cf8844d0a794965d35559dee173e6fde7db80e50011/GREETING.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/73170e36eba460c0a45c9d46ee89c25ad3e99b2fe50d03a8a68b0917c223a80e/CONFIRM.gif" data-mid="152547167" border="0" src="https://freight.cargo.site/w/960/i/73170e36eba460c0a45c9d46ee89c25ad3e99b2fe50d03a8a68b0917c223a80e/CONFIRM.gif" /> <img width="768" height="768" width_o="768" height_o="768" data-src="https://freight.cargo.site/t/original/i/178565f91d3c5aeaae221cd087840509e84e636deff32b806beb0a9aa959403c/process-.gif" data-mid="152547171" border="0" src="https://freight.cargo.site/w/768/i/178565f91d3c5aeaae221cd087840509e84e636deff32b806beb0a9aa959403c/process-.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/05d5831ba03ee95addf2e2999293ac784ca69f6603f697e7296809915f180694/LISTENING.gif" data-mid="152547170" border="0" src="https://freight.cargo.site/w/960/i/05d5831ba03ee95addf2e2999293ac784ca69f6603f697e7296809915f180694/LISTENING.gif" /> <img width="557" height="557" width_o="557" height_o="557" data-src="https://freight.cargo.site/t/original/i/12c1895c83412b5c9383b8525b3110e7b709616a3c7fb026fcdca84b0b5da253/talking.gif" data-mid="152547174" border="0" src="https://freight.cargo.site/w/557/i/12c1895c83412b5c9383b8525b3110e7b709616a3c7fb026fcdca84b0b5da253/talking.gif" /> Background Research The Context and Challenge Since the pandemic began, there has been a rise in demand for fitness streaming. This is a leading cause of the desperate need for more flexible workout routines due to the limitation in public workout spaces. We identified Nike Training Club (NTC) as an existing platform that offers a broad spectrum of fitness options for at-home users; however, the remote modalities have brought a sense of impersonality to the workout experience. Our challenge was to examine the interaction within the NTC mobile app and identify interventions that can address current pain points to elevate the at-home workout experience. <img width="2600" height="1379" width_o="2600" height_o="1379" data-src="https://freight.cargo.site/t/original/i/a44257464498b3925abe2a20f6ca6013ac9840a64ef70f2fc9e855125544cdd0/62da206d6f8659ba444fa08d_Slide-16_9---44-p-2600.png" data-mid="152547512" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/a44257464498b3925abe2a20f6ca6013ac9840a64ef70f2fc9e855125544cdd0/62da206d6f8659ba444fa08d_Slide-16_9---44-p-2600.png" /> User Research What does an athlete need?To gather insights from app users, we carefully examined the reviews that illustrate the frustrations of the current experience. Many users seek more guidance in workouts due to the lack of explanations in trainer-led videos. Other users hope for personalization that helps curate unique experiences based on their fitness needs. We identified the opportunity to utilize artificial intelligence in the form of a CUI to offer more personal guidance and facilitate conversations that help users grow emotionally and physically. <img width="2600" height="775" width_o="2600" height_o="775" data-src="https://freight.cargo.site/t/original/i/ee35fd6459e0c8f157861d6e1cb84d6a5c4b0ea22a34217e168875aae48c168d/62f5631e7ff2dded7909bbf5_Slide-16_9---45-p-2600.png" data-mid="152547783" border="0" src="https://freight.cargo.site/w/1000/i/ee35fd6459e0c8f157861d6e1cb84d6a5c4b0ea22a34217e168875aae48c168d/62f5631e7ff2dded7909bbf5_Slide-16_9---45-p-2600.png" /> Platform Research The Current NTC AppOur team studied the NTC app by illustrating the current user flow from the onboarding to the post-workout experience. By using the app ourselves, we were abel to map out UI painpoints and CUI opportunities. We identified two main types of exercising methods, trainer-led classes and whiteboard workouts. Each method targeting a different type of user, we decided to focus on the CUI’s intervention in both processes. <img width="17268" height="8100" width_o="17268" height_o="8100" data-src="https://freight.cargo.site/t/original/i/faaee60d9f305e8e687c91863243792b0b4a9b4761b86738aa49b1b276d48fd6/Painpoints---Solutions-Flowchart.png" data-mid="152547551" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/faaee60d9f305e8e687c91863243792b0b4a9b4761b86738aa49b1b276d48fd6/Painpoints---Solutions-Flowchart.png" /> Platform Research Journey MappingTo visualize the user’s emotions, needs, and interactions with NTC, our team created a journey map highlighting the differences between guided video and customizable playlist formats. <img width="2600" height="1191" width_o="2600" height_o="1191" data-src="https://freight.cargo.site/t/original/i/f1367809d6db41c740ab476fd287efbb00238efef2e5f46e786768285c548d3c/62d5fa575f7e3f6b2a50c846_JOURNEY-MAP-p-2600.png" data-mid="152547798" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/f1367809d6db41c740ab476fd287efbb00238efef2e5f46e786768285c548d3c/62d5fa575f7e3f6b2a50c846_JOURNEY-MAP-p-2600.png" /> Research Findings Pain Points + OpportunitiesWe synthesized our research findings into three pain points that can be addressed with CUI opportunities, which guided our design process. <img width="1340" height="1646" width_o="1340" height_o="1646" data-src="https://freight.cargo.site/t/original/i/f7c1adc6c0150e992f9f3087422be8b079fb589343e617c9fb4cf8d386390db1/Screen-Shot-2022-09-17-at-1.47.01-AM.png" data-mid="153176266" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/f7c1adc6c0150e992f9f3087422be8b079fb589343e617c9fb4cf8d386390db1/Screen-Shot-2022-09-17-at-1.47.01-AM.png" /> 1. Imbalanced proportion of flexibility and guidance in existing workout formats Customization of workout formats based on user preference and physical condition 2. Lack of feedback and guidance while working out Integration of real time feedback drawn from professional trainer database 3. Lack of personalization in workout selection Curated recommendations based on workout history and user goals, generated by long-term relationship with CUI Concept Development Personas To design for a range of experience levels, we identified personas of the Beginner Athlete and the Experienced Athlete to demonstrate the different interactions with the CUI.&nbsp; <img width="2600" height="1406" width_o="2600" height_o="1406" data-src="https://freight.cargo.site/t/original/i/1c74ed7297d01a8e80de3f41d8d0f6f2553a637bb0027eb268ac2a29a3710292/62fdbbb9159a6160cdd6ee76_Slide-16_9---50-p-2600.png" data-mid="153168614" border="0" data-scale="47" src="https://freight.cargo.site/w/1000/i/1c74ed7297d01a8e80de3f41d8d0f6f2553a637bb0027eb268ac2a29a3710292/62fdbbb9159a6160cdd6ee76_Slide-16_9---50-p-2600.png" /><img width="2600" height="1406" width_o="2600" height_o="1406" data-src="https://freight.cargo.site/t/original/i/6005db557b82b6b8cc1cdf3b4daa513e1ff38583563c353261dd1897f44ee52d/62fdbbb9a645748bb5748fcb_Slide-16_9---51-p-2600.png" data-mid="153168613" border="0" data-scale="48" src="https://freight.cargo.site/w/1000/i/6005db557b82b6b8cc1cdf3b4daa513e1ff38583563c353261dd1897f44ee52d/62fdbbb9a645748bb5748fcb_Slide-16_9---51-p-2600.png" /> Concept Development Conversation FlowsBased on the personas and opportunities with an CUI intervention, we brainstormed conversational flows that follow scenarios covering onboarding, scheduling, working out, and post-workout. Eventually, we surmised six final CUI states: default, greeting, listening, talking, processing, and confirming. <img width="1080" height="1978" width_o="1080" height_o="1978" data-src="https://freight.cargo.site/t/original/i/42b546ab254b975163e774fe01f2e7980f28b8cad0f7cc71fdd1cc29ec150c66/62da01095aa61825f9020e9c_Frame-23-p-1080.png" data-mid="153168672" border="0" data-scale="25" src="https://freight.cargo.site/w/1000/i/42b546ab254b975163e774fe01f2e7980f28b8cad0f7cc71fdd1cc29ec150c66/62da01095aa61825f9020e9c_Frame-23-p-1080.png" />&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<img width="1080" height="1978" width_o="1080" height_o="1978" data-src="https://freight.cargo.site/t/original/i/53bc6ad1709bd5be75920cec21b6a2f2f4a0380f6290600b2eeb1ea414fc6025/62f55c4f74adcfa0269fd024_Frame-22-p-1080.png" data-mid="153168678" border="0" data-scale="25" src="https://freight.cargo.site/w/1000/i/53bc6ad1709bd5be75920cec21b6a2f2f4a0380f6290600b2eeb1ea414fc6025/62f55c4f74adcfa0269fd024_Frame-22-p-1080.png" /> Visual Identity Designing the CUIWhen exploring the visual representation of the CUI, our team focused on Nike’s characters of bold, energetic, and flexible by distorting shapes, creating contrast in sizes, and using vibrant colors. <img width="2600" height="2040" width_o="2600" height_o="2040" data-src="https://freight.cargo.site/t/original/i/26cbe1c2206f7cafa0766a5852a67d75770b39ff9378af61344c1ec1eb831e70/62fdb7edb0d4e3112a64f52c_Frame-117-p-2600.png" data-mid="152547985" border="0" src="https://freight.cargo.site/w/1000/i/26cbe1c2206f7cafa0766a5852a67d75770b39ff9378af61344c1ec1eb831e70/62fdb7edb0d4e3112a64f52c_Frame-117-p-2600.png" /> We observed the greatest potential within stroke and line focused visuals, as they felt most dynamic and adaptable when transforming into various states. The energy embedded within the lines also resembled body movement, athletic gestures, and even shoe laces. We eventually generated a unique, abstracted swoosh logo composed of lines that would flexibly loop and intermingle when switching states.&nbsp; <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/73170e36eba460c0a45c9d46ee89c25ad3e99b2fe50d03a8a68b0917c223a80e/CONFIRM.gif" data-mid="152547167" border="0" data-scale="91" src="https://freight.cargo.site/w/960/i/73170e36eba460c0a45c9d46ee89c25ad3e99b2fe50d03a8a68b0917c223a80e/CONFIRM.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/dcbac5c8f2fa0a50d00868f8d566b54a02a7eeb15b40222adec59d71290207bc/DEFAULT.gif" data-mid="152547168" border="0" src="https://freight.cargo.site/w/960/i/dcbac5c8f2fa0a50d00868f8d566b54a02a7eeb15b40222adec59d71290207bc/DEFAULT.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/1bcf913f4922611d56493cf8844d0a794965d35559dee173e6fde7db80e50011/GREETING.gif" data-mid="152547169" border="0" src="https://freight.cargo.site/w/960/i/1bcf913f4922611d56493cf8844d0a794965d35559dee173e6fde7db80e50011/GREETING.gif" /> <img width="960" height="960" width_o="960" height_o="960" data-src="https://freight.cargo.site/t/original/i/05d5831ba03ee95addf2e2999293ac784ca69f6603f697e7296809915f180694/LISTENING.gif" data-mid="152547170" border="0" src="https://freight.cargo.site/w/960/i/05d5831ba03ee95addf2e2999293ac784ca69f6603f697e7296809915f180694/LISTENING.gif" /> <img width="768" height="768" width_o="768" height_o="768" data-src="https://freight.cargo.site/t/original/i/178565f91d3c5aeaae221cd087840509e84e636deff32b806beb0a9aa959403c/process-.gif" data-mid="152547171" border="0" src="https://freight.cargo.site/w/768/i/178565f91d3c5aeaae221cd087840509e84e636deff32b806beb0a9aa959403c/process-.gif" /> <img width="557" height="557" width_o="557" height_o="557" data-src="https://freight.cargo.site/t/original/i/12c1895c83412b5c9383b8525b3110e7b709616a3c7fb026fcdca84b0b5da253/talking.gif" data-mid="152547174" border="0" src="https://freight.cargo.site/w/557/i/12c1895c83412b5c9383b8525b3110e7b709616a3c7fb026fcdca84b0b5da253/talking.gif" /> <img width="1100" height="960" width_o="1100" height_o="960" data-src="https://freight.cargo.site/t/original/i/2622d6be09ef4fbb3da8e66926f7fc6ea5b204c0b84ddd344af4a886a3530cbd/62d603ea60c73c4359ec7652_MOTION-MAP.gif" data-mid="153168929" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/2622d6be09ef4fbb3da8e66926f7fc6ea5b204c0b84ddd344af4a886a3530cbd/62d603ea60c73c4359ec7652_MOTION-MAP.gif" /> Interface Design Mobile User FlowBased on the narrative illustrating the CUI’s purpose, we developed a user flow for the mobile interface following the user’s journey from Today to Tomorrow. We carefully studied the flow of the NTC app and integrated the functions of the CUI into screen designs. <img width="2000" height="705" width_o="2000" height_o="705" data-src="https://freight.cargo.site/t/original/i/22b9400e9fc44f405492890f88cd2a503b4ba36b66b6f502c6199f5bed087d6e/62f5659b7a0ec8a03754e126_User-flow-p-2000.png" data-mid="153177241" border="0" src="https://freight.cargo.site/w/1000/i/22b9400e9fc44f405492890f88cd2a503b4ba36b66b6f502c6199f5bed087d6e/62f5659b7a0ec8a03754e126_User-flow-p-2000.png" /> Interface Design Design SystemWhen designing the interface, our team studied the design system of the NTC app, and adapted the styling into CUI screens. We created new UI elements like cards and buttons that further followed the established visual system of the app. <img width="3200" height="1446" width_o="3200" height_o="1446" data-src="https://freight.cargo.site/t/original/i/3b1154e0d57a56622f547eb347f7fdf68cd65024cb83ad8e122b9d4e917c6185/62f56ce4b9180f0eba51ed84_Frame-236-p-3200.png" data-mid="153786676" border="0" src="https://freight.cargo.site/w/1000/i/3b1154e0d57a56622f547eb347f7fdf68cd65024cb83ad8e122b9d4e917c6185/62f56ce4b9180f0eba51ed84_Frame-236-p-3200.png" /> Interface Design Key Design Decisions Key design decisions were made based on the conversational needs for both guided videos and customizable workout playlists. For guided videos, we catered the CUI chat feature to fit within a landscape view that is most natural to users who are watching and following the video. <img width="600" height="321" width_o="600" height_o="321" data-src="https://freight.cargo.site/t/original/i/8e9fe85edb36b2ae3c81da6121231c32ca74ff671f66b4facf5ec12d384c1181/Trainer-led-save.gif" data-mid="153788738" border="0" src="https://freight.cargo.site/w/600/i/8e9fe85edb36b2ae3c81da6121231c32ca74ff671f66b4facf5ec12d384c1181/Trainer-led-save.gif" /> Key Interaction 01 Save Specific Exercise Activate CUI to save a specific exercise from a trainer-led video. The exercise can be accessed when creating customizable workout sessions in the future. <img width="2600" height="1597" width_o="2600" height_o="1597" data-src="https://freight.cargo.site/t/original/i/293dac0cdaa98b6abbafe45f10076c36f12d0aab04e4c4d6c553ec748bfb4af1/62fdb5e03ac056789c728fc6_Frame-316-p-2600.png" data-mid="153788620" border="0" src="https://freight.cargo.site/w/1000/i/293dac0cdaa98b6abbafe45f10076c36f12d0aab04e4c4d6c553ec748bfb4af1/62fdb5e03ac056789c728fc6_Frame-316-p-2600.png" /> <img width="600" height="321" width_o="600" height_o="321" data-src="https://freight.cargo.site/t/original/i/47184ba73cad5f913ffae76fe4a6fb64206bf966be2f0dfac42e26aa5045217f/trainer-led-question.gif" data-mid="153788706" border="0" src="https://freight.cargo.site/w/600/i/47184ba73cad5f913ffae76fe4a6fb64206bf966be2f0dfac42e26aa5045217f/trainer-led-question.gif" /> Key Interaction 02 Receive Immediate FeedbackReceive immediate feedback to any questions that arise during the trainer led videos. The input from CUI will be drawn from a database backed by real trainers from Nike. <img width="2600" height="1597" width_o="2600" height_o="1597" data-src="https://freight.cargo.site/t/original/i/f341a277982f5535a337753c9f15d15b9db556083350171f105d61c760d97d67/62fdb5e0e368b942c1c34d70_Frame-315-p-2600.png" data-mid="153788621" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/f341a277982f5535a337753c9f15d15b9db556083350171f105d61c760d97d67/62fdb5e0e368b942c1c34d70_Frame-315-p-2600.png" /> <img width="600" height="966" width_o="600" height_o="966" data-src="https://freight.cargo.site/t/original/i/5c3916c12e1c732b11be0adaf994905a2b7708a4077bf310b3f9eb3bb6409b7a/whiteboard-initiate.gif" data-mid="153799273" border="0" data-scale="64" src="https://freight.cargo.site/w/600/i/5c3916c12e1c732b11be0adaf994905a2b7708a4077bf310b3f9eb3bb6409b7a/whiteboard-initiate.gif" /> Key Interaction 03 Provide Smart RecommendationCUI provides a smart recommendation feature based on the user’s workout history and personal goals. <img width="2600" height="1597" width_o="2600" height_o="1597" data-src="https://freight.cargo.site/t/original/i/76336af7d6bd722da0c4241ba8f434830288cd0c82baa80d02989e3217e37549/62fdb4fe015614353050d76d_Frame-311-p-2600.png" data-mid="153788606" border="0" src="https://freight.cargo.site/w/1000/i/76336af7d6bd722da0c4241ba8f434830288cd0c82baa80d02989e3217e37549/62fdb4fe015614353050d76d_Frame-311-p-2600.png" /> <img width="600" height="966" width_o="600" height_o="966" data-src="https://freight.cargo.site/t/original/i/b81b8f2d9a4d0a5adba4d6c517d5f9035161c8a206ee3a65b7300d44ca2c27bb/increase-intensity.gif" data-mid="153799299" border="0" data-scale="64" src="https://freight.cargo.site/w/600/i/b81b8f2d9a4d0a5adba4d6c517d5f9035161c8a206ee3a65b7300d44ca2c27bb/increase-intensity.gif" /> Key Interaction 04 Demonstrate Exercise Movements&nbsp;Users can modify the intensity of exercises by asking for an alternative.&nbsp;A short gif will be played to easily demonstrate the movements of the changed exercise. <img width="2600" height="1600" width_o="2600" height_o="1600" data-src="https://freight.cargo.site/t/original/i/e60b0964437eb195f93afb97fcaf13c030d8228d9feb3476f68a98bdbecfedf7/62fdb4febaec915fd9f0c7fd_Frame-313-p-2600.png" data-mid="153788677" border="0" src="https://freight.cargo.site/w/1000/i/e60b0964437eb195f93afb97fcaf13c030d8228d9feb3476f68a98bdbecfedf7/62fdb4febaec915fd9f0c7fd_Frame-313-p-2600.png" /> <img width="600" height="966" width_o="600" height_o="966" data-src="https://freight.cargo.site/t/original/i/f4a213b4e97608e1d6b28c65c58da0472957172167e4ce36ad2866a36480096b/alternative-workout.gif" data-mid="153799291" border="0" data-scale="66" src="https://freight.cargo.site/w/600/i/f4a213b4e97608e1d6b28c65c58da0472957172167e4ce36ad2866a36480096b/alternative-workout.gif" /> Key Interaction 05 Customize Workouts on the SpotActivating the CUI allows users to replace exercises based on physical condition and preference.&nbsp;The recommendation will be sourced from saved exercises from the user profiles. <img width="2600" height="1600" width_o="2600" height_o="1600" data-src="https://freight.cargo.site/t/original/i/594045646394257fe0b466f027a02665a50297a8465ce666ff92c63ab4aee083/62fdb4fdb752cbb0e10985b0_Frame-314-p-2600.png" data-mid="153788676" border="0" src="https://freight.cargo.site/w/1000/i/594045646394257fe0b466f027a02665a50297a8465ce666ff92c63ab4aee083/62fdb4fdb752cbb0e10985b0_Frame-314-p-2600.png" /> ReflectionThis project allowed me to integrate conversation design into a service intervention. It was a gratifying experience to think about ways that we could reform Nike’s platforms to renew their values in a completely new medium. Asking ourselves the questions about creating something that doesn’t exist in a way that would integrate naturally into a brand that is so established was an ambitious but necessary exercise in getting familiar with design as a package deal of visuals, strategy, and innovation. Having access to so many touch-points like motion, uiux/visual design, and even copywriting taught us the value in taking a holistic critical approach to evaluating the quality of communication at every stage of the process. https://charmaineqiu.com/Jinxi-Water-Sounds-Book Sat, 08 Jan 2022 08:00:16 +0000 Charmaine Qiu https://charmaineqiu.com/Jinxi-Water-Sounds-Book <img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/2ef84e8b3fbbd10117bdfea21f607656ce63dcefbc3dd5a57116667c7f82d4fb/Jinxi_cover.png" data-mid="129414696" border="0" src="https://freight.cargo.site/w/1000/i/2ef84e8b3fbbd10117bdfea21f607656ce63dcefbc3dd5a57116667c7f82d4fb/Jinxi_cover.png" /> Fall 202010 weeks Jinxi: Water Sounds is a book inspired by a trip to the water town This is a materialization of one of the many journeys that I took during the pandemic to understand my hometown, Shanghai. Through my own camera lens and conversations with the locals, I explored the extraordinary lifestyle that people lead just 57 kilometers outside of Shanghai. TeamIndividual SkillsGraphic Design Photography OverviewThis book features my personal photography diary of a day-trip to Jinxi, translated documentation of my interviews with the people, and my research on the history of water towns. 6.5 x 9.5 inches, 61 pages <img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/d7e9b45a833af10596737eda5a8b5e3e49fda6fd7b1892e7cf004e2dccfed9ff/jinxi_01.png" data-mid="129414694" border="0" src="https://freight.cargo.site/w/1000/i/d7e9b45a833af10596737eda5a8b5e3e49fda6fd7b1892e7cf004e2dccfed9ff/jinxi_01.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/df779bb5b0d59138dc9c430770cad6b619ef51201e0bf7eb97d8f19a78faca24/Jinxi_02.png" data-mid="129414700" border="0" src="https://freight.cargo.site/w/1000/i/df779bb5b0d59138dc9c430770cad6b619ef51201e0bf7eb97d8f19a78faca24/Jinxi_02.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/1a775a7a6c7128c6e01257d4a3efa5668ad7835d1e113b9c417e91ff197aeede/Jinxi_3.png" data-mid="129414701" border="0" src="https://freight.cargo.site/w/1000/i/1a775a7a6c7128c6e01257d4a3efa5668ad7835d1e113b9c417e91ff197aeede/Jinxi_3.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/6a22359dd10eff68843165e6beaea9ad848abe4d19d83a49bab7844ffaa2e0fc/Jinxi_4.png" data-mid="129414703" border="0" src="https://freight.cargo.site/w/1000/i/6a22359dd10eff68843165e6beaea9ad848abe4d19d83a49bab7844ffaa2e0fc/Jinxi_4.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/87f4160111709b4ecdd3ef50d54d9e089af99c4c0322197133a698c16ab760c9/Jinxi_5.png" data-mid="129414704" border="0" src="https://freight.cargo.site/w/1000/i/87f4160111709b4ecdd3ef50d54d9e089af99c4c0322197133a698c16ab760c9/Jinxi_5.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/8d5b95ad97aefd0173da6ac353b77098f1d664e04364cc5ac715e69f7e2ed7d3/Jinxi_6.png" data-mid="129414705" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/8d5b95ad97aefd0173da6ac353b77098f1d664e04364cc5ac715e69f7e2ed7d3/Jinxi_6.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/0dca00dae97b27efcb7cb2eac79440ad39f93267d181aa2733f54f7a8c693728/Jinxi_7.png" data-mid="129414706" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/0dca00dae97b27efcb7cb2eac79440ad39f93267d181aa2733f54f7a8c693728/Jinxi_7.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/e8641e2faea0093282202bd0ae6e11ac7c9ba97b2248bc2517ef2e4381201a09/Jinxi_8.png" data-mid="129414707" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/e8641e2faea0093282202bd0ae6e11ac7c9ba97b2248bc2517ef2e4381201a09/Jinxi_8.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/abf8867f22f77356e4145475062a146fcbede06f1172a12f7e925f8e1ebfc816/Jinxi_9.png" data-mid="129414708" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/abf8867f22f77356e4145475062a146fcbede06f1172a12f7e925f8e1ebfc816/Jinxi_9.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/d2af448564d8fb556e3c2c4c6f63b58e48e671ccd408463649a5a57fa48ca499/Jinxi_10.png" data-mid="129414709" border="0" src="https://freight.cargo.site/w/1000/i/d2af448564d8fb556e3c2c4c6f63b58e48e671ccd408463649a5a57fa48ca499/Jinxi_10.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/9616b54ebe9f0235f58baceb655b89206fba78ec133b4603d38f1f18058f6aa2/Jinxi_11.png" data-mid="129414710" border="0" src="https://freight.cargo.site/w/1000/i/9616b54ebe9f0235f58baceb655b89206fba78ec133b4603d38f1f18058f6aa2/Jinxi_11.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/7e0932c089ef9b33a07a9de9a707715894dbfe48d98666b4aedd1f0b5ec50f56/Jinxi_12.png" data-mid="129414711" border="0" src="https://freight.cargo.site/w/1000/i/7e0932c089ef9b33a07a9de9a707715894dbfe48d98666b4aedd1f0b5ec50f56/Jinxi_12.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/956d581dc5e9895bae02647363bd83b809ab9cd036a1c73a63d05574afa48dd7/Jinxi_13.png" data-mid="129414712" border="0" src="https://freight.cargo.site/w/1000/i/956d581dc5e9895bae02647363bd83b809ab9cd036a1c73a63d05574afa48dd7/Jinxi_13.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/f71d2510e972ffce11cbb27a0bc6f949d67deb6caef5204591dd1fd87783138b/Jinxi_14.png" data-mid="129414713" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/f71d2510e972ffce11cbb27a0bc6f949d67deb6caef5204591dd1fd87783138b/Jinxi_14.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/7d333132287774379bcb9cb99418d87192eb02c5c4860718ba549375ce6b08f4/Jinxi_15.png" data-mid="129414714" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/7d333132287774379bcb9cb99418d87192eb02c5c4860718ba549375ce6b08f4/Jinxi_15.png" /> <img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/16b756dbbcbfaf17cb809294a44fdc44afa6fd9b6228eb824a41ee614cd99f82/Jinxi_16.png" data-mid="129414715" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/16b756dbbcbfaf17cb809294a44fdc44afa6fd9b6228eb824a41ee614cd99f82/Jinxi_16.png" /> <img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/65e88fc74138a3673ae4aa22027eba9edbc6ba89a29f666e3c690d529579180e/Jinxi_17.png" data-mid="129414716" border="0" src="https://freight.cargo.site/w/1000/i/65e88fc74138a3673ae4aa22027eba9edbc6ba89a29f666e3c690d529579180e/Jinxi_17.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/ce63dd83434efaecfda5e7626a05468e05cc675f9372d825cbfa288a0a6d699b/Jinxi_18.png" data-mid="129414717" border="0" src="https://freight.cargo.site/w/1000/i/ce63dd83434efaecfda5e7626a05468e05cc675f9372d825cbfa288a0a6d699b/Jinxi_18.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/8e825a33f5d5a3a11ff390f562578db7cc16df4ef654fd1a281a87052ddab020/Jinxi_19.png" data-mid="129414718" border="0" src="https://freight.cargo.site/w/1000/i/8e825a33f5d5a3a11ff390f562578db7cc16df4ef654fd1a281a87052ddab020/Jinxi_19.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/51d6435700da80a3d1990960bb0ecd65820debb8a6401b95345cd92c9d840dc1/Jinxi_20.png" data-mid="129414719" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/51d6435700da80a3d1990960bb0ecd65820debb8a6401b95345cd92c9d840dc1/Jinxi_20.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/cb1daa380acaff880a72b859df9e5c2683ab399b1f7bbb953d6835eb9ca849d5/Jinxi_21.png" data-mid="129414720" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/cb1daa380acaff880a72b859df9e5c2683ab399b1f7bbb953d6835eb9ca849d5/Jinxi_21.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/d4fb839ae38d84264b8f51b9bb65bfaa66208b6ebc0a7cb7655b0e6b648c2d6e/Jinxi_22.png" data-mid="129414721" border="0" src="https://freight.cargo.site/w/1000/i/d4fb839ae38d84264b8f51b9bb65bfaa66208b6ebc0a7cb7655b0e6b648c2d6e/Jinxi_22.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/2707f9478aa09aabae3bcb6007875de36f4bd2cbae829c0833ab2e00afbf231f/Jinxi_23.png" data-mid="129414722" border="0" src="https://freight.cargo.site/w/1000/i/2707f9478aa09aabae3bcb6007875de36f4bd2cbae829c0833ab2e00afbf231f/Jinxi_23.png" /><img width="3612" height="2495" width_o="3612" height_o="2495" data-src="https://freight.cargo.site/t/original/i/6ac17e10e40714360b51dca3da0796ae714fd221cb2a207f3f52dc50b9ad04b1/Jinxi_24.png" data-mid="129414702" border="0" src="https://freight.cargo.site/w/1000/i/6ac17e10e40714360b51dca3da0796ae714fd221cb2a207f3f52dc50b9ad04b1/Jinxi_24.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/997cd61959abfe2cee502ee93de744ab83d7e6a2cd7cab670fd64740faedf400/Jinxi_25.png" data-mid="129414723" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/997cd61959abfe2cee502ee93de744ab83d7e6a2cd7cab670fd64740faedf400/Jinxi_25.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/3bc7b439ec674e031c38e40665df6ab69b543e00bf96379df3ad160c45d07d8e/Jinxi_26.png" data-mid="129414724" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/3bc7b439ec674e031c38e40665df6ab69b543e00bf96379df3ad160c45d07d8e/Jinxi_26.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/2b1ad25f9f2cd98bc937dff479cc15b5fe7707423a33a0739a9bc0cb904ec5e1/Jinxi_27.png" data-mid="129414725" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/2b1ad25f9f2cd98bc937dff479cc15b5fe7707423a33a0739a9bc0cb904ec5e1/Jinxi_27.png" />&nbsp; &nbsp;<img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/1867e9dd807f993bbc8adddae91a4b61c1fa3848cda534c7bbf298177eee3e4b/Jinxi_28.png" data-mid="129414726" border="0" data-scale="49" src="https://freight.cargo.site/w/1000/i/1867e9dd807f993bbc8adddae91a4b61c1fa3848cda534c7bbf298177eee3e4b/Jinxi_28.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/c7b84c29ab4e08fff6f57eeeec085d6e0c5e694adc23b55e8a83f10b008a2b1c/Jinxi_29.png" data-mid="129414727" border="0" src="https://freight.cargo.site/w/1000/i/c7b84c29ab4e08fff6f57eeeec085d6e0c5e694adc23b55e8a83f10b008a2b1c/Jinxi_29.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/384efded67754d65109cdc6235f0d0c8816c2dbd5127e76f4795eccd9ccaa721/Jinxi_30.png" data-mid="129414728" border="0" src="https://freight.cargo.site/w/1000/i/384efded67754d65109cdc6235f0d0c8816c2dbd5127e76f4795eccd9ccaa721/Jinxi_30.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/90507d7e033a1ec644dcf4191e7c7ede35ed396db3f5c4d48070d2f9f70d479d/Jinxi_31.png" data-mid="129414729" border="0" src="https://freight.cargo.site/w/1000/i/90507d7e033a1ec644dcf4191e7c7ede35ed396db3f5c4d48070d2f9f70d479d/Jinxi_31.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/dda34220dcb6d6cc37269ed4c2f6af868ed856f222c21d0be9ab34043c0ef84e/Jinxi_32.png" data-mid="129414730" border="0" src="https://freight.cargo.site/w/1000/i/dda34220dcb6d6cc37269ed4c2f6af868ed856f222c21d0be9ab34043c0ef84e/Jinxi_32.png" /><img width="3618" height="2493" width_o="3618" height_o="2493" data-src="https://freight.cargo.site/t/original/i/83642189b265b51f1b658452aba4b404830b5d5612a43a4a66129b96ce356b6b/Jinxi_33.png" data-mid="129414731" border="0" src="https://freight.cargo.site/w/1000/i/83642189b265b51f1b658452aba4b404830b5d5612a43a4a66129b96ce356b6b/Jinxi_33.png" /> Process<img width="2118" height="1718" width_o="2118" height_o="1718" data-src="https://freight.cargo.site/t/original/i/c4ffbc0c50c65384ddab41d08cbb4c162e55b9d46d6a27c64d9f8c2309053b72/Desktop---1.png" data-mid="137756378" border="0" src="https://freight.cargo.site/w/1000/i/c4ffbc0c50c65384ddab41d08cbb4c162e55b9d46d6a27c64d9f8c2309053b72/Desktop---1.png" />