https://jstephenlee.cargo.site J. Stephen Lee Tue, 04 Mar 2025 23:24:09 +0000 https://jstephenlee.cargo.site en https://jstephenlee.cargo.site/Home-Image-Scroll Sun, 31 May 2020 04:24:38 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Home-Image-Scroll <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/36a9a5e8df6d18e3b125d952851369f88d062e0bf6f5dcf0b592cc3dcce197f7/sssMaterialsRender1.png" data-mid="73024089" border="0" src="https://freight.cargo.site/w/1000/i/36a9a5e8df6d18e3b125d952851369f88d062e0bf6f5dcf0b592cc3dcce197f7/sssMaterialsRender1.png" /> <img width="2550" height="3300" width_o="2550" height_o="3300" data-src="https://freight.cargo.site/t/original/i/52aae98494340ce82eb377e644d85132341ed766e6745858739fb86059547107/Han-01.png" data-mid="76788882" border="0" src="https://freight.cargo.site/w/1000/i/52aae98494340ce82eb377e644d85132341ed766e6745858739fb86059547107/Han-01.png" /> <img width="2967" height="2967" width_o="2967" height_o="2967" data-src="https://freight.cargo.site/t/original/i/94864c29a7bd7f91cb75cc0e8a31490aa74117f82329377a7af6c75db854b1b5/RisoRoom_SP19.JPG" data-mid="77730439" border="0" src="https://freight.cargo.site/w/1000/i/94864c29a7bd7f91cb75cc0e8a31490aa74117f82329377a7af6c75db854b1b5/RisoRoom_SP19.JPG" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ac6c5a82f373d936ebc989076f1c935bab13f67945a79a4b312396b9571b7e8c/flowers2_0004.png" data-mid="73024185" border="0" src="https://freight.cargo.site/w/1000/i/ac6c5a82f373d936ebc989076f1c935bab13f67945a79a4b312396b9571b7e8c/flowers2_0004.png" /> <img width="1461" height="2314" width_o="1461" height_o="2314" data-src="https://freight.cargo.site/t/original/i/faf5afea48561a1d932baf7005b814b425137d1947a7e73b24fff0b086f6d604/DES399.JPG" data-mid="77730474" border="0" src="https://freight.cargo.site/w/1000/i/faf5afea48561a1d932baf7005b814b425137d1947a7e73b24fff0b086f6d604/DES399.JPG" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fcb1b7212a1205ddbad991ca1aa8ea27b406f89345c3787111f9dac6881fe58d/05D2AA31-0EBE-411C-B866-629E70D50E32.JPG" data-mid="77730494" border="0" src="https://freight.cargo.site/w/1000/i/fcb1b7212a1205ddbad991ca1aa8ea27b406f89345c3787111f9dac6881fe58d/05D2AA31-0EBE-411C-B866-629E70D50E32.JPG" /> &lt; https://jstephenlee.cargo.site/Nike-Careers-Site Tue, 04 Mar 2025 23:24:09 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Nike-Careers-Site Nike Careers Site Role: UX/UI, Design, Art DirectionAfter many years of existence, the website for job candidates at Nike had become bloated with unnecessary pages and was visually disconnected from Nike’s other digital offerings. Working with numerous external and internal partners, our team at Nike redesigned the Nike Careers website to simply the candidate experience across major hiring initiatives. Since much of the site’s traffic came from mobile devices, we opted for a mobile-first approach that was then adapted for desktop. My role included user experience testing, prototyping in Figma, and providing feedback during the design and build phases. Through the process, we leveraged Nike’s Podium Design System to create a site that more closely resembled the consumer experience for candidates. View the site at nike.com/careers. <img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/2060bcdc5348e2f753082b595bcdff2f491d9117e429d19a6bb68c15dce14f49/nikeCareerSite_home.jpg" data-mid="227653755" border="0" src="https://freight.cargo.site/w/1000/i/2060bcdc5348e2f753082b595bcdff2f491d9117e429d19a6bb68c15dce14f49/nikeCareerSite_home.jpg" /><img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/52c5f5ca2d85b4a2bee10ed4b7b25ff2a7f4c32fe47b88953ba1cd549cc75c14/nikeCareerSite_others.jpg" data-mid="227653756" border="0" src="https://freight.cargo.site/w/1000/i/52c5f5ca2d85b4a2bee10ed4b7b25ff2a7f4c32fe47b88953ba1cd549cc75c14/nikeCareerSite_others.jpg" /> <img width="1336" height="1368" width_o="1336" height_o="1368" data-src="https://freight.cargo.site/t/original/i/f85bbe3269243614e9082abca602abe48c4082a25976659e63311f3da998fa36/IMG_4915.PNG" data-mid="228224232" border="0" data-scale="64" src="https://freight.cargo.site/w/1000/i/f85bbe3269243614e9082abca602abe48c4082a25976659e63311f3da998fa36/IMG_4915.PNG" /> https://jstephenlee.cargo.site/Nike-Craft-The-Future Fri, 25 Oct 2024 22:04:48 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Nike-Craft-The-Future Nike Craft The Future Role: Design/Art Direction/MotionWorking with Hovercraft Studio, our team at Nike delivered a comprehensive campaign to recruit designers to Nike. Deliverables included videos and images for social media, and a visual center to be used for other assets.&nbsp; Watch the videos here. <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/0e136463a982c1d2c49fc53465ff7620aa9ee5fe775ea9633eadcca08fdf3210/elevated-carousel2.gif" data-mid="220327962" border="0" src="https://freight.cargo.site/w/960/i/0e136463a982c1d2c49fc53465ff7620aa9ee5fe775ea9633eadcca08fdf3210/elevated-carousel2.gif" /> 3D and Typographic Explorations&nbsp; <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/d3f02d5894bb34820e1c70f2474faba8872af360dd69faba957d4132718b843e/shapes5_0020.jpg" data-mid="220322066" border="0" src="https://freight.cargo.site/w/1000/i/d3f02d5894bb34820e1c70f2474faba8872af360dd69faba957d4132718b843e/shapes5_0020.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/7044dcc625513f57a1a4e7f70aa5e7b081953d44d4da80495aeee458148ec3ea/shapes2.jpg" data-mid="220322067" border="0" src="https://freight.cargo.site/w/1000/i/7044dcc625513f57a1a4e7f70aa5e7b081953d44d4da80495aeee458148ec3ea/shapes2.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/de133a27db0a2c6b2accbd79ec8a97a31fd2db6e063675fbfa57cb7648cb5d92/shapes4.jpg" data-mid="220322068" border="0" src="https://freight.cargo.site/w/1000/i/de133a27db0a2c6b2accbd79ec8a97a31fd2db6e063675fbfa57cb7648cb5d92/shapes4.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/283abfd38782511498cd80803ecfbacc7b5ab1ec2e35a0db6eb04bd7ae38ed05/shapes6-Recovered.jpg" data-mid="220322236" border="0" src="https://freight.cargo.site/w/1000/i/283abfd38782511498cd80803ecfbacc7b5ab1ec2e35a0db6eb04bd7ae38ed05/shapes6-Recovered.jpg" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/d64e9136c1d8151fde5bfc50e6bf4b05692f1ed5f30533acfd71b9605f2176c9/shapes_animation_4c.gif" data-mid="220322416" border="0" src="https://freight.cargo.site/w/960/i/d64e9136c1d8151fde5bfc50e6bf4b05692f1ed5f30533acfd71b9605f2176c9/shapes_animation_4c.gif" /><img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/0375ccc9b81e83acd5be1449380f07a19996b73b1d6d80e8a85f19628c6727d4/shapes_animation_6.gif" data-mid="220322417" border="0" src="https://freight.cargo.site/w/960/i/0375ccc9b81e83acd5be1449380f07a19996b73b1d6d80e8a85f19628c6727d4/shapes_animation_6.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/202a2fa9daecc3f7fa9ff01e78bcf57f481e722ba12942a9c3c1a4f5bb77edb9/CraftTheFuture_v04.gif" data-mid="220322525" border="0" data-scale="36" src="https://freight.cargo.site/w/1000/i/202a2fa9daecc3f7fa9ff01e78bcf57f481e722ba12942a9c3c1a4f5bb77edb9/CraftTheFuture_v04.gif" /> https://jstephenlee.cargo.site/Nike Wed, 02 Aug 2023 18:01:38 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Nike Nike Talent Brand Role: Design/Art Direction/MotionAs a member of the Talent Brand team at Nike, I’ve worked on a number of projects directed at potential talent on LinkedIn, Glassdoor, YouTube, and other outlets. <img width="2160" height="2160" width_o="2160" height_o="2160" data-src="https://freight.cargo.site/t/original/i/1598aecd1af8d62824337cd9994844f489c32a85ef61b9a70285918a574100fe/justdoitscrolling_slow_1.gif" data-mid="220326932" border="0" data-scale="43" src="https://freight.cargo.site/w/1000/i/1598aecd1af8d62824337cd9994844f489c32a85ef61b9a70285918a574100fe/justdoitscrolling_slow_1.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1a87943dbea8d4bb12298aa300c9dfd6e5b09ce05a53749f5fa58d86fec6653c/AnimatedLogosRow_small.gif" data-mid="220326903" border="0" data-scale="57" src="https://freight.cargo.site/w/1000/i/1a87943dbea8d4bb12298aa300c9dfd6e5b09ce05a53749f5fa58d86fec6653c/AnimatedLogosRow_small.gif" /> Just Joined Nike Graphics<img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dc40a2f3e6d637ef0ad1b528d76c888f86e41cd6c23cc1246a7a43050589075c/JustJoinedKineticType_2_1.gif" data-mid="186824886" border="0" src="https://freight.cargo.site/w/1000/i/dc40a2f3e6d637ef0ad1b528d76c888f86e41cd6c23cc1246a7a43050589075c/JustJoinedKineticType_2_1.gif" /> <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/e38d58b7122a3cf69b42736f36814b2de91dee55017b4d82ea7f45bc5ff07ebd/justJoinedIsometric_3.gif" data-mid="186824885" border="0" src="https://freight.cargo.site/w/1000/i/e38d58b7122a3cf69b42736f36814b2de91dee55017b4d82ea7f45bc5ff07ebd/justJoinedIsometric_3.gif" /> For the 2023 Intern Combine, a group pitch competition for interns across the organization, I designed a trophy that was 3D printed and presented to the winners. <img width="946" height="960" width_o="946" height_o="960" data-src="https://freight.cargo.site/t/original/i/bb0557e5ff8ecb7781868cbead9f9bf3bbed9bae2196ba780e8455cd62c9dec7/IMG_4916.PNG" data-mid="228224238" border="0" data-scale="56" src="https://freight.cargo.site/w/946/i/bb0557e5ff8ecb7781868cbead9f9bf3bbed9bae2196ba780e8455cd62c9dec7/IMG_4916.PNG" /><img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/f88b362d5f2f01115ba3e3c719d17bf23d8da9ad283aa592f9ac6557d3f31672/uploads_209_579708_processed_r-qZ7UuawIhWOWsuOSbD0ZnFGSbl9z1mYCXbp7t9ud.jpg" data-mid="198199535" border="0" src="https://freight.cargo.site/w/1000/i/f88b362d5f2f01115ba3e3c719d17bf23d8da9ad283aa592f9ac6557d3f31672/uploads_209_579708_processed_r-qZ7UuawIhWOWsuOSbD0ZnFGSbl9z1mYCXbp7t9ud.jpg" /><img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/f88b362d5f2f01115ba3e3c719d17bf23d8da9ad283aa592f9ac6557d3f31672/uploads_209_579708_processed_r-qZ7UuawIhWOWsuOSbD0ZnFGSbl9z1mYCXbp7t9ud.jpg" data-mid="198199535" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/f88b362d5f2f01115ba3e3c719d17bf23d8da9ad283aa592f9ac6557d3f31672/uploads_209_579708_processed_r-qZ7UuawIhWOWsuOSbD0ZnFGSbl9z1mYCXbp7t9ud.jpg" /> https://jstephenlee.cargo.site/IBM-Watson Sat, 13 Jun 2020 04:05:27 +0000 J. Stephen Lee https://jstephenlee.cargo.site/IBM-Watson IBM Watson Role: Design Lead/Art Direction Working with Mirada and director Jesus de Francisco as design lead/art director, I helped deliver an interactive installation for the IBM Watson Headquarters in New York City. The final result was a mix of programmatic and pre-rendered assets that explained Watson's capabilities and allowed viewers to navigate through various levels of content in different spaces. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/614db47440eb7594c10ce4cc621cee4de033463c7a5608e1f29303223ff571a3/IBM_Watson6.jpg" data-mid="74433156" border="0" src="https://freight.cargo.site/w/1000/i/614db47440eb7594c10ce4cc621cee4de033463c7a5608e1f29303223ff571a3/IBM_Watson6.jpg" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/e19e4e73069b692a93fb4f51d286693aef8231ea787110142bf1ef067a1e763c/IBM_Watson5.jpg" data-mid="74433157" border="0" src="https://freight.cargo.site/w/1000/i/e19e4e73069b692a93fb4f51d286693aef8231ea787110142bf1ef067a1e763c/IBM_Watson5.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/753caca3a2fe8c1a1757a84ec97dd8677509c98d634cb4748e1f53dbdce79d65/IBM_Watson3.jpg" data-mid="74433159" border="0" src="https://freight.cargo.site/w/1000/i/753caca3a2fe8c1a1757a84ec97dd8677509c98d634cb4748e1f53dbdce79d65/IBM_Watson3.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/9b74e350dc3cbceb9d8603998f5acab5336eb1d914db89e14b422204c5ee36a8/IBM_Watson2.jpg" data-mid="74433160" border="0" src="https://freight.cargo.site/w/1000/i/9b74e350dc3cbceb9d8603998f5acab5336eb1d914db89e14b422204c5ee36a8/IBM_Watson2.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/f26d9f5acfb2d7468dbe81bb43b8ba1e758abd509269c20b2a8c9a952e5fa6ba/IBM_Watson7.jpg" data-mid="74433155" border="0" src="https://freight.cargo.site/w/1000/i/f26d9f5acfb2d7468dbe81bb43b8ba1e758abd509269c20b2a8c9a952e5fa6ba/IBM_Watson7.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c770cf25b65da21d17755e44b526067a44703e6c8b1fa7034eae153b10f86a45/IBM_Watson1.jpg" data-mid="74433154" border="0" src="https://freight.cargo.site/w/1000/i/c770cf25b65da21d17755e44b526067a44703e6c8b1fa7034eae153b10f86a45/IBM_Watson1.jpg" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/3e205c3c2baf38b26f9a19095f323351053822c5743c034444f0c37c3eeeaf7f/IBM_Watson4.jpg" data-mid="74433158" border="0" src="https://freight.cargo.site/w/1000/i/3e205c3c2baf38b26f9a19095f323351053822c5743c034444f0c37c3eeeaf7f/IBM_Watson4.jpg" /> https://jstephenlee.cargo.site/UCLA Sun, 31 May 2020 04:24:39 +0000 J. Stephen Lee https://jstephenlee.cargo.site/UCLA UCLA Lighting the Way Role:&nbsp;Design&nbsp;As part of programming to celebrate UCLA’s 100th year, Royce Hall was projection mapped in front of thousands of people on May 18th, 2019. Working with a team at BeGrizzlee, I contributed visuals and concepts for some of the more abstract and graphic scenes in the show. Kommune/NoSlate animated the project.&nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="//freight.cargo.site/t/original/i/732fdcf28559d2fe4b1d67597b6d2d503c12542411c092db5ba876be51210885/RoyceHall_bg_LineArchitecture4.png" data-mid="73022753" border="0" style="width: 831.448px; height: 467.689px; display: none;"><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3fe1ba1537b27838102d21191ca6981853126b668046c013eeae369dc3578e0d/RoyceHall_bg_LineArchitecture4.png" data-mid="73022761" border="0" src="https://freight.cargo.site/w/1000/i/3fe1ba1537b27838102d21191ca6981853126b668046c013eeae369dc3578e0d/RoyceHall_bg_LineArchitecture4.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ded49f5e748d8944a52d64d59c1bc299d00997cbc640898aae572caf96e29230/RoyceHall_bg_LineArchitectureWhite.png" data-mid="74434780" border="0" src="https://freight.cargo.site/w/1000/i/ded49f5e748d8944a52d64d59c1bc299d00997cbc640898aae572caf96e29230/RoyceHall_bg_LineArchitectureWhite.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8e969d7626e1282f49b3fdcfeb8f3f86234ceb6aad26735acca8c08424a53227/RoyceHall_bg_LinePatterns2.png" data-mid="74434734" border="0" src="https://freight.cargo.site/w/1000/i/8e969d7626e1282f49b3fdcfeb8f3f86234ceb6aad26735acca8c08424a53227/RoyceHall_bg_LinePatterns2.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ff081c9ffe1f8be9071e8d03b308dfd2fcead15048a32d1a19c5f724f96a3ac6/RoyceHall_bg_LinePatterns_100.png" data-mid="77525985" border="0" src="https://freight.cargo.site/w/1000/i/ff081c9ffe1f8be9071e8d03b308dfd2fcead15048a32d1a19c5f724f96a3ac6/RoyceHall_bg_LinePatterns_100.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/49a899c7d381020a65f72287b88a80389f91f70c6c6d40d4ae9ff6b5fa934151/RoyceHall_bg_LineArchitectureWhite2.png" data-mid="74434743" border="0" src="https://freight.cargo.site/w/1000/i/49a899c7d381020a65f72287b88a80389f91f70c6c6d40d4ae9ff6b5fa934151/RoyceHall_bg_LineArchitectureWhite2.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8e5d239b0c7ac8543b3c74abf189da2741d25bf61bcac0314ab17cf79e852209/RoyceHall_bg_Dots_v001.png" data-mid="73017696" border="0" src="https://freight.cargo.site/w/1000/i/8e5d239b0c7ac8543b3c74abf189da2741d25bf61bcac0314ab17cf79e852209/RoyceHall_bg_Dots_v001.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a70bdbe308ae58341fd6e6a082c30b5875cabd75245e12b885cfeb18374c742e/RoyceHall_bg_3DExtrude_v001.png" data-mid="77525968" border="0" src="https://freight.cargo.site/w/1000/i/a70bdbe308ae58341fd6e6a082c30b5875cabd75245e12b885cfeb18374c742e/RoyceHall_bg_3DExtrude_v001.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f47b0a76b11005c651c5e9ecab71a96283cd8e1bbf4fe0bc0381d1a00213ca63/RoyceHall_bg_v004.png" data-mid="74434629" border="0" src="https://freight.cargo.site/w/1000/i/f47b0a76b11005c651c5e9ecab71a96283cd8e1bbf4fe0bc0381d1a00213ca63/RoyceHall_bg_v004.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ea4283c4776f1ba5ec9e847cc5a89aa4fda260c5e63ddaa2509e744a9baab937/RoyceHall_bg_StarsLockUp.png" data-mid="74434678" border="0" src="https://freight.cargo.site/w/1000/i/ea4283c4776f1ba5ec9e847cc5a89aa4fda260c5e63ddaa2509e744a9baab937/RoyceHall_bg_StarsLockUp.png" /> https://jstephenlee.cargo.site/Google-Cardboard Sun, 31 May 2020 07:13:35 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Google-Cardboard Google Cardboard Role: UX/Design/Animation Working with Mirada, I helped conceptualize, design, and animate user interfaces and menus for a virtual reality experience using Google Cardboard and a custom-made mobile app. While a number of a different approaches were explored, the final design was informed by Google's Material Design. <img width="1921" height="1080" width_o="1921" height_o="1080" data-src="https://freight.cargo.site/t/original/i/47fd838429af82ebf9c11d414d5cc58d3260ca91d74eb4e584c7abfc2714e927/dev_0000_menuDesign_v004.0020.png" data-mid="76787656" border="0" src="https://freight.cargo.site/w/1000/i/47fd838429af82ebf9c11d414d5cc58d3260ca91d74eb4e584c7abfc2714e927/dev_0000_menuDesign_v004.0020.png" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/400812d6583b72e98e91f35b27aa52d6b0de167f11ec398fc1dfcb7dd7639f44/f5f0ed066fe78411-MenuButtons_720.gif" data-mid="77717371" border="0" src="https://freight.cargo.site/w/1000/i/400812d6583b72e98e91f35b27aa52d6b0de167f11ec398fc1dfcb7dd7639f44/f5f0ed066fe78411-MenuButtons_720.gif" /><img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/1f4670276a33377c0a196bb5c6a775878816c372e3906c846d32365c926e971c/23f5474a22f029a4-WatchAgain_720.gif" data-mid="77717372" border="0" src="https://freight.cargo.site/w/1000/i/1f4670276a33377c0a196bb5c6a775878816c372e3906c846d32365c926e971c/23f5474a22f029a4-WatchAgain_720.gif" /> Design Explorations <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7dd4d8c587d31aecbb80ad71dad5e441ebb45d85f4de55de62e71063ad05554b/dev_0000_menuDesign_v004.0009.png" data-mid="76787644" border="0" src="https://freight.cargo.site/w/1000/i/7dd4d8c587d31aecbb80ad71dad5e441ebb45d85f4de55de62e71063ad05554b/dev_0000_menuDesign_v004.0009.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/01b51b263480107f6d47d0f6ad59227188bacfbc640807e825bd40676eb25478/dev_0000_menuDesign_v004.0025.png" data-mid="76787636" border="0" src="https://freight.cargo.site/w/1000/i/01b51b263480107f6d47d0f6ad59227188bacfbc640807e825bd40676eb25478/dev_0000_menuDesign_v004.0025.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a0a937dfcd9cd72ff04217a0b7048d4b921c96186f5e277475de81247931d708/dev_0000_menuDesign_v004.0016.png" data-mid="76787612" border="0" src="https://freight.cargo.site/w/1000/i/a0a937dfcd9cd72ff04217a0b7048d4b921c96186f5e277475de81247931d708/dev_0000_menuDesign_v004.0016.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f6b52fd8b2c386ef7f2009da596bfb4589eef46ce2da9e38c946e56d85946ea1/dev_0000_menuDesignC4d_v00_0002.jpg" data-mid="76787608" border="0" src="https://freight.cargo.site/w/1000/i/f6b52fd8b2c386ef7f2009da596bfb4589eef46ce2da9e38c946e56d85946ea1/dev_0000_menuDesignC4d_v00_0002.jpg" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2dd2373b852b9e9322b033d0ee8c0f13fa98d9ae23e221b2e44876f02ad0ee01/dev_0000_menuDesignC4d_v00_0003.jpg" data-mid="76787609" border="0" src="https://freight.cargo.site/w/1000/i/2dd2373b852b9e9322b033d0ee8c0f13fa98d9ae23e221b2e44876f02ad0ee01/dev_0000_menuDesignC4d_v00_0003.jpg" /> https://jstephenlee.cargo.site/Converse Sun, 29 Sep 2024 15:23:29 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Converse Converse Role: Motion Graphics/CompositingWorking with Industry, I handled the compositing of multiple 3D and 2D assets and delivered the final versions of these animations for Converse’s Chase The Drip campaign. <img width="2774" height="1560" width_o="2774" height_o="1560" data-src="https://freight.cargo.site/t/original/i/7a8ad70a3561625d067d5d5eb7eded8cf1d42f2c4784ecc0695aa568fc9071ed/ChaseTheDrip_1.jpg" data-mid="218893082" border="0" src="https://freight.cargo.site/w/1000/i/7a8ad70a3561625d067d5d5eb7eded8cf1d42f2c4784ecc0695aa568fc9071ed/ChaseTheDrip_1.jpg" /> <img width="2774" height="1560" width_o="2774" height_o="1560" data-src="https://freight.cargo.site/t/original/i/61aa271075b3996a7f3f795724179667c5d6b4a1d4dc7f2d39a7ee1e9c8898cf/ChaseTheDrip_3.jpg" data-mid="218893149" border="0" src="https://freight.cargo.site/w/1000/i/61aa271075b3996a7f3f795724179667c5d6b4a1d4dc7f2d39a7ee1e9c8898cf/ChaseTheDrip_3.jpg" /> <img width="2774" height="1560" width_o="2774" height_o="1560" data-src="https://freight.cargo.site/t/original/i/c79d0b0cce119288bcd349e04759f5efe38cd9f4f4b23144d1e5c4831e2c292a/ChaseTheDrip_2.jpg" data-mid="218893239" border="0" src="https://freight.cargo.site/w/1000/i/c79d0b0cce119288bcd349e04759f5efe38cd9f4f4b23144d1e5c4831e2c292a/ChaseTheDrip_2.jpg" /> https://jstephenlee.cargo.site/cultivaide Fri, 30 Jul 2021 23:49:07 +0000 J. Stephen Lee https://jstephenlee.cargo.site/cultivaide cultivaideRole: Creative Direction/Branding&nbsp;The mission of cultivaide is to enrich the lives of kids by connecting and supporting families to explore and cultivate interests. The service seeks to provide parents a place to find activities for their kids and give service proiders a place to reach families and simplify the booking and logistics processes. I worked with this startup to help define its mission, design its logo, develop branding guidelines, and explore the UX of its website.&nbsp; &nbsp; <img width="1772" height="296" width_o="1772" height_o="296" data-src="https://freight.cargo.site/t/original/i/93d8415ce42f5a650b1e6585acfdb8c430750d0da90bd136dbe6df4328c017be/Logotype.png" data-mid="116403273" border="0" src="https://freight.cargo.site/w/1000/i/93d8415ce42f5a650b1e6585acfdb8c430750d0da90bd136dbe6df4328c017be/Logotype.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/16c708b26500cda134586f1fd728364d8c1907fa5fa9a836195aa1d1a2d7a8aa/Artboard-1.jpg" data-mid="115065425" border="0" src="https://freight.cargo.site/w/1000/i/16c708b26500cda134586f1fd728364d8c1907fa5fa9a836195aa1d1a2d7a8aa/Artboard-1.jpg" /><img width="1282" height="1108" width_o="1282" height_o="1108" data-src="https://freight.cargo.site/t/original/i/19c89822d8b1ca4fb0474beb0f516fff17bc41b059a03f9c12232f3a2fb59cf5/Screen-Shot-2021-08-13-at-9.26.48-AM.png" data-mid="116403299" border="0" src="https://freight.cargo.site/w/1000/i/19c89822d8b1ca4fb0474beb0f516fff17bc41b059a03f9c12232f3a2fb59cf5/Screen-Shot-2021-08-13-at-9.26.48-AM.png" /><img width="1920" height="1222" width_o="1920" height_o="1222" data-src="https://freight.cargo.site/t/original/i/5cc7acc5cfd83db1d2033d90a2ea1dd4eacec3b465d3a4231630c1c6cadd30fb/BusinessCard_D3_revised.png" data-mid="115065434" border="0" src="https://freight.cargo.site/w/1000/i/5cc7acc5cfd83db1d2033d90a2ea1dd4eacec3b465d3a4231630c1c6cadd30fb/BusinessCard_D3_revised.png" /><img width="2678" height="1752" width_o="2678" height_o="1752" data-src="https://freight.cargo.site/t/original/i/82bdec9257bf6192d0c128d0942d653e10b8cfce721f7f151d55ec88a15602d1/Screen-Shot-2021-08-13-at-9.23.56-AM.png" data-mid="116403254" border="0" src="https://freight.cargo.site/w/1000/i/82bdec9257bf6192d0c128d0942d653e10b8cfce721f7f151d55ec88a15602d1/Screen-Shot-2021-08-13-at-9.23.56-AM.png" /><img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/e20e0693f7ebd75dcdcc8078e5d23834570af1633727671c67b393ae26a3c603/StartupPresentation5.jpg" data-mid="115065451" border="0" src="https://freight.cargo.site/w/1000/i/e20e0693f7ebd75dcdcc8078e5d23834570af1633727671c67b393ae26a3c603/StartupPresentation5.jpg" /> https://jstephenlee.cargo.site/Vans-Snow Sun, 31 May 2020 07:38:18 +0000 J. Stephen Lee https://jstephenlee.cargo.site/Vans-Snow Vans Snow Role: Design/Animation For the Vans Snow 2019/2020 campaign, I worked with Devin Dailey from Merritt Studio and Tanner Pendleton to develop visuals and animations. This campaign promoted the season’s snowboard boot offerings and was initially inspired by the idea of sound-reactive graphics. I was brought on to explore textures and forms using the open source programming language Processing. I coded numerous sound-responsive sketches to make generative patterns and visuals. We ultimately decided to go in a more organic visual direction, but I continued to work on the campaign by animating the textures and type to respond to sound. In After Effects, I coded expressions to help speed up the process and flexibly accommodate changes in the audio and video.&nbsp; Campaign Videos Sound-Responsive Processing Sketches Design Explorations&nbsp; <img width="5100" height="3300" width_o="5100" height_o="3300" data-src="https://freight.cargo.site/t/original/i/e2500250b124d48e65a13b7b6717694d996203dc6c41fdcd58cc82808c16cddc/Layout_11x17_03_5.jpg" data-mid="77530574" border="0" src="https://freight.cargo.site/w/1000/i/e2500250b124d48e65a13b7b6717694d996203dc6c41fdcd58cc82808c16cddc/Layout_11x17_03_5.jpg" /><img width="5100" height="3300" width_o="5100" height_o="3300" data-src="https://freight.cargo.site/t/original/i/caf1b4b67ba65141f2748373f08fa7a4cfdbb98267effd21d83bb30de8ac25ac/Layout_11x17_03_3.jpg" data-mid="77530579" border="0" src="https://freight.cargo.site/w/1000/i/caf1b4b67ba65141f2748373f08fa7a4cfdbb98267effd21d83bb30de8ac25ac/Layout_11x17_03_3.jpg" /><img width="1600" height="1035" width_o="1600" height_o="1035" data-src="https://freight.cargo.site/t/original/i/ae07a6ae8a976db6e65bbe0eec96283b69c4d330c00c805025aaddc1544eed11/Layout_11x17_022.png" data-mid="77530701" border="0" src="https://freight.cargo.site/w/1000/i/ae07a6ae8a976db6e65bbe0eec96283b69c4d330c00c805025aaddc1544eed11/Layout_11x17_022.png" /><img width="1600" height="1035" width_o="1600" height_o="1035" data-src="https://freight.cargo.site/t/original/i/c43623e27aeb05ed14b78aead1c93ac0159f5dcd786c9663ab8a566355aa94fe/Layout_11x17_027.png" data-mid="77530703" border="0" src="https://freight.cargo.site/w/1000/i/c43623e27aeb05ed14b78aead1c93ac0159f5dcd786c9663ab8a566355aa94fe/Layout_11x17_027.png" /><img width="1600" height="1035" width_o="1600" height_o="1035" data-src="https://freight.cargo.site/t/original/i/39fc3062f99395443b40f1524d9a97f27bedc4dfa14d21f610216954eaac06cd/Layout_11x17_0228.png" data-mid="77530712" border="0" src="https://freight.cargo.site/w/1000/i/39fc3062f99395443b40f1524d9a97f27bedc4dfa14d21f610216954eaac06cd/Layout_11x17_0228.png" />