https://itsjlee.com Jane Lee Tue, 03 Apr 2018 03:33:53 +0000 https://itsjlee.com en https://itsjlee.com/description Wed, 20 Dec 2017 22:02:17 +0000 Jane Lee https://itsjlee.com/description Hi, I’m Jane. I’m a User Experience designer. https://itsjlee.com/Selected-Work Fri, 08 Dec 2017 01:39:26 +0000 Jane Lee https://itsjlee.com/Selected-Work <img width="2432" height="1734" width_o="2432" height_o="1734" data-src="https://freight.cargo.site/t/original/i/8526c6839174076b973e4788639d82395f633cea92854672cc78026ff735f7b6/Oracle-Engagement_Thumb-3.png" data-mid="137012244" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/8526c6839174076b973e4788639d82395f633cea92854672cc78026ff735f7b6/Oracle-Engagement_Thumb-3.png" /> Oracle Engagement <img width="3684" height="2628" width_o="3684" height_o="2628" data-src="https://freight.cargo.site/t/original/i/924103dbe44e059062610de26cf5b4b335e9df16af2a51dcbe35d6fab02c5778/Popin_Thum.jpg" data-mid="33321116" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/924103dbe44e059062610de26cf5b4b335e9df16af2a51dcbe35d6fab02c5778/Popin_Thum.jpg" />Popin <img width="4264" height="3048" width_o="4264" height_o="3048" data-src="https://freight.cargo.site/t/original/i/f14dd89fb0d9b43851de7f3701dc4ff0115092664463ae807574a3e12c6d1e7d/Thum.jpg" data-mid="7755639" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/f14dd89fb0d9b43851de7f3701dc4ff0115092664463ae807574a3e12c6d1e7d/Thum.jpg" />What are we busy with <img width="921" height="657" width_o="921" height_o="657" data-src="https://freight.cargo.site/t/original/i/f436c391f497ae537d703fb24354101d39c06446c494c27440df7fda42a6c00f/Tum.gif" data-mid="21955323" border="0" data-scale="97" src="https://freight.cargo.site/w/921/i/f436c391f497ae537d703fb24354101d39c06446c494c27440df7fda42a6c00f/Tum.gif" /> What I enjoy <img width="1842" height="1314" width_o="1842" height_o="1314" data-src="https://freight.cargo.site/t/original/i/e64f29fab94bce1d630c974581ab7a8a22aed311c598e93da1345657d50d6a47/BMW-Thumb.png" data-mid="37926400" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/e64f29fab94bce1d630c974581ab7a8a22aed311c598e93da1345657d50d6a47/BMW-Thumb.png" />BMW Care&nbsp; <img width="3684" height="2628" width_o="3684" height_o="2628" data-src="https://freight.cargo.site/t/original/i/e8a28ab193eda6df1c141322d0416c37d5cc9b8bc064e7ca1ea9331d3fb10307/Thum.jpg" data-mid="14090234" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/e8a28ab193eda6df1c141322d0416c37d5cc9b8bc064e7ca1ea9331d3fb10307/Thum.jpg" />Timecloud <img width="3684" height="2628" width_o="3684" height_o="2628" data-src="https://freight.cargo.site/t/original/i/084790b307bc33b88307c9fd35ab58c13d9655960f9808040da3c5730383f791/Thum24x.jpg" data-mid="13968668" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/084790b307bc33b88307c9fd35ab58c13d9655960f9808040da3c5730383f791/Thum24x.jpg" />Stylink https://itsjlee.com/Timecloud Tue, 03 Apr 2018 03:33:53 +0000 Jane Lee https://itsjlee.com/Timecloud Timecloud: Memory archive where Alzheimer’s patients and their families can communicate through memories <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/352b7c43f0a2c97c3c5d5f980c1fffde22d7bd9bcf45fe29242a736d9c2bc465/Artboard4x.jpg" data-mid="14286013" border="0" src="https://freight.cargo.site/w/1000/i/352b7c43f0a2c97c3c5d5f980c1fffde22d7bd9bcf45fe29242a736d9c2bc465/Artboard4x.jpg" /> Date &nbsp;January 2018 - April 2018Research QuestionHow might we encourage younger generations to create more meaningful memories with loved ones affected by Alzheimer’s? Timecloud is an app that younger generations to share and store memories with Alzheimer's patients. <img width="1087" height="610" width_o="1087" height_o="610" data-src="https://freight.cargo.site/t/original/i/3730b2d78223a4ef27cc9d856a7e065071d4a82647f6fea1ea6f7f13a35a60bd/16.gif" data-mid="14644596" border="0" src="https://freight.cargo.site/w/1000/i/3730b2d78223a4ef27cc9d856a7e065071d4a82647f6fea1ea6f7f13a35a60bd/16.gif" /> <img width="1081" height="605" width_o="1081" height_o="605" data-src="https://freight.cargo.site/t/original/i/8b86ab88381bf51056500b63164c1f80d8ab4a16692ae0476249acbf72c70451/17.gif" data-mid="14644783" border="0" src="https://freight.cargo.site/w/1000/i/8b86ab88381bf51056500b63164c1f80d8ab4a16692ae0476249acbf72c70451/17.gif" /> <img width="1081" height="604" width_o="1081" height_o="604" data-src="https://freight.cargo.site/t/original/i/1e2966ce357e92b1810a1d6445d67bb54db906af3ea573830aa848ccc5f6ffba/26.gif" data-mid="14677210" border="0" src="https://freight.cargo.site/w/1000/i/1e2966ce357e92b1810a1d6445d67bb54db906af3ea573830aa848ccc5f6ffba/26.gif" /> <img width="1084" height="633" width_o="1084" height_o="633" data-src="https://freight.cargo.site/t/original/i/acf0a86ab58001c9995c7774d50c0f8806ff38392246b34aac3b85c73d14ce69/27.gif" data-mid="15112191" border="0" src="https://freight.cargo.site/w/1000/i/acf0a86ab58001c9995c7774d50c0f8806ff38392246b34aac3b85c73d14ce69/27.gif" /> <img width="1077" height="601" width_o="1077" height_o="601" data-src="https://freight.cargo.site/t/original/i/2cdcb531f27f82476e027d8e916dc8cf19216a976b8970b20552dc31b87ed54a/20.gif" data-mid="14645175" border="0" src="https://freight.cargo.site/w/1000/i/2cdcb531f27f82476e027d8e916dc8cf19216a976b8970b20552dc31b87ed54a/20.gif" /> Approach<img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/3b45d8f1e13ef27e34cd18a9d0b1759b85d12bb494a1e74244df7ac88543a4ce/1.jpg" data-mid="14640441" border="0" src="https://freight.cargo.site/w/1000/i/3b45d8f1e13ef27e34cd18a9d0b1759b85d12bb494a1e74244df7ac88543a4ce/1.jpg" /> <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/2ca072515e167bb09deaf1c8e619ae906d7ae62015bdce51d349523eb7e2df2d/2.jpg" data-mid="14640482" border="0" src="https://freight.cargo.site/w/1000/i/2ca072515e167bb09deaf1c8e619ae906d7ae62015bdce51d349523eb7e2df2d/2.jpg" /> <img width="10124" height="7600" width_o="10124" height_o="7600" data-src="https://freight.cargo.site/t/original/i/ea3804d337f539c4c8ccc33968b8f77db2427a3b1872f5e9763cd1310a548d6e/3.jpg" data-mid="14640499" border="0" src="https://freight.cargo.site/w/1000/i/ea3804d337f539c4c8ccc33968b8f77db2427a3b1872f5e9763cd1310a548d6e/3.jpg" /> The thesis research started from Andy Rooney’s quote. As a product designer who believes design and technology can come together to create the future. I specifically focused on the relationship between senior and technology. After research, I came up with these questions: How might we engage senior citizens in the community? How might we develop solutions for eldely’s better communication and social engagement? Ideation and Iteration Although seniors have regular access to the internet, they are having trouble seamlessly integrating the possibilities of technology into their lives. <img width="2358" height="1470" width_o="2358" height_o="1470" data-src="https://freight.cargo.site/t/original/i/e71583c31f4d982bcd90fff1cf3fc09f9221ad594390f63e27c00d09ce388028/Screen-Shot-2018-04-12-at-1.27.23-AM.png" data-mid="14640624" border="0" src="https://freight.cargo.site/w/1000/i/e71583c31f4d982bcd90fff1cf3fc09f9221ad594390f63e27c00d09ce388028/Screen-Shot-2018-04-12-at-1.27.23-AM.png" />What if we build a community where seniors teach from experience and younger people share their technical skills? Prototype 1 A web platform that seniors can teach from their experience and younger people can also share their technical skills. <img width="3400" height="2300" width_o="3400" height_o="2300" data-src="https://freight.cargo.site/t/original/i/891a39ff19b76b3fce73dd23004e1f11d1c3fba3f070ed715eb954482de78bfb/5.jpg" data-mid="14642530" border="0" src="https://freight.cargo.site/w/1000/i/891a39ff19b76b3fce73dd23004e1f11d1c3fba3f070ed715eb954482de78bfb/5.jpg" /> <img width="3256" height="2908" width_o="3256" height_o="2908" data-src="https://freight.cargo.site/t/original/i/bbcf2e9fc3fbb61cfd22f801d14b850879fe504c695b9bd14b372717d6654d09/6.jpg" data-mid="14642531" border="0" src="https://freight.cargo.site/w/1000/i/bbcf2e9fc3fbb61cfd22f801d14b850879fe504c695b9bd14b372717d6654d09/6.jpg" /> <img width="2376" height="2852" width_o="2376" height_o="2852" data-src="https://freight.cargo.site/t/original/i/2765ea7dcfcd5677b211ca4d075c9bd5d0bb3f22b0753d39fb153c75744c2600/7.jpg" data-mid="14642532" border="0" src="https://freight.cargo.site/w/1000/i/2765ea7dcfcd5677b211ca4d075c9bd5d0bb3f22b0753d39fb153c75744c2600/7.jpg" /> Findings and Iteration: 1. What can I differentiate from other skillshare communities that already exist? 2. How to make this more interactive for older users and deliver direct help for their issues. 3. How to make the platform more engaging and ‘young’ for older users, most of whom have smartphones. Prototype 2 A tutorial app that improves the quality of life for older adults by empowering them to learn how to use popular applications and websites. <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/fd509dc5d2562f3723e9b8603c3e80b4e058168c00aadbe1ddd8765e72541cdb/5.jpg" data-mid="14642317" border="0" src="https://freight.cargo.site/w/1000/i/fd509dc5d2562f3723e9b8603c3e80b4e058168c00aadbe1ddd8765e72541cdb/5.jpg" /><img width="2090" height="1182" width_o="2090" height_o="1182" data-src="https://freight.cargo.site/t/original/i/78d6dd3943b67c45dbd7a92082e9a4c11b01409a93885bf5733cf23afdc85d33/Screen-Shot-2018-04-12-at-2.34.16-AM.png" data-mid="14642060" border="0" src="https://freight.cargo.site/w/1000/i/78d6dd3943b67c45dbd7a92082e9a4c11b01409a93885bf5733cf23afdc85d33/Screen-Shot-2018-04-12-at-2.34.16-AM.png" /><img width="1946" height="1176" width_o="1946" height_o="1176" data-src="https://freight.cargo.site/t/original/i/b4d3bd9a0f264d1573d8d279dabec4a8c76fa81cbd3760e14b5e5c974830ff31/Screen-Shot-2018-04-12-at-2.33.58-AM.png" data-mid="14642066" border="0" src="https://freight.cargo.site/w/1000/i/b4d3bd9a0f264d1573d8d279dabec4a8c76fa81cbd3760e14b5e5c974830ff31/Screen-Shot-2018-04-12-at-2.33.58-AM.png" /> Iteration:Through prototype 1&amp;2 and user testings, I wanted to focus on solving an issue that related to my own experience. And came up with the subject ‘Alzheimer's’ which was a disease that my grandfather was suffered before he passed away. I ended up with this question: How might we encourage family members to have more meaningful times with loved ones affected by Alzheimer’s? Prototype&nbsp; 3 An app where Alzheimer’s patients put photos and writings daily. Uploaded data will be color-coded and saved in a family archive, so the family can always access their memories. <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/81c9bea8e49d55b90a367b208efd18f417bc7835f58f8beeb2ec5ae9832bf4c9/10.jpg" data-mid="14642386" border="0" src="https://freight.cargo.site/w/1000/i/81c9bea8e49d55b90a367b208efd18f417bc7835f58f8beeb2ec5ae9832bf4c9/10.jpg" /> <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/208d21930aba3c7039090ff4d8eb03c4246ae16295f40c251400adb070cfe00b/11.jpg" data-mid="14642389" border="0" src="https://freight.cargo.site/w/1000/i/208d21930aba3c7039090ff4d8eb03c4246ae16295f40c251400adb070cfe00b/11.jpg" />Findings:1.&nbsp; How can I encourage more interactions within the families rather than just showing patient’s memories. 2.&nbsp; Am I solving the right pain point? 3.&nbsp; Which user should I target? Family members or Patient? ProblemFamily members can not overlook the fear that Alzheimer’s patients would forget everything they shared together, and this made family members overlook the fact that these would be the last times and memories of the patents. <img width="2162" height="1205" width_o="2162" height_o="1205" data-src="https://freight.cargo.site/t/original/i/ef442af86e2866091c3b779cdad31ff5e08e0a6e9da783ec7bdc0e21fff3acd2/Screen-Shot-2018-04-12-at-3.45.17-AM.png" data-mid="14643688" border="0" src="https://freight.cargo.site/w/1000/i/ef442af86e2866091c3b779cdad31ff5e08e0a6e9da783ec7bdc0e21fff3acd2/Screen-Shot-2018-04-12-at-3.45.17-AM.png" /> <img width="2174" height="1220" width_o="2174" height_o="1220" data-src="https://freight.cargo.site/t/original/i/5dd8b5d8f38f091b438bb2abadf67cb8533eee352961f09e0e9b3b3725936ae8/Screen-Shot-2018-04-12-at-3.45.23-AM.png" data-mid="14643682" border="0" src="https://freight.cargo.site/w/1000/i/5dd8b5d8f38f091b438bb2abadf67cb8533eee352961f09e0e9b3b3725936ae8/Screen-Shot-2018-04-12-at-3.45.23-AM.png" /> <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/9db65f5b8eadc95ed70b3e4464a1f3f03369d8d289584e8507c93ee4a6f5a941/13.jpg" data-mid="14643423" border="0" src="https://freight.cargo.site/w/1000/i/9db65f5b8eadc95ed70b3e4464a1f3f03369d8d289584e8507c93ee4a6f5a941/13.jpg" /> <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/7536747d9d5a4076714a1448bc4835818e5d42decbb36cac8ceb9ae6d401c39a/14.jpg" data-mid="14643424" border="0" src="https://freight.cargo.site/w/1000/i/7536747d9d5a4076714a1448bc4835818e5d42decbb36cac8ceb9ae6d401c39a/14.jpg" /> Solution <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/5d507d29b983394db969432b7c1dd91cbb6d3c8bcca5cb3a9fdb8ae64923f2d8/15.jpg" data-mid="14643425" border="0" src="https://freight.cargo.site/w/1000/i/5d507d29b983394db969432b7c1dd91cbb6d3c8bcca5cb3a9fdb8ae64923f2d8/15.jpg" /> A family archive will store&nbsp;every text, photos and interactions they have with Alzheimer’s patient and so ease the fear of being forgotten. Design Process <img width="2426" height="1734" width_o="2426" height_o="1734" data-src="https://freight.cargo.site/t/original/i/770df996e9a20333dfa68965cd791c3ff11f0e44d746a9d5007fbdafaa5147eb/Screen-Shot-2018-04-12-at-3.50.05-AM.png" data-mid="14643865" border="0" src="https://freight.cargo.site/w/1000/i/770df996e9a20333dfa68965cd791c3ff11f0e44d746a9d5007fbdafaa5147eb/Screen-Shot-2018-04-12-at-3.50.05-AM.png" /> <img width="2444" height="1724" width_o="2444" height_o="1724" data-src="https://freight.cargo.site/t/original/i/9ce0df7af0d1cdc1858ee445a6084ea065af70a43b4ac2f6da41487d4259c5ae/Screen-Shot-2018-04-12-at-3.51.52-AM.png" data-mid="14643863" border="0" src="https://freight.cargo.site/w/1000/i/9ce0df7af0d1cdc1858ee445a6084ea065af70a43b4ac2f6da41487d4259c5ae/Screen-Shot-2018-04-12-at-3.51.52-AM.png" /> <img width="2160" height="1199" width_o="2160" height_o="1199" data-src="https://freight.cargo.site/t/original/i/747c215116b908b9edf2255b93df4bc11a50b4978f9cd6a2e83fe0713d57604d/Screen-Shot-2018-04-12-at-3.56.26-AM.png" data-mid="14644538" border="0" src="https://freight.cargo.site/w/1000/i/747c215116b908b9edf2255b93df4bc11a50b4978f9cd6a2e83fe0713d57604d/Screen-Shot-2018-04-12-at-3.56.26-AM.png" /> <img width="2414" height="1050" width_o="2414" height_o="1050" data-src="https://freight.cargo.site/t/original/i/f624796888bf6d9eccbf8c4a96afe082b74d8229dc933faa51807a344bbcd122/20.png" data-mid="14677190" border="0" src="https://freight.cargo.site/w/1000/i/f624796888bf6d9eccbf8c4a96afe082b74d8229dc933faa51807a344bbcd122/20.png" /> <img width="2430" height="1726" width_o="2430" height_o="1726" data-src="https://freight.cargo.site/t/original/i/6286af5b8e748cbd9331de8f365088fc84c92add8d8d236d83dfb9fafbe3b912/Screen-Shot-2018-04-12-at-3.50.49-AM.png" data-mid="14643906" border="0" src="https://freight.cargo.site/w/1000/i/6286af5b8e748cbd9331de8f365088fc84c92add8d8d236d83dfb9fafbe3b912/Screen-Shot-2018-04-12-at-3.50.49-AM.png" /> <img width="2426" height="1732" width_o="2426" height_o="1732" data-src="https://freight.cargo.site/t/original/i/409e5a1e5e8dd2995c4595e0b28e2bf4bf660f9e45cf9384ffac5f7d8a62e7a8/Screen-Shot-2018-04-12-at-3.51.19-AM.png" data-mid="14643907" border="0" src="https://freight.cargo.site/w/1000/i/409e5a1e5e8dd2995c4595e0b28e2bf4bf660f9e45cf9384ffac5f7d8a62e7a8/Screen-Shot-2018-04-12-at-3.51.19-AM.png" /> https://itsjlee.com/BMW-Care Fri, 15 Dec 2017 00:41:58 +0000 Jane Lee https://itsjlee.com/BMW-Care BMW Care: Online web app that recommends personalized BMW protection products <img width="5062" height="2996" width_o="5062" height_o="2996" data-src="https://freight.cargo.site/t/original/i/0537c7dee9c2b004800883d3a3dee8b694806dd5929c845007c8576ecd9df582/BMW-Top.png" data-mid="37925838" border="0" src="https://freight.cargo.site/w/1000/i/0537c7dee9c2b004800883d3a3dee8b694806dd5929c845007c8576ecd9df582/BMW-Top.png" /> Date &nbsp;August 2017 - December 2017 My RoleProduct Design, UX Design Team Andreas Thoma Baker&nbsp; – Business StrategistAlex Kharchistov – Back end devJacob Jia – Back end devMichelle Mei –&nbsp;Front end dev A recommendation system that clearly displays the protection products’ benefits, and recommends the perfect protection products based on the customers' driving styles and preferences. This project was created in Cornell Tech Product Studio. Our team was given 13 weeks to solve BMW Financial Services' current issue 'How might we make Ancillary Products more personalized for online customers?' <img width="10124" height="4460" width_o="10124" height_o="4460" data-src="https://freight.cargo.site/t/original/i/2c10b20f7abe51730a6cb0879e2261acd5fd00f77878306f25bc5856a7ae6135/1.jpg" data-mid="8368826" border="0" src="https://freight.cargo.site/w/1000/i/2c10b20f7abe51730a6cb0879e2261acd5fd00f77878306f25bc5856a7ae6135/1.jpg" /> <img width="10124" height="10556" width_o="10124" height_o="10556" data-src="https://freight.cargo.site/t/original/i/ca21407bbe8411112019c0e7471a07e9023602c48749045ec595b7d1843ea1cd/9.jpg" data-mid="8369087" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/ca21407bbe8411112019c0e7471a07e9023602c48749045ec595b7d1843ea1cd/9.jpg" /><img width="5062" height="2872" width_o="5062" height_o="2872" data-src="https://freight.cargo.site/t/original/i/6be1d2030cae4920bab6dd69d9e84fcd3cfac63250ec46b36de0b12b3bf4a4b3/22x.jpg" data-mid="37931486" border="0" src="https://freight.cargo.site/w/1000/i/6be1d2030cae4920bab6dd69d9e84fcd3cfac63250ec46b36de0b12b3bf4a4b3/22x.jpg" /> <img width="10124" height="7484" width_o="10124" height_o="7484" data-src="https://freight.cargo.site/t/original/i/939edca84ae0072be86bdefd0a8ef6ada3731c8a027c1fbb504de63449b7da8f/11.jpg" data-mid="8369024" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/939edca84ae0072be86bdefd0a8ef6ada3731c8a027c1fbb504de63449b7da8f/11.jpg" /> The Prompt:How might we make Ancillary Products more personalized for online customers? It was an intentionally broad prompt and a large part of the initial work was finding a wedge that could solve the problem that BMW FS is currently facing. After some research, we found that many BMW clients were not well informed about the products, having a hard time choosing and seeing the benefits of the right protections, and were not willing to spend more on protection products.&nbsp; The Problem: Awareness, Future Benefit, Meaningful Recommendation User Research <img width="10124" height="5684" width_o="10124" height_o="5684" data-src="https://freight.cargo.site/t/original/i/5a810c41809fd8cf68a6078de43cd8ba72ede0d23a7d237d9e7309b70ed6d6c1/1.jpg" data-mid="11223433" border="0" src="https://freight.cargo.site/w/1000/i/5a810c41809fd8cf68a6078de43cd8ba72ede0d23a7d237d9e7309b70ed6d6c1/1.jpg" />In the early stage of research, our team visited a BMW dealership and conducted surveys on 32 potential BMW buyers. As the numbers shows, 78% of the participants had not heard of Ancillary products before visiting the dealership, however, most of them were willing to invest in Ancillary products after we explained what Ancillary product was. From Ancillary Product to BMW Care <img width="8296" height="3912" width_o="8296" height_o="3912" data-src="https://freight.cargo.site/t/original/i/2e0d95b9cdb3623153e8f59bb7b85f6741b0a6ce399aec9d6520ae84561981e6/2.jpg" data-mid="11570629" border="0" src="https://freight.cargo.site/w/1000/i/2e0d95b9cdb3623153e8f59bb7b85f6741b0a6ce399aec9d6520ae84561981e6/2.jpg" /> During the product development and user research, our team realized that the term ‘Ancillary Product’ itself was creating a distance from users and creating a misunderstanding of the product. Thus, we decided to change the term ‘Ancillary Products’ to ‘BMW Care’ to help users to understand BMW protection products better. Ideation Current Flow and Buying ExperienceSo, back to users and goals, how might we help them find BMW Care’s benefit in the car buying experience but meanwhile make sure they are introduced to the right insurance products? <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/6028f4557f356fc6c572c6b3212e8cfd882dbc252e85a39bdfde927849f9e7ea/Current-Buying-Expereince2x.jpg" data-mid="37931915" border="0" src="https://freight.cargo.site/w/1000/i/6028f4557f356fc6c572c6b3212e8cfd882dbc252e85a39bdfde927849f9e7ea/Current-Buying-Expereince2x.jpg" /> After changing the term, we started to focus on customers buying experience. Currently, BMW is having difficulty selling these products even though there is a high consumer interest in BMW Care. One key issue is that they have no mention of these products on their current website and online buying process. The only way that clients can access or buy BMW Care is only after the initial purchase of a car in the physical dealership. Moreover, customers don’t get a clear and accurate understanding of the BMW Care products as the dealership gives them non-data based recommendation. Without the cold numbers and a clear presentation of the BMW Care products, most of the clients fail to see the future benefits in the short time they spend at the dealership. Sprints <img width="602" height="808" width_o="602" height_o="808" data-src="https://freight.cargo.site/t/original/i/8fc6f788a67ce7b23310e322264247d3677f294c115f6c3a43ac0280d1d85070/Screen-Shot-2018-02-20-at-1.15.12-AM.png" data-mid="11570234" border="0" src="https://freight.cargo.site/w/602/i/8fc6f788a67ce7b23310e322264247d3677f294c115f6c3a43ac0280d1d85070/Screen-Shot-2018-02-20-at-1.15.12-AM.png" /> <img width="1150" height="1532" width_o="1150" height_o="1532" data-src="https://freight.cargo.site/t/original/i/8937bf1289df6349089ed4b0ede48bf9c8d50a04834fd2ad88e81f4911e368ee/Screen-Shot-2018-02-20-at-1.15.48-AM.png" data-mid="11570231" border="0" src="https://freight.cargo.site/w/1000/i/8937bf1289df6349089ed4b0ede48bf9c8d50a04834fd2ad88e81f4911e368ee/Screen-Shot-2018-02-20-at-1.15.48-AM.png" /> <img width="1013" height="1445" width_o="1013" height_o="1445" data-src="https://freight.cargo.site/t/original/i/35fb3e92bd4e530724b8d872891b8c8381fd5c04f3af098c27dd296d7ed949e8/Screen-Shot-2018-02-20-at-1.22.33-AM.png" data-mid="11570277" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/35fb3e92bd4e530724b8d872891b8c8381fd5c04f3af098c27dd296d7ed949e8/Screen-Shot-2018-02-20-at-1.22.33-AM.png" /> <img width="1178" height="1582" width_o="1178" height_o="1582" data-src="https://freight.cargo.site/t/original/i/699170654c9ca804607e513bcfdf37d5de2e4f0b198bc5540fd38bbf2b1b6049/Screen-Shot-2018-02-20-at-1.15.37-AM.png" data-mid="11570233" border="0" src="https://freight.cargo.site/w/1000/i/699170654c9ca804607e513bcfdf37d5de2e4f0b198bc5540fd38bbf2b1b6049/Screen-Shot-2018-02-20-at-1.15.37-AM.png" /> Through sprint we came up with potential three solutions for enhancing BMW Care online buying experiences: #1 Situation Simulator (online mini-game) A car simulator game that users can play and experience BMW Care products by playing the game. Users will directly see the benefits of the products through the fun experience. #2 Creating personalized bundle with BMW Care Giving a name to our recommendations, so giving user more personalized feelings. Such as Rocket Bundle, Dreamer Bundle, etc. #3 Showing BMW Care’s benefit before users visit dealership Creating a section in the BMW website that users can see BMW Care products. It will increase the awareness of the products before buying a car. Solution:Online web app within the ‘build your own car’ section of the BMW website to help people receive personalized BMW Care recommendations System Diagram&nbsp; <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/b40c39545b675a7ffff807edb51c5fbc943d16158315ee7716b3996be355c876/New-Buying-Experience2x.png" data-mid="37931994" border="0" src="https://freight.cargo.site/w/1000/i/b40c39545b675a7ffff807edb51c5fbc943d16158315ee7716b3996be355c876/New-Buying-Experience2x.png" /> Our team decided to put our recommendation system in the process of the 'build your own car' section which most people are using before they purchase a car. By adding BMW Care buying process in the online car buying process, we believe that it will give customers the time and chance to consider protection products before they purchase the car in the dealership. Wireframe <img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/df3e224af146b3eaeb63404746f747a09fbdd63602a1872d9dce84f042bf6f9a/Wireframe2x.png" data-mid="37932033" border="0" src="https://freight.cargo.site/w/1000/i/df3e224af146b3eaeb63404746f747a09fbdd63602a1872d9dce84f042bf6f9a/Wireframe2x.png" /> Design and IterationBMW Care Style Guideline<img width="2560" height="1440" width_o="2560" height_o="1440" data-src="https://freight.cargo.site/t/original/i/47ac85a6305b7950825891cbd39e4d8673e8d94f1ba976d9d5db3db254da6473/Style-Guideline.png" data-mid="37932064" border="0" src="https://freight.cargo.site/w/1000/i/47ac85a6305b7950825891cbd39e4d8673e8d94f1ba976d9d5db3db254da6473/Style-Guideline.png" /> Prototypes and User TestingsBased on the initial user interviews and research, we decided to build a recommendation web app. The recommendation system would not ask more than 6 questions before giving a recommendation for BMW Care. <img width="5760" height="4096" width_o="5760" height_o="4096" data-src="https://freight.cargo.site/t/original/i/915cea85941071d15df22816e69191721923027b1b3da921139176495b5ddf2a/24x.jpg" data-mid="8271428" border="0" src="https://freight.cargo.site/w/1000/i/915cea85941071d15df22816e69191721923027b1b3da921139176495b5ddf2a/24x.jpg" /> <img width="5760" height="4096" width_o="5760" height_o="4096" data-src="https://freight.cargo.site/t/original/i/a13b954b25f5beda9899460196875554f52b7e6d630f87e30c22c4b587e044b2/34.jpg" data-mid="8271442" border="0" src="https://freight.cargo.site/w/1000/i/a13b954b25f5beda9899460196875554f52b7e6d630f87e30c22c4b587e044b2/34.jpg" /> First PrototypeAt the beginning, our group focused on data visualization in survey section by using D3.js. We wanted to engage customers by showing the visual statistic of their Future Damage and Potential Savings depending on their driving style survey. We believed that customer visually seeing their analytics in real time would increase the engagement during the survey.After user testings of the first prototype, we decided to take data visualization out of the survey section. Many users were confused about the statistics and how the actual interface worked. We realized that Data Visualization was confusing and distracting, and decided to focus more on the actual survey. <img width="5760" height="4096" width_o="5760" height_o="4096" data-src="https://freight.cargo.site/t/original/i/757b16e04d9af430e3bb75f63ef731a00c8fea6ded8468abd3f91c8042200a4c/2-14x.jpg" data-mid="38004246" border="0" src="https://freight.cargo.site/w/1000/i/757b16e04d9af430e3bb75f63ef731a00c8fea6ded8468abd3f91c8042200a4c/2-14x.jpg" /> <img width="4096" height="3068" width_o="4096" height_o="3068" data-src="https://freight.cargo.site/t/original/i/283d3b83b2d9aba80ae3fc36e4058193ea3b70952e4e735b9cf631c2c69c42ed/5.jpg" data-mid="8271455" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/283d3b83b2d9aba80ae3fc36e4058193ea3b70952e4e735b9cf631c2c69c42ed/5.jpg" /> Second Prototype In the second prototype, we focused on how we could make the survey more engaging and interactive. We tried to put interactive background that changes colors and moves depending on the users' answers. Overall, our product became more interactive and highly user-driven. However, we encountered the issue of visual consistency between survey page and recommendation page. Also, we wanted to develop the recommendation experience the user receives after the survey, more than the survey itself. The BMW Care recommendation page would be the one that details the clear and logical reasons customers should purchase products through the usage of data, charts, and analytics.Iterations on Recommendation Page <img width="2052" height="1722" width_o="2052" height_o="1722" data-src="https://freight.cargo.site/t/original/i/b558cc447ea693eaac5e4a7fcfd1b21637ffac5325b59d9a5e1536de95d9b233/42x.png" data-mid="38004243" border="0" src="https://freight.cargo.site/w/1000/i/b558cc447ea693eaac5e4a7fcfd1b21637ffac5325b59d9a5e1536de95d9b233/42x.png" /> <img width="2048" height="1528" width_o="2048" height_o="1528" data-src="https://freight.cargo.site/t/original/i/61729229d1af9d1f36428f7b6df289fd4a4f7a7cca52c8a776f0d698bb1022d9/Result_1-22x.png" data-mid="37932255" border="0" src="https://freight.cargo.site/w/1000/i/61729229d1af9d1f36428f7b6df289fd4a4f7a7cca52c8a776f0d698bb1022d9/Result_1-22x.png" /> <img width="16392" height="10984" width_o="16392" height_o="10984" data-src="https://freight.cargo.site/t/original/i/2c4b24773b19122e7e92c3f1ec9f939637bf2096dfca0231b38b9babce8ccd33/44x.jpg" data-mid="11569884" border="0" src="https://freight.cargo.site/w/1000/i/2c4b24773b19122e7e92c3f1ec9f939637bf2096dfca0231b38b9babce8ccd33/44x.jpg" /><img width="16392" height="10984" width_o="16392" height_o="10984" data-src="https://freight.cargo.site/t/original/i/07a2cd7679cef60089971842b10161aa3391e63c5c5fe809bb7a8551a25edf22/34x.jpg" data-mid="11569890" border="0" src="https://freight.cargo.site/w/1000/i/07a2cd7679cef60089971842b10161aa3391e63c5c5fe809bb7a8551a25edf22/34x.jpg" /><img width="4096" height="3576" width_o="4096" height_o="3576" data-src="https://freight.cargo.site/t/original/i/39e1b14a2814a7dfc0f44ec0dade1505674935fc1453c1f1356b07c273a47db2/Result_1-34x.jpg" data-mid="37932254" border="0" src="https://freight.cargo.site/w/1000/i/39e1b14a2814a7dfc0f44ec0dade1505674935fc1453c1f1356b07c273a47db2/Result_1-34x.jpg" /><img width="3072" height="2844" width_o="3072" height_o="2844" data-src="https://freight.cargo.site/t/original/i/fdcc57b6a9ff3b842f4c85700251b768cd462e8a8d9370fab7f6fcb7589fb0f3/Result_1.23x.png" data-mid="37932256" border="0" src="https://freight.cargo.site/w/1000/i/fdcc57b6a9ff3b842f4c85700251b768cd462e8a8d9370fab7f6fcb7589fb0f3/Result_1.23x.png" /> After we decided to focus on recommendation page, we created different versions of recommendation interfaces and user tested to find the right solution. Designing Exit of the Product <img width="3840" height="2250" width_o="3840" height_o="2250" data-src="https://freight.cargo.site/t/original/i/b623b767db50eb303f0d7a9a8ebf0bca4c92e1cbac7a4c36ebbab9fa2777b278/TUX.png" data-mid="38004017" border="0" src="https://freight.cargo.site/w/1000/i/b623b767db50eb303f0d7a9a8ebf0bca4c92e1cbac7a4c36ebbab9fa2777b278/TUX.png" /> Iteration of Confirmation Page <img width="2048" height="1788" width_o="2048" height_o="1788" data-src="https://freight.cargo.site/t/original/i/9e020eff84fd935d6399d7828b3f4f761f8446a18139a4ce407b6d10134ce637/52x.png" data-mid="38004054" border="0" src="https://freight.cargo.site/w/1000/i/9e020eff84fd935d6399d7828b3f4f761f8446a18139a4ce407b6d10134ce637/52x.png" /><img width="2048" height="2260" width_o="2048" height_o="2260" data-src="https://freight.cargo.site/t/original/i/8f24bdf1b9c8567c770c2da5c3714e16257f09699c880ece3e09e07632f70fdc/Save---Share2x.png" data-mid="38004055" border="0" src="https://freight.cargo.site/w/1000/i/8f24bdf1b9c8567c770c2da5c3714e16257f09699c880ece3e09e07632f70fdc/Save---Share2x.png" /> Takeaways New fields are always challenging but offer more to learnAncillary products and car insurances was a field completely alien to me. At the beginning of the project, it was hard for me to understand the concept of Ancillary Products. However, my unfamiliarity was helpful as it allowed me to understand the products from the consumer side, and not as an expert. I gained knowledge of this field not only from the product developer’s side but from the user’s side. After this project and research, I gained more expertise in this field and learned that I can apply the lessons of this field to my own. We are all designers but in different waysSince this project was created from Cornell Tech, I teamed up with MBA, CS and Information Engineers students. It was a huge different from working in a big designer group. I had closer interactions since the team was small. Every language we used was different, so it was a good chance to learn how I come across differently to a different audience. What I learned from this experience is that everyone is a designer that uses different assets, focuses, and languages. We participated in every process together and there were always better solutions when we freely discussed another field's problems together. https://itsjlee.com/Kidcycle Fri, 15 Dec 2017 00:43:10 +0000 Jane Lee https://itsjlee.com/Kidcycle Kidcycle : Shopping platform that reduces kids apparel waste <img width="10124" height="6452" width_o="10124" height_o="6452" data-src="https://freight.cargo.site/t/original/i/94be2471e9a97e13a0ef62d7c5a6dba95077347066289fbaf5feeac422e84246/screen.jpg" data-mid="11565857" border="0" src="https://freight.cargo.site/w/1000/i/94be2471e9a97e13a0ef62d7c5a6dba95077347066289fbaf5feeac422e84246/screen.jpg" /> Date &nbsp;February 2017 - April 2017 My RoleProduct Design, UX Design Team Marjorie Chamberlain - Product Design, VisualAbigail Miller - PhotographyDido Rwaka - Marketing&nbsp; Challenge + Approach Recycling clothes is a highly recognized problem, and we see the different clothes recycling efforts such as Goodwill or the Salvation Army. However, there is very little attention given to the recycling of kids clothes - an issue that is more prevalent than actual adult clothes waste. In this project, we investigated the issue, and decided to create a platform that establishes a complementary relationship between recycling and shopping. Home <img width="10124" height="13016" width_o="10124" height_o="13016" data-src="https://freight.cargo.site/t/original/i/bc7fe8e500fcb7e0bfde34a8390acd67d47d84041b8740306db1c2aa001aab95/S1.jpg" data-mid="11566122" border="0" src="https://freight.cargo.site/w/1000/i/bc7fe8e500fcb7e0bfde34a8390acd67d47d84041b8740306db1c2aa001aab95/S1.jpg" />The final home had several iterations from the first prototype we built. We realized in user testing that dividing a screen was limiting users. In the final design, we put donation part on top and put shop part below the donation, so users can naturally scroll down to see more options of clothes rather than click and getting in to shop section. Donation Process <img width="4096" height="2592" width_o="4096" height_o="2592" data-src="https://freight.cargo.site/t/original/i/acab0b0e92f66aadf866df22076ccf990c7f3a505a6317a694aa33f19198ccfe/Donation-Amount.jpg" data-mid="11566385" border="0" src="https://freight.cargo.site/w/1000/i/acab0b0e92f66aadf866df22076ccf990c7f3a505a6317a694aa33f19198ccfe/Donation-Amount.jpg" /> <img width="4096" height="2592" width_o="4096" height_o="2592" data-src="https://freight.cargo.site/t/original/i/8912a4f9f428058f7d40e253612ebb24adb08fdef794a81e1df339c635542d54/Pickup-option.jpg" data-mid="11566388" border="0" src="https://freight.cargo.site/w/1000/i/8912a4f9f428058f7d40e253612ebb24adb08fdef794a81e1df339c635542d54/Pickup-option.jpg" /> <img width="4096" height="2592" width_o="4096" height_o="2592" data-src="https://freight.cargo.site/t/original/i/cd0bde3f4e31aa38926aa0f672c087e783212dacff8bf2f22cf424bcf14b2294/Locker-Location.jpg" data-mid="11566545" border="0" src="https://freight.cargo.site/w/1000/i/cd0bde3f4e31aa38926aa0f672c087e783212dacff8bf2f22cf424bcf14b2294/Locker-Location.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/a2f149083535e0b61efaf4be3c2b5b76c95c7dfde1f1101b34198e99344197fa/Locker-combination4x.jpg" data-mid="11566522" border="0" src="https://freight.cargo.site/w/1000/i/a2f149083535e0b61efaf4be3c2b5b76c95c7dfde1f1101b34198e99344197fa/Locker-combination4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/d50a0e1de5ecdeecf766bf29c0925b8eae447713c4d212caaca73be821eef77f/Pickup-Date4x.jpg" data-mid="11566523" border="0" src="https://freight.cargo.site/w/1000/i/d50a0e1de5ecdeecf766bf29c0925b8eae447713c4d212caaca73be821eef77f/Pickup-Date4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/a2f149083535e0b61efaf4be3c2b5b76c95c7dfde1f1101b34198e99344197fa/Locker-combination4x.jpg" data-mid="11566522" border="0" src="https://freight.cargo.site/w/1000/i/a2f149083535e0b61efaf4be3c2b5b76c95c7dfde1f1101b34198e99344197fa/Locker-combination4x.jpg" /> <img width="4096" height="2592" width_o="4096" height_o="2592" data-src="https://freight.cargo.site/t/original/i/577de7b0c03e12f3929c6e29565f45f4cc7f5522fb234b0500b7e4ce4b251b01/Thank-you.jpg" data-mid="11566419" border="0" src="https://freight.cargo.site/w/1000/i/577de7b0c03e12f3929c6e29565f45f4cc7f5522fb234b0500b7e4ce4b251b01/Thank-you.jpg" /> Shop and Donation <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/ceeb128447a76089c16f71fdb208b1e166e56c94027e91e7369811104fe87d1c/Cart4x.jpg" data-mid="11566519" border="0" src="https://freight.cargo.site/w/1000/i/ceeb128447a76089c16f71fdb208b1e166e56c94027e91e7369811104fe87d1c/Cart4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/49ca0b917725496ba66f10fa316599c36593e7cc8f2e287ab0415494a61ba025/Payment4x.jpg" data-mid="11566525" border="0" src="https://freight.cargo.site/w/1000/i/49ca0b917725496ba66f10fa316599c36593e7cc8f2e287ab0415494a61ba025/Payment4x.jpg" /> Live Prototype Research Identify User NeedsThe course project started with broad scope - Kids. We decided to focus on kids in New York City because it's one of the unique urban spaces to grow kids. The objective was to figure out kids and parents' needs in New York City and gain insights about design opportunities. After several brainstorms with team, we decided to focus on Kid’s apparel. User Research <img width="3840" height="5760" width_o="3840" height_o="5760" data-src="https://freight.cargo.site/t/original/i/f932af981444c7b718544fb5c40887f2c8e8420b836fe12bae5f1b3628e6f0b6/167A0207.jpg" data-mid="11486493" border="0" src="https://freight.cargo.site/w/1000/i/f932af981444c7b718544fb5c40887f2c8e8420b836fe12bae5f1b3628e6f0b6/167A0207.jpg" /> <img width="3840" height="5760" width_o="3840" height_o="5760" data-src="https://freight.cargo.site/t/original/i/d3621512f44eaee96b048d02d4f124d414fb3182dd055ee180f179304058212a/167A0252.jpg" data-mid="11486494" border="0" src="https://freight.cargo.site/w/1000/i/d3621512f44eaee96b048d02d4f124d414fb3182dd055ee180f179304058212a/167A0252.jpg" /> We interviewed parents with children ages 14 and under to figure out what kind of issues they encounter with kids clothing. Most parents had issues shopping for kids clothing as they needed to buy newly fitting clothes before the children’s clothes were worn out. We also discovered that many parents didn’t donate due to the inconvenience and extra effort, and instead simply threw out the clothes or gave them to an acquaintance. Personas and Experience MapWe built personas and Experience Map. After reviewed the data gathered by user research in detail and established three main criteria that users behave differently about kids apparel : Occupation, Economic Status, and Background. <img width="2420" height="1586" width_o="2420" height_o="1586" data-src="https://freight.cargo.site/t/original/i/b4a997b52ade74622ec249090c02e4519779771e19283458fea2cc53430f0b8e/experience-map_Page_1.png" data-mid="11560111" border="0" src="https://freight.cargo.site/w/1000/i/b4a997b52ade74622ec249090c02e4519779771e19283458fea2cc53430f0b8e/experience-map_Page_1.png" /> <img width="7280" height="5083" width_o="7280" height_o="5083" data-src="https://freight.cargo.site/t/original/i/9d7dab3707fec9ee2f8225a8dce8077734d64e2b4a07816012863496dc226d17/experience-map_Page_2.jpg" data-mid="11560113" border="0" src="https://freight.cargo.site/w/1000/i/9d7dab3707fec9ee2f8225a8dce8077734d64e2b4a07816012863496dc226d17/experience-map_Page_2.jpg" /> <img width="3500" height="2300" width_o="3500" height_o="2300" data-src="https://freight.cargo.site/t/original/i/d167f214fd3f6e77e95bd93ba6b218cabf687ceb0d99ac8dfe624a7536ca0b33/experience-map_Page_3.jpg" data-mid="11560112" border="0" src="https://freight.cargo.site/w/1000/i/d167f214fd3f6e77e95bd93ba6b218cabf687ceb0d99ac8dfe624a7536ca0b33/experience-map_Page_3.jpg" /> InsightsUsers have a hard time with the recycling process as it competes with the time normally used to tend to kids, work or recreation. Recycling clothes simply isn’t hassle-free or incentivized enough to make it habitual for a large group of people. There is an opportunity to simplify and encourage the purchase and donation of kids’ clothing. Problem Space and Opportunity:Kids’ apparel waste is a growing problem with low awareness. How can we build an ecosystem that introduces recycling as an easy viable option? #1 Growing One Size a Year Children go through considerable amounts of clothing as they grow at least one size a year. #2 Fashion Industry TrendCompounding this potential waste, the apparel industry’s high-end and fast fashion trends have increased the amount of clothes made and decreased their fashionable life span. #3 Recycling Clothes isn’t Hassle-freeDonating is a good option, however, driving is an added obstacle that may lead to them just throwing the items away. Design and ChallengesSo, back to users and their pain points, how might we create an online platform where people can easily recycle and purchase high quality used kids’ clothing? User Our users are parents with children ages 14 and under. This demographic faces the most clothing consumption of any age group as the kids of this group grow particularly fast. Product Loop <img width="10124" height="5728" width_o="10124" height_o="5728" data-src="https://freight.cargo.site/t/original/i/d00f9c10ebcb5b8d414bce5d472c365fac36e60c1c57f5d38a79d4f20200ec99/map.jpg" data-mid="11565504" border="0" src="https://freight.cargo.site/w/1000/i/d00f9c10ebcb5b8d414bce5d472c365fac36e60c1c57f5d38a79d4f20200ec99/map.jpg" />Through research, we found that it was difficult for users to see the benefits of donation. We decided to put a store credit system that when users donate clothes they get credit based on their donation. Users can use the credits when they shop used clothes on our website. Therefore, we aimed that users will live in our eco-system that they can shop and donate in a same space. Wireframe Home <img width="3496" height="2216" width_o="3496" height_o="2216" data-src="https://freight.cargo.site/t/original/i/aca6646d71956bd8c3a6682b74e535a5b827f5d9e77d38663451ed4ade3d4134/Landing4x.png" data-mid="11553940" border="0" src="https://freight.cargo.site/w/1000/i/aca6646d71956bd8c3a6682b74e535a5b827f5d9e77d38663451ed4ade3d4134/Landing4x.png" />By dividing the screen into two sections ‘Donate’ and ‘Shop,’ we wanted users to see the clear direction when they land on the homepage. Donation Process <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/c2a7f567f4272d452c696db3806a73fc60568e9e8735b2fd783ee2fba1994200/Donation-Amount4x.png" data-mid="11554043" border="0" src="https://freight.cargo.site/w/1000/i/c2a7f567f4272d452c696db3806a73fc60568e9e8735b2fd783ee2fba1994200/Donation-Amount4x.png" /> <img width="16400" height="10384" width_o="16400" height_o="10384" data-src="https://freight.cargo.site/t/original/i/a376b7aa8b2d57f9080f3c7ce73b2b9268a847cb33e8e3fbcc68712b007f94b4/Pickup-option4x.png" data-mid="11554368" border="0" src="https://freight.cargo.site/w/1000/i/a376b7aa8b2d57f9080f3c7ce73b2b9268a847cb33e8e3fbcc68712b007f94b4/Pickup-option4x.png" /> <img width="3696" height="2344" width_o="3696" height_o="2344" data-src="https://freight.cargo.site/t/original/i/35f9b31423a1a32f80461e01229d292894df319de371b8800c6b59aa53f215a2/Locker-Location4x.jpg" data-mid="11554484" border="0" src="https://freight.cargo.site/w/1000/i/35f9b31423a1a32f80461e01229d292894df319de371b8800c6b59aa53f215a2/Locker-Location4x.jpg" /> <img width="16400" height="10384" width_o="16400" height_o="10384" data-src="https://freight.cargo.site/t/original/i/34f9f500f6924f82628300f678a2eac4e0880e40141a3568182883fa0c3053e7/Locker-combination4x.png" data-mid="11554378" border="0" src="https://freight.cargo.site/w/1000/i/34f9f500f6924f82628300f678a2eac4e0880e40141a3568182883fa0c3053e7/Locker-combination4x.png" /> <img width="16400" height="10384" width_o="16400" height_o="10384" data-src="https://freight.cargo.site/t/original/i/8b763a0b7c731e27f2e9868d159f73afdc39ccb841c6491b1b7ea9e4d3266d72/Pickup-Date4x.png" data-mid="11554379" border="0" src="https://freight.cargo.site/w/1000/i/8b763a0b7c731e27f2e9868d159f73afdc39ccb841c6491b1b7ea9e4d3266d72/Pickup-Date4x.png" /> <img width="16400" height="10384" width_o="16400" height_o="10384" data-src="https://freight.cargo.site/t/original/i/6536cfa31cd1b32b6d5471ca26dc8db6bc46c6203b980357e50ab9de1a713c24/Date-confirm4x.png" data-mid="11554377" border="0" src="https://freight.cargo.site/w/1000/i/6536cfa31cd1b32b6d5471ca26dc8db6bc46c6203b980357e50ab9de1a713c24/Date-confirm4x.png" /> During the research, we were inspired by Oscar Health ‘get a quote‘ immersive interface. We decided to take the full screen with large texts and change the voice tone like a conversation to engage users in the donation process. Shop and Donation <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/3cc570d39335b01082487c0571de917f6ff44593a37497f305dbbf11d475e335/Shop4x.jpg" data-mid="11554804" border="0" src="https://freight.cargo.site/w/1000/i/3cc570d39335b01082487c0571de917f6ff44593a37497f305dbbf11d475e335/Shop4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/bf6f8059a4bd6405ea9b21ac78c6adc8eaabe61c169a264c8aee916edb75335e/Porka-dot4x.jpg" data-mid="11554792" border="0" src="https://freight.cargo.site/w/1000/i/bf6f8059a4bd6405ea9b21ac78c6adc8eaabe61c169a264c8aee916edb75335e/Porka-dot4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/cc60e4783d874654374c377aa67b26d7def3abee0ac864929bc40c7e27535035/Cart4x.jpg" data-mid="11554794" border="0" src="https://freight.cargo.site/w/1000/i/cc60e4783d874654374c377aa67b26d7def3abee0ac864929bc40c7e27535035/Cart4x.jpg" /> <img width="16392" height="10376" width_o="16392" height_o="10376" data-src="https://freight.cargo.site/t/original/i/578b1fbf2acc3f1097f87477a054a71833773db56fecb6f0b526bd7fcaad53ce/Payment4x.jpg" data-mid="11554793" border="0" src="https://freight.cargo.site/w/1000/i/578b1fbf2acc3f1097f87477a054a71833773db56fecb6f0b526bd7fcaad53ce/Payment4x.jpg" /> When users shop used clothes, the primary information is the size and condition of clothes. By giving clear hierarchy on that information, users can clearly navigate the shop page. As we set our goal before, our main goal is building a eco-system that donation and shop happens in one space. To make the platform stronger, we put ‘Apply Credit’ section in their payment, so they can use the credits from their previous donation. Also when they process payment, they can choose whether they have clothes for donation or not. By putting donation in payment process, we try not to miss the opportunity of donation. https://itsjlee.com/Stylink Thu, 23 Nov 2017 01:53:36 +0000 Jane Lee https://itsjlee.com/Stylink Stylink: Seamless shopping experience that maximizes the traveler’s limited schedule <img width="10124" height="5992" width_o="10124" height_o="5992" data-src="https://freight.cargo.site/t/original/i/87afe3565bcda243ba247d9952890923f9dd1d1e46d28103a18c96b029985e4b/research4x.jpg" data-mid="7758777" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/87afe3565bcda243ba247d9952890923f9dd1d1e46d28103a18c96b029985e4b/research4x.jpg" /> Date &nbsp;August 2016 - December 2016 My RoleProduct Design, UX Design Team Dido Rwaka - MarketingYanting Yao - Fashion DesignAdriana Ascanio - Fashion Design Challenge + ApproachIn my Creative Entrepreneurship course, my team noticed that shopping was a big part of the traveling experience for Chinese tourists and that Chinese tourists often were unable to purchase the products they wanted. By interviewing Chinese traveler shoppers, we learned that most tourists come to luxury stores to look for specific items. The driving force behind the trend of shopping in foreign countries and cities such as New York, London or Paris is due to the import duties and other taxes that add up to 60% on top of the original product’s price when purchased in China. However, more often than not, traveler shoppers find some difficulty in securing and purchasing their desired products in the alloted time that they have in their traveling schedule. Process User Interview As the users and target audience of this product were specifically focused on traveler shoppers from Asia (especially China). We interviewed tourists in shopping districts in New York.Interview questions probed at gaining a better understanding of the main frustrations within the shopping industry and the relationships people have with their sales associations. 1. 34 th Street, Macy’s, New York Mrs. Lee, 45 years old, from ChinaShe came to New York for travel, this was her first time traveling abroad, and she said she also had some friends who were asking her to buy some things as a favor. She had a long shopping list, but she didn’t know where to find any items, or how she could manage to buy these within a few days. 2. 5th Ave, New York Mr. &amp; Mrs. Chen, 42 and 40 years old, from China Mr.Chen spoke some English, so he could use simple words to communicate with sales representatives. However, the item they had spent days looking for, was not in stock at the store they were at, and was only available at another store in Soho. Mr. Chen did not know where Soho was, how to get there, or that the Soho store was already closed.&nbsp; 3. 5th Ave, New York Miss Liu, 26 years old, from Chengdu, China Miss Liu came to New York for the shopping and the food. As a foodie, she had many target places, restaurants that she wanted to visit, and a long shopping-list as well. She was in a Saint Laurent store on 5th Ave to purchase a particular bag that was only available in the Soho location. Her 6 pm restaurant reservation caused a schedule conflict for her, and she did not have extra time in her schedule to go out of her way again the next day. Even if she did, she wouldn’t have any guarentees that the item would still be in stock.&nbsp; Research <img width="10124" height="4460" width_o="10124" height_o="4460" data-src="https://freight.cargo.site/t/original/i/1219020fe9900a5be457bb47f2b561dcc927b743d3d2c97d6ff3d8840697b5bb/research24x.jpg" data-mid="8186135" border="0" src="https://freight.cargo.site/w/1000/i/1219020fe9900a5be457bb47f2b561dcc927b743d3d2c97d6ff3d8840697b5bb/research24x.jpg" /> We also researched the influence that Chinese shopping had on luxury fashion industry. NYC alone had 950,000 visitors from China in 2016 and Chinese tourists spent approximately $855,000 only in New York that year. Chinese shopping expenditure is growing larger than domestic shopping expenditure, and the luxury brand companies are already aware of the growing Chinese traveler shopper market. They are already looking for ways to improve the traveler shoppers’ shopping experience.&nbsp; Moreover, we interviewed salespeople in luxury boutiques in order to gain another perspective on difficulties with satisfying Chinese consumer demands. Opportunity&nbsp;<img width="8296" height="2748" width_o="8296" height_o="2748" data-src="https://freight.cargo.site/t/original/i/dab572e70419225153cff8cc8f12ce4f3060820959dda1e129b818f2742ec9c4/oportunity.jpg" data-mid="8214896" border="0" src="https://freight.cargo.site/w/1000/i/dab572e70419225153cff8cc8f12ce4f3060820959dda1e129b818f2742ec9c4/oportunity.jpg" />After gathering all of our interviews and research, we found that traveler shoppers are having trouble with finding their products in a limited time and with the language barrier ruining their shopping experience. Also, sales associates wanted to improve their communication with Chinese customers since most of domestic shoppers use online instead of stores. Why direct connection with the sales associates and not the brand? In the interviews with the sales associates, we found that many stores had to turn away Chinese traveler-shoppers when the products they had brought pictures of, were not in stock. Connecting the consumer directly to the sales associates on the floor ensures accurate communication of the availability of products in different locations. Even though some companies do have product locators, there is no universal platform for users to shop for different products from different brands and there is no guarentee that the stock lists are up to date, live. Connecting consumers to sales associates guarentees greater communication and better service rendered. Solution A platform where traveler shoppers can easily reserve luxury products for purchase before arriving in their destination countries and have a seamless experience with sales associate when purchasing their products.After synthesizing our data and generating key insights into problems to solve, we decided that we wanted to address these three aspects with our product: <img width="8296" height="2120" width_o="8296" height_o="2120" data-src="https://freight.cargo.site/t/original/i/de04fb15026b834cae7f4012c155f6c4bb07f9caa683101b17426146b34822dc/research4x.jpg" data-mid="8184162" border="0" src="https://freight.cargo.site/w/1000/i/de04fb15026b834cae7f4012c155f6c4bb07f9caa683101b17426146b34822dc/research4x.jpg" /> Personas <img width="8296" height="2924" width_o="8296" height_o="2924" data-src="https://freight.cargo.site/t/original/i/d9b4f0e400651d03257058baa33df9cd760ad808d937b7ac5efe87c0ca05696b/persona.jpg" data-mid="8263439" border="0" src="https://freight.cargo.site/w/1000/i/d9b4f0e400651d03257058baa33df9cd760ad808d937b7ac5efe87c0ca05696b/persona.jpg" /> Scenario Walkthrough <img width="10124" height="7484" width_o="10124" height_o="7484" data-src="https://freight.cargo.site/t/original/i/326712423f76b2938794e9c62a6b75ee7b1955ea3aaf5bda513c7cb596fa9f47/1.jpg" data-mid="8371821" border="0" src="https://freight.cargo.site/w/1000/i/326712423f76b2938794e9c62a6b75ee7b1955ea3aaf5bda513c7cb596fa9f47/1.jpg" /> <img width="10124" height="7484" width_o="10124" height_o="7484" data-src="https://freight.cargo.site/t/original/i/8eea30148ea9cca0a56279d4e84f35943aae4375afb9700e72918dac2bb36c31/2.jpg" data-mid="8371822" border="0" src="https://freight.cargo.site/w/1000/i/8eea30148ea9cca0a56279d4e84f35943aae4375afb9700e72918dac2bb36c31/2.jpg" /> <img width="10124" height="7484" width_o="10124" height_o="7484" data-src="https://freight.cargo.site/t/original/i/288c3838923d648abf2a3dbccec6b8844a2e221031f8030d07479cf35af969ab/3.jpg" data-mid="8371823" border="0" src="https://freight.cargo.site/w/1000/i/288c3838923d648abf2a3dbccec6b8844a2e221031f8030d07479cf35af969ab/3.jpg" /> <img width="10124" height="5520" width_o="10124" height_o="5520" data-src="https://freight.cargo.site/t/original/i/715b2bfb88b4bc4e160a4aaef3be2a65e021f2c26f3220e355ef5dfd5322d2ca/4.jpg" data-mid="8371824" border="0" src="https://freight.cargo.site/w/1000/i/715b2bfb88b4bc4e160a4aaef3be2a65e021f2c26f3220e355ef5dfd5322d2ca/4.jpg" /> <img width="10124" height="5520" width_o="10124" height_o="5520" data-src="https://freight.cargo.site/t/original/i/d7d7a7f44f47525a75c7ce311c38da22d553a85da79ac2068705148093553651/5.jpg" data-mid="8371825" border="0" src="https://freight.cargo.site/w/1000/i/d7d7a7f44f47525a75c7ce311c38da22d553a85da79ac2068705148093553651/5.jpg" /> <img width="10124" height="5520" width_o="10124" height_o="5520" data-src="https://freight.cargo.site/t/original/i/ad00e95b163e1bb933a044bd421ab16ef7e60e44469e5c68304df3f03d286b78/6.jpg" data-mid="8371826" border="0" src="https://freight.cargo.site/w/1000/i/ad00e95b163e1bb933a044bd421ab16ef7e60e44469e5c68304df3f03d286b78/6.jpg" /> <img width="10124" height="5520" width_o="10124" height_o="5520" data-src="https://freight.cargo.site/t/original/i/d4256b4bd70786efd30246fa2c2859232e6777c5a5c54a164a04a0b77eeec794/7.jpg" data-mid="8371828" border="0" src="https://freight.cargo.site/w/1000/i/d4256b4bd70786efd30246fa2c2859232e6777c5a5c54a164a04a0b77eeec794/7.jpg" /> Prototype Video https://itsjlee.com/What-are-we-busy-with Thu, 23 Nov 2017 01:53:39 +0000 Jane Lee https://itsjlee.com/What-are-we-busy-with What are we busy with: An automaton that exhibits the lack of physical human interaction around the traditional dining table <img width="9956" height="5904" width_o="9956" height_o="5904" data-src="https://freight.cargo.site/t/original/i/13ac86d6ee4e3581cc6de3ea4a05bb78bc907b95fe0ae5f515c8d6a2f96d1bbc/1.jpg" data-mid="7101177" border="0" src="https://freight.cargo.site/w/1000/i/13ac86d6ee4e3581cc6de3ea4a05bb78bc907b95fe0ae5f515c8d6a2f96d1bbc/1.jpg" /> ApproachIn Core Computing Studio, I had the chance to use HTML and Javascript to create an automaton (a self-operating machine/control mechanism designed to automatically follow a predetermined sequence of operations). It was interesting to develop a web platform which counter-intuitively doesn’t allow any user input and operates by itself. But it was also very challenging to think about the user experience from start to the finish when there is no user input. In order to orient myself, I started to consider this project as an auto play video made with code and started to question what the audience could take away after they experience this automaton. The Idea“What Are We Busy With” is an automaton that raises awareness of the issues of eating and human interaction by highlighting the lack of physical social interaction in modern daily lives. Many people live alone and are overwhelmed by their busy lives. We don't have time to have a proper dinner with family, friends and the people we love. We just grab some food and drink, and sit with a laptop or a cell phone. Eating is not a really big part of our lives these days. There is a cold dining table that nobody really uses. We are missing the opportunity to share a daily experience with our families and the people we love. Process<img width="1888" height="704" width_o="1888" height_o="704" data-src="https://freight.cargo.site/t/original/i/cd6e584859838beccb058c3040e0efc59e7bfe0dccc5861fcba7e958b297828e/IMG_0226.JPG" data-mid="8128995" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/cd6e584859838beccb058c3040e0efc59e7bfe0dccc5861fcba7e958b297828e/IMG_0226.JPG" />Original StorylineThe story of one person. It shows the person’s day of having his/her meal alone in front of the computer and showing the contrast between the big empty dining table and the person. The person’s story of eating alone is displayed by the images that interchange with the dining table. It will also emphasize the loneliness and emptiness through the screen changing between the dining room and a person eating alone.&nbsp; <img width="2496" height="800" width_o="2496" height_o="800" data-src="https://freight.cargo.site/t/original/i/ce14417ab47df8fa3ee1fa9c86bc78f296a95a63213af7f0ad3961323c349e07/IMG_0227.JPG" data-mid="8128994" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/ce14417ab47df8fa3ee1fa9c86bc78f296a95a63213af7f0ad3961323c349e07/IMG_0227.JPG" />Storyline Iteration The second storyboard was an idea that came from the concept of using Pop-Up boxes in javascript. During the project, I realized I could control the timing of a pop-up box when using Javascript. I also received a huge influence from&nbsp;Thewildernessdowntown. Eventually, I came up with the idea of treating each screen as a &nbsp;metaphor for seperate individuals and using the disconnected pop-up screens as a metaphor for the disconnected human interaction. Contents <img width="3300" height="2500" width_o="3300" height_o="2500" data-src="https://freight.cargo.site/t/original/i/0c1a69acbcfd94b1fe0434567c4e51c7408388cd26cacf05e2c2088a98428e4d/Table.jpg" data-mid="8129136" border="0" data-scale="96" src="https://freight.cargo.site/w/1000/i/0c1a69acbcfd94b1fe0434567c4e51c7408388cd26cacf05e2c2088a98428e4d/Table.jpg" /> <img width="335" height="228" width_o="335" height_o="228" data-src="https://freight.cargo.site/t/original/i/966e1ee668b0e2e683dbea33d16271169bce194fe8ec1df9c1b552688c630503/turkey.png" data-mid="8129139" border="0" data-scale="77" src="https://freight.cargo.site/w/335/i/966e1ee668b0e2e683dbea33d16271169bce194fe8ec1df9c1b552688c630503/turkey.png" /> Main Background The story begins and is set in an empty dining room. Next, a turkey is placed on the middle of the dining table and stays there for the duration of the automaton’s process. <img width="1036" height="702" width_o="1036" height_o="702" data-src="https://freight.cargo.site/t/original/i/1692e3c9ce235401eac20bec1117d4b666274b226f8f8dd1bcf8c4ce4a8add31/Screen-Shot-2017-01-05-at-8.03.10-PM-copy.png" data-mid="8130436" border="0" src="https://freight.cargo.site/w/1000/i/1692e3c9ce235401eac20bec1117d4b666274b226f8f8dd1bcf8c4ce4a8add31/Screen-Shot-2017-01-05-at-8.03.10-PM-copy.png" /> <img width="991" height="797" width_o="991" height_o="797" data-src="https://freight.cargo.site/t/original/i/3b86ac58268b0d353d5f689735b21c4b15a468be958e32bfed65d325e6ad87a6/Screen-Shot-2017-01-05-at-8.04.01-PM-copy-2.png" data-mid="8130438" border="0" src="https://freight.cargo.site/w/991/i/3b86ac58268b0d353d5f689735b21c4b15a468be958e32bfed65d325e6ad87a6/Screen-Shot-2017-01-05-at-8.04.01-PM-copy-2.png" /> <img width="1054" height="638" width_o="1054" height_o="638" data-src="https://freight.cargo.site/t/original/i/bdc9d2cdcb23c7475bc88e3ca3bc473a2c98a3e87cc3fb08c27fcdd77e28297e/Screen-Shot-2017-01-05-at-8.04.01-PM.png" data-mid="8130437" border="0" src="https://freight.cargo.site/w/1000/i/bdc9d2cdcb23c7475bc88e3ca3bc473a2c98a3e87cc3fb08c27fcdd77e28297e/Screen-Shot-2017-01-05-at-8.04.01-PM.png" /> Pop-up screens&nbsp; The content of the pop-up screens are videos- some black and white- of actual things and people. This creates a distinctive contrast between the pop-up screens and the warmth of the dining table and turkey drawings. Timing and Positioning&nbsp;Pop-up Screens &nbsp;(coding process) The exact timing of the pop up screens appearance and disappearance were set using the “setTimeout()” method in Javascript. The positioning of the pop-up screens were set using the XY position. &nbsp;The method of narration was using the timings and positionings of the pop-up screens in order to convey the story. Possible Displays <img width="5184" height="3456" width_o="5184" height_o="3456" data-src="https://freight.cargo.site/t/original/i/19562d09d9e060a5b73b2e2e166adb8656a646f414d208ff4ac3210f954fd18b/45sjajsjarq-jose-martin.jpg" data-mid="7952028" border="0" src="https://freight.cargo.site/w/1000/i/19562d09d9e060a5b73b2e2e166adb8656a646f414d208ff4ac3210f954fd18b/45sjajsjarq-jose-martin.jpg" /> <img width="1000" height="784" width_o="1000" height_o="784" data-src="https://freight.cargo.site/t/original/i/1d62886c0d88e9fc0307a0bc336a5056f83acda11028f86f045224e5d82fa6a3/1.jpg" data-mid="7952038" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/1d62886c0d88e9fc0307a0bc336a5056f83acda11028f86f045224e5d82fa6a3/1.jpg" /> I image one using this project as a public campaign that is placed in public settings with a lot of exposure such as major tranportation hubs or locations like subways, train stations and Wall Street.&nbsp; Final Work Visit Site Jane1119.github.io (Ideal Screen Size: 1424*785) Screens<img width="2885" height="1746" width_o="2885" height_o="1746" data-src="https://freight.cargo.site/t/original/i/ccf51434aebdd052c8f1a6e016c6f14869e16fa6496ec01625b47bb498b0d52a/Screen-Shot-2017-01-05-at-8.03.10-PM.png" data-mid="7952830" border="0" src="https://freight.cargo.site/w/1000/i/ccf51434aebdd052c8f1a6e016c6f14869e16fa6496ec01625b47bb498b0d52a/Screen-Shot-2017-01-05-at-8.03.10-PM.png" /> <img width="2888" height="1732" width_o="2888" height_o="1732" data-src="https://freight.cargo.site/t/original/i/340bfd119f595a579ada28955640440b5e65615834833710bff81a25f924e70d/Screen-Shot-2017-01-05-at-8.04.01-PM.png" data-mid="7952833" border="0" src="https://freight.cargo.site/w/1000/i/340bfd119f595a579ada28955640440b5e65615834833710bff81a25f924e70d/Screen-Shot-2017-01-05-at-8.04.01-PM.png" /> <img width="2889" height="1742" width_o="2889" height_o="1742" data-src="https://freight.cargo.site/t/original/i/1dfaa87acd8a6c2f101875ff90b47fa5eb41f979271ce9f2628b02ae2c21d1c1/Screen-Shot-2017-01-05-at-8.04.36-PM.png" data-mid="7952834" border="0" src="https://freight.cargo.site/w/1000/i/1dfaa87acd8a6c2f101875ff90b47fa5eb41f979271ce9f2628b02ae2c21d1c1/Screen-Shot-2017-01-05-at-8.04.36-PM.png" /> <img width="2892" height="1744" width_o="2892" height_o="1744" data-src="https://freight.cargo.site/t/original/i/21957d4202f37b0b03c665282ebeea4529f3652aa3594e2218a31ba20fe2012d/Screen-Shot-2017-01-05-at-8.05.21-PM.png" data-mid="7952835" border="0" src="https://freight.cargo.site/w/1000/i/21957d4202f37b0b03c665282ebeea4529f3652aa3594e2218a31ba20fe2012d/Screen-Shot-2017-01-05-at-8.05.21-PM.png" /> <img width="2886" height="1746" width_o="2886" height_o="1746" data-src="https://freight.cargo.site/t/original/i/b5b907747b9a37673261f1b354997d8a03dcceb6772bcbc8fecb76af3ed67088/Screen-Shot-2017-01-05-at-8.05.33-PM.png" data-mid="7952836" border="0" src="https://freight.cargo.site/w/1000/i/b5b907747b9a37673261f1b354997d8a03dcceb6772bcbc8fecb76af3ed67088/Screen-Shot-2017-01-05-at-8.05.33-PM.png" />*Video Credits vimeo.com/92040599 vimeo.com/74610043vimeo.com/110834615 vimeo.com/34828666 vimeo.com/15595689 vimeo.com/10669614 vimeo.com/150304271vimeo.com/51875528 vimeo.com/58317727 vimeo.com/6141438vimeo.com/83931989 vimeo.com/143249082 vimeo.com/36752480 www.youtube.com/watch?v=V6-0kYhqoRo https://itsjlee.com/Creative-Coding-Graphic-Design Thu, 23 Nov 2017 01:53:40 +0000 Jane Lee https://itsjlee.com/Creative-Coding-Graphic-Design <img width="640" height="636" width_o="640" height_o="636" data-src="https://freight.cargo.site/t/original/i/2ad07b663003de4d768d0e4d78656d1ea20f478e206505856c53ee59d0418dda/1.gif" data-mid="7101183" border="0" src="https://freight.cargo.site/w/640/i/2ad07b663003de4d768d0e4d78656d1ea20f478e206505856c53ee59d0418dda/1.gif" /> <img width="640" height="664" width_o="640" height_o="664" data-src="https://freight.cargo.site/t/original/i/4cdd6e414a5fc23c62010d465b9b76be781c42dd7edee8d63bf9ff1d0f883731/3-5.gif" data-mid="7101187" border="0" src="https://freight.cargo.site/w/640/i/4cdd6e414a5fc23c62010d465b9b76be781c42dd7edee8d63bf9ff1d0f883731/3-5.gif" /> <img width="640" height="640" width_o="640" height_o="640" data-src="https://freight.cargo.site/t/original/i/d94b7d2b35cfeee27a425bb9583481174f9b8058a142c3d15b98b0884f5bc9e8/6-5.gif" data-mid="7101180" border="0" src="https://freight.cargo.site/w/640/i/d94b7d2b35cfeee27a425bb9583481174f9b8058a142c3d15b98b0884f5bc9e8/6-5.gif" /> <img width="640" height="637" width_o="640" height_o="637" data-src="https://freight.cargo.site/t/original/i/4328fb820f644074fd300d87247bea73a44b47eb373919d357594b12e35ec0c1/5-5.gif" data-mid="7101179" border="0" src="https://freight.cargo.site/w/640/i/4328fb820f644074fd300d87247bea73a44b47eb373919d357594b12e35ec0c1/5-5.gif" /> <img width="640" height="642" width_o="640" height_o="642" data-src="https://freight.cargo.site/t/original/i/c53739ecab16d7cbc1336829cc4ad0c157075f2530d57a9ca415d11273484a47/4-3.gif" data-mid="7101182" border="0" src="https://freight.cargo.site/w/640/i/c53739ecab16d7cbc1336829cc4ad0c157075f2530d57a9ca415d11273484a47/4-3.gif" /> <img width="640" height="640" width_o="640" height_o="640" data-src="https://freight.cargo.site/t/original/i/a03ff69754231b23ceff24cc7600d712580ab96c5619d20f88fab943fda9078e/4-5.gif" data-mid="7101185" border="0" src="https://freight.cargo.site/w/640/i/a03ff69754231b23ceff24cc7600d712580ab96c5619d20f88fab943fda9078e/4-5.gif" /> <img width="640" height="878" width_o="640" height_o="878" data-src="https://freight.cargo.site/t/original/i/476bd8d871118592e301167404a3a6e3bd30736817929fc6f1dd96765f799d33/3-6.gif" data-mid="7101184" border="0" src="https://freight.cargo.site/w/640/i/476bd8d871118592e301167404a3a6e3bd30736817929fc6f1dd96765f799d33/3-6.gif" /> <img width="640" height="638" width_o="640" height_o="638" data-src="https://freight.cargo.site/t/original/i/779dac4009ca8bd783993887c8295ea55f7c253e40ffaf2df501e2e2da18dac7/4-2.gif" data-mid="7101189" border="0" src="https://freight.cargo.site/w/640/i/779dac4009ca8bd783993887c8295ea55f7c253e40ffaf2df501e2e2da18dac7/4-2.gif" /> <img width="640" height="640" width_o="640" height_o="640" data-src="https://freight.cargo.site/t/original/i/2ff850c9c401c3ac1b35da868da336fad4f777ee44801f97876660ce569bb309/4-4.gif" data-mid="7101181" border="0" src="https://freight.cargo.site/w/640/i/2ff850c9c401c3ac1b35da868da336fad4f777ee44801f97876660ce569bb309/4-4.gif" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/4f00ca94e5104dd1de447b7504f1ceee6ed0758f9da296b53e151c419c07206d/13.jpg" data-mid="7101192" border="0" src="https://freight.cargo.site/w/1000/i/4f00ca94e5104dd1de447b7504f1ceee6ed0758f9da296b53e151c419c07206d/13.jpg" /> <img width="2246" height="1724" width_o="2246" height_o="1724" data-src="https://freight.cargo.site/t/original/i/1039b2c0ec5d1dc55ee32093b92a998a4f28548f5d9d934020867f542c85e513/Screen-Shot-2017-12-24-at-1.46.45-AM.png" data-mid="8370985" border="0" src="https://freight.cargo.site/w/1000/i/1039b2c0ec5d1dc55ee32093b92a998a4f28548f5d9d934020867f542c85e513/Screen-Shot-2017-12-24-at-1.46.45-AM.png" /> <img width="4995" height="3199" width_o="4995" height_o="3199" data-src="https://freight.cargo.site/t/original/i/f3517072d0694f0000c63da9cec148f93fa4da26ddeb7607b8dbf5b62028bba2/web-03.jpg" data-mid="11496064" border="0" src="https://freight.cargo.site/w/1000/i/f3517072d0694f0000c63da9cec148f93fa4da26ddeb7607b8dbf5b62028bba2/web-03.jpg" /> <img width="4945" height="3107" width_o="4945" height_o="3107" data-src="https://freight.cargo.site/t/original/i/48073adc663cee53193858d11360eb3c2b11e7bf9c8e33389f6c41e45193f29c/1.jpg" data-mid="11496065" border="0" src="https://freight.cargo.site/w/1000/i/48073adc663cee53193858d11360eb3c2b11e7bf9c8e33389f6c41e45193f29c/1.jpg" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/ba93a7c71ba2453612bbdbd2ceccb163e61a611299eee99becd49008c111dc05/6.jpg" data-mid="7101191" border="0" src="https://freight.cargo.site/w/1000/i/ba93a7c71ba2453612bbdbd2ceccb163e61a611299eee99becd49008c111dc05/6.jpg" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/50a8a13927edf9c5f6db93b87ff96f031dd68da305b01b74536d51bff6403ca3/1-1.jpg" data-mid="7101190" border="0" src="https://freight.cargo.site/w/1000/i/50a8a13927edf9c5f6db93b87ff96f031dd68da305b01b74536d51bff6403ca3/1-1.jpg" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/72f3130974c6ba42ad9f8c477185fdf4fa52810d440398de0fea11bc205c2d6e/Book8.jpg" data-mid="7101195" border="0" src="https://freight.cargo.site/w/1000/i/72f3130974c6ba42ad9f8c477185fdf4fa52810d440398de0fea11bc205c2d6e/Book8.jpg" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/d05d4dbb6951f02baf2056c79802abffe5e118629940bab9bdc418a928f56891/Book9.jpg" data-mid="7101194" border="0" src="https://freight.cargo.site/w/1000/i/d05d4dbb6951f02baf2056c79802abffe5e118629940bab9bdc418a928f56891/Book9.jpg" /> <img width="7000" height="6400" width_o="7000" height_o="6400" data-src="https://freight.cargo.site/t/original/i/1258915179f5a5866809fdce863a49c4311424727163e4de2d3dd028bcd90c88/book1.jpg" data-mid="7101193" border="0" src="https://freight.cargo.site/w/1000/i/1258915179f5a5866809fdce863a49c4311424727163e4de2d3dd028bcd90c88/book1.jpg" /> <img width="1512" height="1008" width_o="1512" height_o="1008" data-src="https://freight.cargo.site/t/original/i/39e28a56408f18e4f4a46c15d8e6316c0266db755222b93c6a47ef7b1c04b191/Event-calendar-3.jpg" data-mid="7101196" border="0" src="https://freight.cargo.site/w/1000/i/39e28a56408f18e4f4a46c15d8e6316c0266db755222b93c6a47ef7b1c04b191/Event-calendar-3.jpg" /> <img width="1728" height="2592" width_o="1728" height_o="2592" data-src="https://freight.cargo.site/t/original/i/12beab9467637eef5aa02d240801ce3c01eda28fede4e72b746240958c4d332c/Single-event.jpg" data-mid="7101197" border="0" src="https://freight.cargo.site/w/1000/i/12beab9467637eef5aa02d240801ce3c01eda28fede4e72b746240958c4d332c/Single-event.jpg" /> <img width="1728" height="2592" width_o="1728" height_o="2592" data-src="https://freight.cargo.site/t/original/i/4dabfce261f55c7f1d27b401cb8f2fbaafe0196a17f0928a933e7c37fb82067a/Single-event2.jpg" data-mid="7101198" border="0" src="https://freight.cargo.site/w/1000/i/4dabfce261f55c7f1d27b401cb8f2fbaafe0196a17f0928a933e7c37fb82067a/Single-event2.jpg" /> <img width="4200" height="6300" width_o="4200" height_o="6300" data-src="https://freight.cargo.site/t/original/i/8448d2c89bb35794108cb70782cfe6b37e7b32d4efa68c8accc6ecd94cb97304/Event-Calendar-1.jpg" data-mid="7101199" border="0" src="https://freight.cargo.site/w/1000/i/8448d2c89bb35794108cb70782cfe6b37e7b32d4efa68c8accc6ecd94cb97304/Event-Calendar-1.jpg" /> $(".move-area").mousemove(function(event) { var eye = $(".eye"); var x = (eye.offset().left) + (eye.width() / 2); var y = (eye.offset().top) + (eye.height() / 2); var rad = Math.atan2(event.pageX - x, event.pageY - y); var rot = (rad * (180 / Math.PI) * -1) + 180; eye.css({ '-webkit-transform': 'rotate(' + rot + 'deg)', '-moz-transform': 'rotate(' + rot + 'deg)', '-ms-transform': 'rotate(' + rot + 'deg)', 'transform': 'rotate(' + rot + 'deg)' }); });