https://expandingexperience.kr Jaekook Han Sun, 21 Sep 2025 22:34:44 +0000 https://expandingexperience.kr en https://expandingexperience.kr/UI-UX-Interaction Tue, 21 Nov 2017 00:05:06 +0000 Jaekook Han https://expandingexperience.kr/UI-UX-Interaction Jaekook is a senior product designer at J.P.Morgan who enjoys creating tools for improved communication and understanding. He specializes in turning data into clear insights, designing meaningful user interactions, and intuitive visual communication. His focus is on delivering content with clarity and precision to provide a seamless, engaging user experience. ︎ jaekook.h@gmail.com ︎ ︎ ︎ https://expandingexperience.kr/J-P-Morgan-Markets-Vida-Financing-Connect-1 Sat, 20 Sep 2025 23:24:57 +0000 Jaekook Han https://expandingexperience.kr/J-P-Morgan-Markets-Vida-Financing-Connect-1 J.P.Morgan Markets: Vida - Financing ConnectUX/UI, 2022 - Present <img width="1412" height="1036" width_o="1412" height_o="1036" data-src="https://freight.cargo.site/t/original/i/519ad88282385f3b9d0d58ce0c984290c959687b9daaa23250708295005bfc70/Screenshot-2025-08-20-at-8.16.52PM.png" data-mid="238461256" border="0" src="https://freight.cargo.site/w/1000/i/519ad88282385f3b9d0d58ce0c984290c959687b9daaa23250708295005bfc70/Screenshot-2025-08-20-at-8.16.52PM.png" /><img width="2560" height="1971" width_o="2560" height_o="1971" data-src="https://freight.cargo.site/t/original/i/7cadffae192eee3d2292170e3ac05364218ad8f313b217979a05a7e46769c572/heroImage.png" data-mid="238461628" border="0" src="https://freight.cargo.site/w/1000/i/7cadffae192eee3d2292170e3ac05364218ad8f313b217979a05a7e46769c572/heroImage.png" /> Overview All project features are protected under NDA. Please reach out for the details. Financing Connect, launched in 2023, is one of the key products under J.P. Morgan Markets Vida Portfolio Solutions. Before Financing Connects, our clients had to use emails or phone calls to manage their loan deals. Now, this loan management platform provides facility analytics, asset details, and reporting with enhanced transparency and a deep understanding of clients’ borrowing base, with easy access via a digital platform. My priority as a designer is to ensure the experience feels intuitive and seamless, with consistency maintained throughout the platform. Role UI/UX Design ToolFigma https://expandingexperience.kr/Intelligence-by-J-P-Morgan Wed, 20 Aug 2025 19:58:07 +0000 Jaekook Han https://expandingexperience.kr/Intelligence-by-J-P-Morgan Intelligence by J.P. Morgan &nbsp;UI, 2021 - 2022 <img width="3245" height="2778" width_o="3245" height_o="2778" data-src="https://freight.cargo.site/t/original/i/5049fba98fff4a3967fe58fbf70d5b909a25186cc27e389b1105a32b96ffe949/6_5inch.png" data-mid="237264097" border="0" src="https://freight.cargo.site/w/1000/i/5049fba98fff4a3967fe58fbf70d5b909a25186cc27e389b1105a32b96ffe949/6_5inch.png" /> Overview All project features are protected under NDA. Please reach out for the details. Intelligence by J.P. Morgan is a mobile application that provides a customised experience to our corporate clients, direct access to real-time market data and alerts, curated news and research on peers, the sectors, and the market. Role UI Design ToolFigma https://expandingexperience.kr/Athena-Loan-Program Sun, 21 Sep 2025 22:34:44 +0000 Jaekook Han https://expandingexperience.kr/Athena-Loan-Program Athena Loan Program by J.P. Morgan &nbsp;UI, 2021 - 2022 <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/38ca4d212e2f0eeac1a1b981cb39065cd403591d024bce3eeeafa30d90505c3d/JPM.png" data-mid="238489910" border="0" src="https://freight.cargo.site/w/1000/i/38ca4d212e2f0eeac1a1b981cb39065cd403591d024bce3eeeafa30d90505c3d/JPM.png" /> Overview All project features are protected under NDA. Please reach out for the details. ALP (Athena Loan Program) is an internal desktop application that allows internal users to manage the client’s equity loans. Role UI Design ToolFigma https://expandingexperience.kr/Looker-by-Google-Cloud Mon, 07 Dec 2020 22:27:48 +0000 Jaekook Han https://expandingexperience.kr/Looker-by-Google-Cloud Looker by Google CloudProduct, 2020 <img width="4320" height="2850" width_o="4320" height_o="2850" data-src="https://freight.cargo.site/t/original/i/0cd5e2e9bf07c48360eed78638c542e392edb49eb2812d749ce741b194b7e3e5/Thumbnail3.png" data-mid="91620780" border="0" src="https://freight.cargo.site/w/1000/i/0cd5e2e9bf07c48360eed78638c542e392edb49eb2812d749ce741b194b7e3e5/Thumbnail3.png" /> Overview All project features are protected under NDA. Please reach out for the details. Looker, now part of Google Cloud, is a business intelligence and data analytics platform used for exploring, analyzing, and visualizing data. I have participated in the team during the UI Phase for the BETA version.&nbsp; RoleUI Design Design SystemVisual/UX QA for Dev team ToolFigma Asana Slack Jira https://expandingexperience.kr/Bobst Tue, 02 Jun 2020 20:49:48 +0000 Jaekook Han https://expandingexperience.kr/Bobst <img width="11383" height="6400" width_o="11383" height_o="6400" data-src="https://freight.cargo.site/t/original/i/c534d588ac96023be0d47c95a67db471347c4f88861e54820eb1bc410670cfd6/Main1.png" data-mid="73551695" border="0" src="https://freight.cargo.site/w/1000/i/c534d588ac96023be0d47c95a67db471347c4f88861e54820eb1bc410670cfd6/Main1.png" /> <img width="2200" height="1238" width_o="2200" height_o="1238" data-src="https://freight.cargo.site/t/original/i/379d8cafff308818c8ca704efc859fa267efa3f10ae060fadcffd058f5501d59/Header.png" data-mid="73305206" border="0" src="https://freight.cargo.site/w/1000/i/379d8cafff308818c8ca704efc859fa267efa3f10ae060fadcffd058f5501d59/Header.png" /> <img width="4308" height="1596" width_o="4308" height_o="1596" data-src="https://freight.cargo.site/t/original/i/0869a9e3958dc162224599334ede199dbe59927bbaaaa1daf60fff7f735ba18c/Thesis-Question.png" data-mid="76341980" border="0" src="https://freight.cargo.site/w/1000/i/0869a9e3958dc162224599334ede199dbe59927bbaaaa1daf60fff7f735ba18c/Thesis-Question.png" /> Overview I try to answer the above question through the thesis project, especially for the Bobst Library. The Bobst Library is the main library at New York University, the core location where research takes place. Bobst is a mobile application for the Bobst Library at NYU, allowing students and faculty to navigate the library and find research information easily.︎︎︎ Thesis presentation link TeamSolo Project(Thesis) AdvisorSarah RothbergMargaret Smith ToolSketchZoomIllustrator ProtopieAfter Effects <img width="4308" height="1440" width_o="4308" height_o="1440" data-src="https://freight.cargo.site/t/original/i/979e5db01c6a2903fd8f231c80f2eaf1032d70b8eb5e3e4aae4db0db01638b56/1_-Beginning.png" data-mid="90624630" border="0" src="https://freight.cargo.site/w/1000/i/979e5db01c6a2903fd8f231c80f2eaf1032d70b8eb5e3e4aae4db0db01638b56/1_-Beginning.png" /> When I visit the Bobst Library I had an unpleasant experience. I spent a long time wandering around the library trying to find the right room and the right bookshelf. There was no clear physical or digital way-finding indicator. This experience made me wonder if there are ways to help students and faculty efficiently navigate the library. This marks the beginning of the project. <img width="4308" height="3258" width_o="4308" height_o="3258" data-src="https://freight.cargo.site/t/original/i/ac6c29e0fb73d788076ddbca3aa3a7f07b2156d9323255b8cab3e09666d4b3f0/Current-search-experience.png" data-mid="77428327" border="0" src="https://freight.cargo.site/w/1000/i/ac6c29e0fb73d788076ddbca3aa3a7f07b2156d9323255b8cab3e09666d4b3f0/Current-search-experience.png" /> <img width="3982" height="2710" width_o="3982" height_o="2710" data-src="https://freight.cargo.site/t/original/i/127d0761a7f5f804402d0b582e48b0ff6ac838c670515e2a9e925ee847d68e1d/IMG_1370.JPG" data-mid="76342847" border="0" src="https://freight.cargo.site/w/1000/i/127d0761a7f5f804402d0b582e48b0ff6ac838c670515e2a9e925ee847d68e1d/IMG_1370.JPG" /> <img width="2848" height="1436" width_o="2848" height_o="1436" data-src="https://freight.cargo.site/t/original/i/cc818ced255ff630057c5d5f57d845805211bb356a9cd028ea44f9ff260ce25d/Screen-Shot-2020-05-11-at-11.45.38-PM.png" data-mid="73305209" border="0" src="https://freight.cargo.site/w/1000/i/cc818ced255ff630057c5d5f57d845805211bb356a9cd028ea44f9ff260ce25d/Screen-Shot-2020-05-11-at-11.45.38-PM.png" /> Problem The book search process in the Bobst library starts from the digital space, where you search for a book and end in a physical space where you get a book. But there is a gap between them because of too many steps to information from the website and a lack of a way-finding system in the physical space.Currently, on the website, it takes 8 steps to check for a book's availability and book code, and 11 steps to check its location. In the physical space, there are no signs inside the building. You have to check every room or every bookshelf if you are not familiar with the structure of the library. &nbsp; <img width="4308" height="1440" width_o="4308" height_o="1440" data-src="https://freight.cargo.site/t/original/i/202c593efe34e0ead5b38053dbd4f508c0026708b379c03c64c6824e90d2fe67/2_Journey.png" data-mid="90625089" border="0" src="https://freight.cargo.site/w/1000/i/202c593efe34e0ead5b38053dbd4f508c0026708b379c03c64c6824e90d2fe67/2_Journey.png" /> Site-Visit To understand the needs and frustrations of the users, the first thing I did was a site-visit. I went to the library and took a video and photos, documenting the book finding journey from searching to finding a book. This gave me a hypothesis of what the users’ pain points might be. <img width="3535" height="2602" width_o="3535" height_o="2602" data-src="https://freight.cargo.site/t/original/i/0e15b5961b49238258cbc510e0148bcb4f4270527612f30b3dab02ad70d720ac/after-elevator.JPG" data-mid="73305219" border="0" src="https://freight.cargo.site/w/1000/i/0e15b5961b49238258cbc510e0148bcb4f4270527612f30b3dab02ad70d720ac/after-elevator.JPG" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/7b4c09ba3f8d742aeea6feab817c039111ae4e81f66b6656dd0b2ffa273a00c2/R_Stairs-To-LL.JPG" data-mid="73305221" border="0" src="https://freight.cargo.site/w/1000/i/7b4c09ba3f8d742aeea6feab817c039111ae4e81f66b6656dd0b2ffa273a00c2/R_Stairs-To-LL.JPG" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/7ff75e74eb9f875fd0e7769d32511394e5026e5409177f1e42bf7c3b1c06c1d9/IMG_1547.JPG" data-mid="73305223" border="0" src="https://freight.cargo.site/w/1000/i/7ff75e74eb9f875fd0e7769d32511394e5026e5409177f1e42bf7c3b1c06c1d9/IMG_1547.JPG" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/dca4f2c32befdaa96a77239b2d1ab4c28c7736019c801a9500134d032deeed66/4_Elevator-Floor-info.JPG" data-mid="73305220" border="0" src="https://freight.cargo.site/w/1000/i/dca4f2c32befdaa96a77239b2d1ab4c28c7736019c801a9500134d032deeed66/4_Elevator-Floor-info.JPG" /> <img width="2820" height="3969" width_o="2820" height_o="3969" data-src="https://freight.cargo.site/t/original/i/b66c423709decf58addd8563302a58a78f8c7b5779974f4df42a5082a24fab48/IMG_1541.JPG" data-mid="73305224" border="0" src="https://freight.cargo.site/w/1000/i/b66c423709decf58addd8563302a58a78f8c7b5779974f4df42a5082a24fab48/IMG_1541.JPG" /> <img width="1240" height="590" width_o="1240" height_o="590" data-src="https://freight.cargo.site/t/original/i/0dc8d0e4a1e272e24e26c322a0a457544f44b4d6cd1bd278dcf05ed13cfd1454/Screen-Shot-2020-05-29-at-12.23.41-PM.png" data-mid="73305245" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0dc8d0e4a1e272e24e26c322a0a457544f44b4d6cd1bd278dcf05ed13cfd1454/Screen-Shot-2020-05-29-at-12.23.41-PM.png" /> Survey The second step was a survey about the library navigating experience. This survey helped to narrow down the problems and identified a user need that I didn’t know, which is using the library as a study spot. This was a very helpful insight. In terms of medium, more than 90% of participants prefer a mobile platform. InterviewsThe third step was interviews with potential users who either visit the Bobst Library for research or to study. These interviews were beneficial to know the specific pain point, define the problem, and gave me unexpected insights. The main pain point is the struggle with navigation: finding a room, a bookshelf, or the row the book lives on. In addition, many interviewees go to the library to study but find it difficult to find an available seat. “It’s always hard to find and checkout multiple books at once.” “I don’t like wandering around to find an available seat.”&nbsp; &nbsp; <img width="2000" height="1127" width_o="2000" height_o="1127" data-src="https://freight.cargo.site/t/original/i/de6aba71a7b96aac5bec27412d9c707673f78943034daa9bd962d63f9ef2d765/Interview.png" data-mid="73305208" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/de6aba71a7b96aac5bec27412d9c707673f78943034daa9bd962d63f9ef2d765/Interview.png" /> <img width="1530" height="686" width_o="1530" height_o="686" data-src="https://freight.cargo.site/t/original/i/a9f7ecaffbe2258a89a6ee7e381eebc2748dca1296481b91400dcbebfe01c5be/Screen-Shot-2020-05-29-at-12.42.56-PM.png" data-mid="73305246" border="0" src="https://freight.cargo.site/w/1000/i/a9f7ecaffbe2258a89a6ee7e381eebc2748dca1296481b91400dcbebfe01c5be/Screen-Shot-2020-05-29-at-12.42.56-PM.png" />&lt;Iris Bierlein, Sr. UX Designer at Bobst Library NYU&gt; Interviews with a Professional To get a different perspective on the project, I interviewed Iris, who is a senior user experience designer at the Bobst Library NYU. The interview helped me understand how the library system works, what’s possible and impossible to realize with this application. After the interview, my goal expanded to making a mobile application and a physical sign system. I believe a great library experience is dependent on the integration and interaction of the digital and physical space. Even though the mobile application is useful, the journey of library experience takes place in the real world. Because of that, the app and the physical sign system should go together. Unfortunately, COVID-19 led to the shutdown of the library, so I focused my attention on the mobile application. This was a crucial point for my project. Because even though my main medium is a mobile, which is digital, the project is about how to virtualize the physical space and connect it to the real world. <img width="4782" height="2808" width_o="4782" height_o="2808" data-src="https://freight.cargo.site/t/original/i/b85f1012f373c33306def0395c32456314332250b66117dc047c19ac6fdb7e7a/Persona.png" data-mid="88934554" border="0" src="https://freight.cargo.site/w/1000/i/b85f1012f373c33306def0395c32456314332250b66117dc047c19ac6fdb7e7a/Persona.png" /> What I have found Based on the interview and survey results, I created a persona – a first-year graduate student at NYU with the following needs:&nbsp; &nbsp;1 - Find a book and direction to the section easily 2 - Want to know the best physical route to optimize finding multiple books 3 - Check available seats for studyingAnd find out the opportunity statement.&nbsp; <img width="4308" height="2007" width_o="4308" height_o="2007" data-src="https://freight.cargo.site/t/original/i/149fe6f735e6108ff9446fb88d5cee6fab9ba1bf174045a725bb1bbf887bdf47/Opportunity-Statement.png" data-mid="76360452" border="0" src="https://freight.cargo.site/w/1000/i/149fe6f735e6108ff9446fb88d5cee6fab9ba1bf174045a725bb1bbf887bdf47/Opportunity-Statement.png" /> Prototyping &amp; User TestingThe next step was to make a paper prototype based on the research and conduct user-testings. In the first prototype, I put every function on one page. Because the concept that drives me is “Intuitive understanding”, my primary goal is to reduce the steps to information. But it didn’t work. Instead, the interface confused the users. After gathering feedback from the user-test, I re-designed the user-interface focusing on simple and clear delivery of the essential information each page should have. <img width="3764" height="2812" width_o="3764" height_o="2812" data-src="https://freight.cargo.site/t/original/i/533469d122f9152757bfbc115a040c6c2678f88cb910987cdebe69518846b830/WF.JPG" data-mid="73305241" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/533469d122f9152757bfbc115a040c6c2678f88cb910987cdebe69518846b830/WF.JPG" />&lt;First prototype&gt; <img width="4032" height="2824" width_o="4032" height_o="2824" data-src="https://freight.cargo.site/t/original/i/ef90bda61f79d50fcfed350e63f9167f406ac3e59d15c20ebb2cb8f4e9a92b7f/IMG_1680.JPG" data-mid="73305225" border="0" src="https://freight.cargo.site/w/1000/i/ef90bda61f79d50fcfed350e63f9167f406ac3e59d15c20ebb2cb8f4e9a92b7f/IMG_1680.JPG" />&lt;Second prototype &amp; User testing&gt; Under COVID-19Under COVID-19, I switched to using the Zoom screen share and Sketch preview to user-test for the digital prototype. I shared my prototype preview screen with testers and gave them a scenario: “You are trying to find a book for your research and you just opened the application. What is your next move?” The test worked better than I expected. I got feedback saying “The user experience and interface are pretty clear” from all testers, so I proceed to finalize the design. <img width="12108" height="7974" width_o="12108" height_o="7974" data-src="https://freight.cargo.site/t/original/i/d5eb73fff8cc2553c259439bc5d23f30bd1712ada9f25e28f090d8a55fb1e647/UserFlow2.png" data-mid="88931502" border="0" src="https://freight.cargo.site/w/1000/i/d5eb73fff8cc2553c259439bc5d23f30bd1712ada9f25e28f090d8a55fb1e647/UserFlow2.png" /> <img width="8044" height="7168" width_o="8044" height_o="7168" data-src="https://freight.cargo.site/t/original/i/ae2c8317160581c5b31eeb01fedb4c84f8d1f306b6916ec107e25451f0658af2/Wireframe.png" data-mid="88931543" border="0" src="https://freight.cargo.site/w/1000/i/ae2c8317160581c5b31eeb01fedb4c84f8d1f306b6916ec107e25451f0658af2/Wireframe.png" /> <img width="4308" height="1440" width_o="4308" height_o="1440" data-src="https://freight.cargo.site/t/original/i/57e559e4fee5c5764bd822dc408ab139d417370c2bc56a68105b730b59df968a/3_Answer.png" data-mid="90627700" border="0" src="https://freight.cargo.site/w/1000/i/57e559e4fee5c5764bd822dc408ab139d417370c2bc56a68105b730b59df968a/3_Answer.png" /><img width="2850" height="1456" width_o="2850" height_o="1456" data-src="https://freight.cargo.site/t/original/i/b29cf8d0135ba4b5e4f0d3c533420f3394fab11f450030a212e0413886385d1c/Screen-Shot-2020-05-11-at-11.43.27-PM.png" data-mid="73305211" border="0" src="https://freight.cargo.site/w/1000/i/b29cf8d0135ba4b5e4f0d3c533420f3394fab11f450030a212e0413886385d1c/Screen-Shot-2020-05-11-at-11.43.27-PM.png" /> Solution Bobst focuses on the core function of the library, which is searching for and finding a book. Based on that, the app has four menus: search, floor maps, my bookshelf, and account. <img width="4308" height="2424" width_o="4308" height_o="2424" data-src="https://freight.cargo.site/t/original/i/14e8c1cc8276a0a879f17abae5e18f9c63e40c8e57840ab996fe10d41aa5e2f4/Functions-1.png" data-mid="77897880" border="0" src="https://freight.cargo.site/w/1000/i/14e8c1cc8276a0a879f17abae5e18f9c63e40c8e57840ab996fe10d41aa5e2f4/Functions-1.png" /><img width="4308" height="2424" width_o="4308" height_o="2424" data-src="https://freight.cargo.site/t/original/i/ece788fb2900b65ff11a58484a4f2bdfab5a039161ce6c9572cb9418e54ea235/Functions-2.png" data-mid="77897889" border="0" src="https://freight.cargo.site/w/1000/i/ece788fb2900b65ff11a58484a4f2bdfab5a039161ce6c9572cb9418e54ea235/Functions-2.png" /><img width="4308" height="2424" width_o="4308" height_o="2424" data-src="https://freight.cargo.site/t/original/i/d93715a95e2b2d846b1cab6308ee84a1ae1f0152715e0cf0b7b28c2abeddb804/Functions-3.png" data-mid="77897918" border="0" src="https://freight.cargo.site/w/1000/i/d93715a95e2b2d846b1cab6308ee84a1ae1f0152715e0cf0b7b28c2abeddb804/Functions-3.png" /><img width="4308" height="2424" width_o="4308" height_o="2424" data-src="https://freight.cargo.site/t/original/i/af6ac503fe0471dd7b06555800080fc5596c6f02284061c6e2ea2e7b6dc57a7e/Functions-4.png" data-mid="77899597" border="0" src="https://freight.cargo.site/w/1000/i/af6ac503fe0471dd7b06555800080fc5596c6f02284061c6e2ea2e7b6dc57a7e/Functions-4.png" /> Detail Details in the search menu show the essence of the Bobst application. Users can check all the information that is needed to search for and find a book. Especially, in the search result, users can check availability, book a code, and a location. Furthermore, they can go to the directions page directly from here. <img width="2838" height="1516" width_o="2838" height_o="1516" data-src="https://freight.cargo.site/t/original/i/515d6f5acd465e06b04469523cfbf123fa11a23e1c652a2ef35ec85efae7c9d5/Detail_Search-Result.png" data-mid="73305237" border="0" src="https://freight.cargo.site/w/1000/i/515d6f5acd465e06b04469523cfbf123fa11a23e1c652a2ef35ec85efae7c9d5/Detail_Search-Result.png" /> <img width="2832" height="1524" width_o="2832" height_o="1524" data-src="https://freight.cargo.site/t/original/i/32506a69e31a49088094f0f81ecb3eb7507b7fe0425b01fd51099856376d860e/Detail_Detail-page.png" data-mid="73305238" border="0" src="https://freight.cargo.site/w/1000/i/32506a69e31a49088094f0f81ecb3eb7507b7fe0425b01fd51099856376d860e/Detail_Detail-page.png" /> <img width="2848" height="1520" width_o="2848" height_o="1520" data-src="https://freight.cargo.site/t/original/i/216fc83f3fb5750d674511794afe8338d46306b5694d553d07aad1a2913e5601/Detail_Home-Screen.png" data-mid="73305236" border="0" src="https://freight.cargo.site/w/1000/i/216fc83f3fb5750d674511794afe8338d46306b5694d553d07aad1a2913e5601/Detail_Home-Screen.png" /> <img width="2842" height="1522" width_o="2842" height_o="1522" data-src="https://freight.cargo.site/t/original/i/bb4bf4688116425524446f3bc2fa1652cfee0b449b6778288447e2a20808244e/Detail_Direction.png" data-mid="73305239" border="0" src="https://freight.cargo.site/w/1000/i/bb4bf4688116425524446f3bc2fa1652cfee0b449b6778288447e2a20808244e/Detail_Direction.png" /> <img width="4308" height="1440" width_o="4308" height_o="1440" data-src="https://freight.cargo.site/t/original/i/79e4023b5d8d1a5e234e6cd3f0d82f707410e2655454c2c32194845ca99ff250/4_takeaway.png" data-mid="90627757" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/79e4023b5d8d1a5e234e6cd3f0d82f707410e2655454c2c32194845ca99ff250/4_takeaway.png" /> <img width="4308" height="3258" width_o="4308" height_o="3258" data-src="https://freight.cargo.site/t/original/i/b38b68bb09e983614bab1c14006acc1b61e938ee2482549cccd6b56ad2a02522/final-result.png" data-mid="77874753" border="0" src="https://freight.cargo.site/w/1000/i/b38b68bb09e983614bab1c14006acc1b61e938ee2482549cccd6b56ad2a02522/final-result.png" /> What’s enhanced? In the final design, you can see how the Bobst application enhanced the search experience compared to the existing website. For availability and a book code, you need three steps, and for location, you need four steps, while the existing website needs eleven steps. Harmonize a transition from digital to the real world Library experience starts from the digital space and ends up in the physical space. The project made me keep questioning how to harmonize a transition from digital to real experience with a simple and intuitive design. I've learned how a library search system works and why it couldn't have its own platform with a better user experience. They handle millions of data(books and media) with limited resources. But it also gave me a chance to find a problem and improve it.&nbsp; Next step This time, I could only focus on the digital experience because of COVID. I hope there is an opportunity to improve the physical experience, so I can balance both experiences. Furthermore, if there is a chance, I want to realize the design of the actual product as a platform so every library who have struggled with a complicated search system can improve their experience through the application. &nbsp; https://expandingexperience.kr/U-Lock-U-Light Sun, 21 Jun 2020 23:26:34 +0000 Jaekook Han https://expandingexperience.kr/U-Lock-U-Light <img width="4308" height="2424" width_o="4308" height_o="2424" data-src="https://freight.cargo.site/t/original/i/3bffe5743643826f9a2c7b3b3ef397471daaab1b4ece97d51e848212c58c2c9a/Main.png" data-mid="76665312" border="0" src="https://freight.cargo.site/w/1000/i/3bffe5743643826f9a2c7b3b3ef397471daaab1b4ece97d51e848212c58c2c9a/Main.png" /> Overview U-Lock U-Light is the bicycle accessory combined with a lock system, and the multiple LED lights. U-Lock U-Light enhances visibility and awareness for riding safely at night. I worked as a co-researcher and co-designer of the U-Lock U-Light. The project is a result of the Product Design class at ITP, New York University. TeamElizabeth Ferguson Jaekook Han Sandy Hsieh Timothy Lobiak RoleUI &amp; Interaction Design Conduct interviews Create a persona Conduct user-testsPrototyping ToolSketch Illustrator ProtoPie After Effects ︎︎︎ &nbsp;&nbsp; Mobile Controller UI &nbsp;&nbsp; ︎︎︎ <img width="2872" height="1616" width_o="2872" height_o="1616" data-src="https://freight.cargo.site/t/original/i/205f43efb51aca1b9ca660c5d4dd8af287450afcea4c712e7b18859e16ade7fc/1_1_-Mobile-Main_blue-bg.png" data-mid="76125349" border="0" src="https://freight.cargo.site/w/1000/i/205f43efb51aca1b9ca660c5d4dd8af287450afcea4c712e7b18859e16ade7fc/1_1_-Mobile-Main_blue-bg.png" /> Mobile Controller &nbsp;User Interface After finished the team project, I designed the user interface of the mobile controller for the U-Lock U-Light. I wanted to give the riders control the light during the riding. The app connects to the lock with Bluetooth and has three main functions: dimmer, strobe, and changing light color. <img width="4308" height="2520" width_o="4308" height_o="2520" data-src="https://freight.cargo.site/t/original/i/6355c17b1208e4277b2a85a71c13f9d8550585f6958ec85e1285af5406cb9525/2_Onboarding---Connecting.png" data-mid="76125357" border="0" src="https://freight.cargo.site/w/1000/i/6355c17b1208e4277b2a85a71c13f9d8550585f6958ec85e1285af5406cb9525/2_Onboarding---Connecting.png" /> <img width="4308" height="2520" width_o="4308" height_o="2520" data-src="https://freight.cargo.site/t/original/i/596dc9ac7aa754336b47c5a5e9c8d234bce621fcca670de4c121a1907607fb14/2_Home---Functin.png" data-mid="76125419" border="0" src="https://freight.cargo.site/w/1000/i/596dc9ac7aa754336b47c5a5e9c8d234bce621fcca670de4c121a1907607fb14/2_Home---Functin.png" /> <img width="4308" height="2520" width_o="4308" height_o="2520" data-src="https://freight.cargo.site/t/original/i/272e95a60e1f525c61e0dd2eeb8609ad8422e7065140b1d4327410998e2f670b/2_Light-Colors.png" data-mid="76125424" border="0" src="https://freight.cargo.site/w/1000/i/272e95a60e1f525c61e0dd2eeb8609ad8422e7065140b1d4327410998e2f670b/2_Light-Colors.png" /> <img width="5760" height="7500" width_o="5760" height_o="7500" data-src="https://freight.cargo.site/t/original/i/21990ba920fecef5e462b25e94eba32c524a0f7fa515ba6f4a73344d77d6a097/3_Typography---Color.png" data-mid="76355505" border="0" src="https://freight.cargo.site/w/1000/i/21990ba920fecef5e462b25e94eba32c524a0f7fa515ba6f4a73344d77d6a097/3_Typography---Color.png" /> ︎︎︎ &nbsp; &nbsp; U-Lock U-Light Product Design&nbsp; &nbsp; ︎︎︎ <img width="2872" height="1862" width_o="2872" height_o="1862" data-src="https://freight.cargo.site/t/original/i/2d64ce590706ddfc7817aff271455a3458583917a8e7eb0c3da29d35aba4ea41/UlockUlight_12x.png" data-mid="75405682" border="0" src="https://freight.cargo.site/w/1000/i/2d64ce590706ddfc7817aff271455a3458583917a8e7eb0c3da29d35aba4ea41/UlockUlight_12x.png" /> U-Lock U-Light UX Research The project started from the topic Biking under the theme Urban Mobility. Before starts the research, we brainstormed what we know about biking and make a provocation to narrow down the subject. We found out our boldes provocation, which was “Biking is optimal for the worst weather conditions”. And brainstormed the fresh idea that were Rental system for weather-protective biking clothesWearable with a built-in heating and cooling systemInterchangeable Bike Parts&nbsp; <img width="5760" height="2284" width_o="5760" height_o="2284" data-src="https://freight.cargo.site/t/original/i/4b18d5edfb4e39d444d79e70e6f6ec95f93182d31943c97cfc655133f8bfd96d/Our-Process.png" data-mid="75504670" border="0" src="https://freight.cargo.site/w/1000/i/4b18d5edfb4e39d444d79e70e6f6ec95f93182d31943c97cfc655133f8bfd96d/Our-Process.png" /> Interview &amp;ObservationBased on that, we externalized our research. We had observed and met the people who ride a bike regularly and interviewed them to empathize and define a problem. We got feedbacks and had three insights. Gloves: Important when biking long distances and in inclement weather Safety: Unable to communicate with cars and unsafe nighttime riding Accessories: There are already a lot of accessories for biking <img width="3360" height="1871" width_o="3360" height_o="1871" data-src="https://freight.cargo.site/t/original/i/52c5075270827ac9152ff1b4f051d068766c28e6436df0e58e30d1aec7372f7d/2_Interview_Week1_3.jpg" data-mid="75403261" border="0" src="https://freight.cargo.site/w/1000/i/52c5075270827ac9152ff1b4f051d068766c28e6436df0e58e30d1aec7372f7d/2_Interview_Week1_3.jpg" /> <img width="3360" height="1874" width_o="3360" height_o="1874" data-src="https://freight.cargo.site/t/original/i/4e67698e9851ce42f155ae20a73135be3656424f8828beb2c88209871b9f2d85/2_Interview_Week1_4.jpg" data-mid="75403262" border="0" src="https://freight.cargo.site/w/1000/i/4e67698e9851ce42f155ae20a73135be3656424f8828beb2c88209871b9f2d85/2_Interview_Week1_4.jpg" /> <img width="2242" height="1874" width_o="2242" height_o="1874" data-src="https://freight.cargo.site/t/original/i/79874d9d33eb862750c79df56b1f4d0367fc8a3f652476acb67a177ac40853b9/2_Interview_Week1_5-2.jpg" data-mid="75403264" border="0" src="https://freight.cargo.site/w/1000/i/79874d9d33eb862750c79df56b1f4d0367fc8a3f652476acb67a177ac40853b9/2_Interview_Week1_5-2.jpg" /> <img width="3187" height="1886" width_o="3187" height_o="1886" data-src="https://freight.cargo.site/t/original/i/6ac87bae6b9a0980dbe2c780983a76ec8dd86760e2b8aee2de5b0f0b08ccb31b/3_Affinity-Mapping.jpg" data-mid="75403887" border="0" src="https://freight.cargo.site/w/1000/i/6ac87bae6b9a0980dbe2c780983a76ec8dd86760e2b8aee2de5b0f0b08ccb31b/3_Affinity-Mapping.jpg" /> <img width="9071" height="4032" width_o="9071" height_o="4032" data-src="https://freight.cargo.site/t/original/i/c61e31fc13c2de3431c9925e64e649a61bad376fa40f4c8aca7f273822080fa5/3_Affinity-Mapping_Week2.jpg" data-mid="75403886" border="0" src="https://freight.cargo.site/w/1000/i/c61e31fc13c2de3431c9925e64e649a61bad376fa40f4c8aca7f273822080fa5/3_Affinity-Mapping_Week2.jpg" /> <img width="3264" height="1851" width_o="3264" height_o="1851" data-src="https://freight.cargo.site/t/original/i/3d04d1c047632efc07a9423cc1ab40fe9d5fcbc8ee76af9a90dfbe715872986f/3_2x2-Frame-Work_Week2_2.jpg" data-mid="75403885" border="0" src="https://freight.cargo.site/w/1000/i/3d04d1c047632efc07a9423cc1ab40fe9d5fcbc8ee76af9a90dfbe715872986f/3_2x2-Frame-Work_Week2_2.jpg" /> Affinity Mapping We organized an affinity mapping based on observation and interviews. And selecting three opportunities: There is an opportunity to provide bicyclists with gloves that work for other activities, tooThere is an opportunity to give bicyclists and car drivers communication tools to empathize and coordinate with each otherThere is an opportunity to provide the bicyclists with tools or a wearable that assists in regulating body temperature and allows for versatility From that, we choose one opportunity through 2x2 Matrix which is “There is an opportunity to provide bicyclists and car drivers with communication tools to empathize and coordinate with each other.” <img width="4308" height="2541" width_o="4308" height_o="2541" data-src="https://freight.cargo.site/t/original/i/83d659cd489c341101a20912f69f34e974cc8c38dbd4ac3f3ef05b658a04c383/Persona-with-words.png" data-mid="75504710" border="0" src="https://freight.cargo.site/w/1000/i/83d659cd489c341101a20912f69f34e974cc8c38dbd4ac3f3ef05b658a04c383/Persona-with-words.png" /><img width="4308" height="2136" width_o="4308" height_o="2136" data-src="https://freight.cargo.site/t/original/i/8fa4d591e2689a2cd3b82c700859e00854e946074040bf7271d49ee9adaf2d01/Opportunity-Statement.png" data-mid="75503333" border="0" src="https://freight.cargo.site/w/1000/i/8fa4d591e2689a2cd3b82c700859e00854e946074040bf7271d49ee9adaf2d01/Opportunity-Statement.png" /> Storyboards <img width="2945" height="1295" width_o="2945" height_o="1295" data-src="https://freight.cargo.site/t/original/i/a0de9b9167620e38d6d1ff94b4e0b208e8d893f22494c4612b7cb1400e6f1b4b/storyboards.png" data-mid="75500155" border="0" src="https://freight.cargo.site/w/1000/i/a0de9b9167620e38d6d1ff94b4e0b208e8d893f22494c4612b7cb1400e6f1b4b/storyboards.png" /> Rough Prototype <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/a4a1b51fca9721fb37c93732607b5278da4238602c504e1d9a4f6683f5fb9554/Prototypes.jpg" data-mid="75500368" border="0" src="https://freight.cargo.site/w/1000/i/a4a1b51fca9721fb37c93732607b5278da4238602c504e1d9a4f6683f5fb9554/Prototypes.jpg" /> User Test <img width="5760" height="3840" width_o="5760" height_o="3840" data-src="https://freight.cargo.site/t/original/i/296b9ad434be67d385507d6148df571c1181e9c5362af9563371b7ced4bf8a48/1O3A9974.JPG" data-mid="75500868" border="0" src="https://freight.cargo.site/w/1000/i/296b9ad434be67d385507d6148df571c1181e9c5362af9563371b7ced4bf8a48/1O3A9974.JPG" /> <img width="3264" height="2448" width_o="3264" height_o="2448" data-src="https://freight.cargo.site/t/original/i/f91488e34f906a9d3f40825d908b3a39c58b312eec0a100c1df8ea8a85d20e70/IMG_9662.JPG" data-mid="75504025" border="0" src="https://freight.cargo.site/w/1000/i/f91488e34f906a9d3f40825d908b3a39c58b312eec0a100c1df8ea8a85d20e70/IMG_9662.JPG" /> <img width="4152" height="3840" width_o="4152" height_o="3840" data-src="https://freight.cargo.site/t/original/i/b1de3bf30f4361c4b98b33f0819744f6a22b58def11d81eded517543476813e2/1O3A0040.JPG" data-mid="75500920" border="0" src="https://freight.cargo.site/w/1000/i/b1de3bf30f4361c4b98b33f0819744f6a22b58def11d81eded517543476813e2/1O3A0040.JPG" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/460c4b0d3af647432c2152aa66ff70790064a6e6777e27ad46fb098c854dfcbc/IMG_8476.JPG" data-mid="75500833" border="0" src="https://freight.cargo.site/w/1000/i/460c4b0d3af647432c2152aa66ff70790064a6e6777e27ad46fb098c854dfcbc/IMG_8476.JPG" /> <img width="5760" height="3840" width_o="5760" height_o="3840" data-src="https://freight.cargo.site/t/original/i/0a127e963c3af87e4b7843cc0b899d80f64d9ddacf8def990dd32461eafb89f7/1O3A9999.JPG" data-mid="75500798" border="0" src="https://freight.cargo.site/w/1000/i/0a127e963c3af87e4b7843cc0b899d80f64d9ddacf8def990dd32461eafb89f7/1O3A9999.JPG" /> <img width="4308" height="1821" width_o="4308" height_o="1821" data-src="https://freight.cargo.site/t/original/i/13560a0dfe5e7e3aa0b7a7b20ef612a19bfbba5057631ad4d691f54e3dbcce10/Keywords-from-Feedback.png" data-mid="75503381" border="0" src="https://freight.cargo.site/w/1000/i/13560a0dfe5e7e3aa0b7a7b20ef612a19bfbba5057631ad4d691f54e3dbcce10/Keywords-from-Feedback.png" /> Final Prototype We finalized our design based on the user test and made a final prototype with cardboard and the LED. <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/51cd7ddb7b952193e534c2eff9844598f191fd7a37a1d839d3e714fefdc0a8ef/Final-Prototype-2.jpg" data-mid="75504228" border="0" src="https://freight.cargo.site/w/1000/i/51cd7ddb7b952193e534c2eff9844598f191fd7a37a1d839d3e714fefdc0a8ef/Final-Prototype-2.jpg" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/0b64dcbb44873cbde5bf1730c11896f0caa90626e0365a4bdf1cf5422b73fff8/Final-Prototype-3.jpg" data-mid="75504229" border="0" src="https://freight.cargo.site/w/1000/i/0b64dcbb44873cbde5bf1730c11896f0caa90626e0365a4bdf1cf5422b73fff8/Final-Prototype-3.jpg" /> <img width="3264" height="2448" width_o="3264" height_o="2448" data-src="https://freight.cargo.site/t/original/i/45ac6509b3e396df46a418edf8550e55af8da0154bd631766748e98978a98cd7/IMG_9666.JPG" data-mid="75504517" border="0" src="https://freight.cargo.site/w/1000/i/45ac6509b3e396df46a418edf8550e55af8da0154bd631766748e98978a98cd7/IMG_9666.JPG" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/1dd23f9341ecb7dbe1e332f1795935b80fdcaa70b3f5d17bf1c60fd165231b1e/Final-Prototype-5.jpg" data-mid="75504230" border="0" src="https://freight.cargo.site/w/1000/i/1dd23f9341ecb7dbe1e332f1795935b80fdcaa70b3f5d17bf1c60fd165231b1e/Final-Prototype-5.jpg" /> <img width="2737" height="2587" width_o="2737" height_o="2587" data-src="https://freight.cargo.site/t/original/i/0c87a6e2a653f07052044e04edb360068d70c26bda63b93014f9a54f5dabce38/Physical-computing.JPG" data-mid="75504576" border="0" src="https://freight.cargo.site/w/1000/i/0c87a6e2a653f07052044e04edb360068d70c26bda63b93014f9a54f5dabce38/Physical-computing.JPG" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/e77cbaa82f1a3c0ccbb7f6226417bc801a67ffa5edcd27dd1f93a3a44ae0fd70/Final-Prototype.jpg" data-mid="75504232" border="0" src="https://freight.cargo.site/w/1000/i/e77cbaa82f1a3c0ccbb7f6226417bc801a67ffa5edcd27dd1f93a3a44ae0fd70/Final-Prototype.jpg" /> <img width="3078" height="2098" width_o="3078" height_o="2098" data-src="https://freight.cargo.site/t/original/i/962d5cd6efa9df8d2b8e4cb362538a8901aa00b1a3175f78669b42a1cce4242f/fabrication.JPG" data-mid="75504579" border="0" src="https://freight.cargo.site/w/1000/i/962d5cd6efa9df8d2b8e4cb362538a8901aa00b1a3175f78669b42a1cce4242f/fabrication.JPG" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/d1d0c9a3b1d88a26209b2be62439675f270afc871c920346b02ce052b145bec4/Final-Prototype-6.jpg" data-mid="75504231" border="0" src="https://freight.cargo.site/w/1000/i/d1d0c9a3b1d88a26209b2be62439675f270afc871c920346b02ce052b145bec4/Final-Prototype-6.jpg" /> Takeaway &amp; Next step I have learned that bike riders have their own issues but the most important thing is safety. And after finished the final prototype, I realized that this is the start point, not the end. We improved one form of ideas to help riders safety. I also learned creat products is not the only answer. It needs collaboration with the system, education, and furthermore, car drivers.&nbsp; The project ended after the final prototype and personal improvement in the controller. If there is an opportunity for the next step, I would like to realize this product. Collaborate between digital and physical experience.&nbsp; https://expandingexperience.kr/NYU-Design-System Mon, 29 Jun 2020 01:02:17 +0000 Jaekook Han https://expandingexperience.kr/NYU-Design-System NYU Design SystemUI, 2020 <img width="6320" height="3648" width_o="6320" height_o="3648" data-src="https://freight.cargo.site/t/original/i/75ffbd31e54af60b7f3ee9541b87b0ff6bc1a9beb0633c16258fa14ca53a5150/0_Component-main.png" data-mid="76016864" border="0" src="https://freight.cargo.site/w/1000/i/75ffbd31e54af60b7f3ee9541b87b0ff6bc1a9beb0633c16258fa14ca53a5150/0_Component-main.png" /> Overview Digital Communications Group at New York University builds a design system for New York University’s digital experience. We were designing reusable components for the visual consistency of NYU digital content. I created part of the elements, such as&nbsp; Charts / Tabs / Switch, Checkbox, and Radio / Text Area / Multiselect and Dropdown / Date Picker / Buttons. TeamSuzanne Doig Logan JohnsonBrittney Mc&nbsp; Jaekook Han RoleUI Design ToolSketch Frontify <img width="6320" height="3648" width_o="6320" height_o="3648" data-src="https://freight.cargo.site/t/original/i/9ff970338b892abccea0900722ed399da296b2cd918b426620f30f0b1124dcfd/1_Chart.png" data-mid="76017283" border="0" src="https://freight.cargo.site/w/1000/i/9ff970338b892abccea0900722ed399da296b2cd918b426620f30f0b1124dcfd/1_Chart.png" /> Charts Charts &amp; Graphs are a form of data visualization that allows users to compare data and use it to tell a story. <img width="6320" height="1496" width_o="6320" height_o="1496" data-src="https://freight.cargo.site/t/original/i/b6e5b434ef86d544a4fe7a844c9f5119d76ad40c1d47c7025869e0ab69a5fedb/2_Tabs.png" data-mid="76017334" border="0" src="https://freight.cargo.site/w/1000/i/b6e5b434ef86d544a4fe7a844c9f5119d76ad40c1d47c7025869e0ab69a5fedb/2_Tabs.png" /> Tabs Tabs organize content across different screens, data sets, and other interactions. <img width="6320" height="1496" width_o="6320" height_o="1496" data-src="https://freight.cargo.site/t/original/i/ef5f577bd9b4022ea904513cdcaa89d660600e0fe9178d5f23c43e0cf7b7648f/3_Switch_Checkbox_Radio.png" data-mid="76017448" border="0" src="https://freight.cargo.site/w/1000/i/ef5f577bd9b4022ea904513cdcaa89d660600e0fe9178d5f23c43e0cf7b7648f/3_Switch_Checkbox_Radio.png" /> Switch A switch represents a physical switch that allows users to turn things on or off, like a light switch. Tapping a switch is a two-step action: selection and execution. Checkbox A checkbox allows the user to select multiple options at a time Radio Button A radio button allows the user to select one or more items from a set or turn an option on or off <img width="6320" height="4200" width_o="6320" height_o="4200" data-src="https://freight.cargo.site/t/original/i/c5d1bcfaea5fd14f4d4b74789bfc6fa9cee27eb5c1a628155158012915780438/4_Text-Input.png" data-mid="76017476" border="0" src="https://freight.cargo.site/w/1000/i/c5d1bcfaea5fd14f4d4b74789bfc6fa9cee27eb5c1a628155158012915780438/4_Text-Input.png" /> Text Area Text Area lets users enter and edit text. <img width="6320" height="3648" width_o="6320" height_o="3648" data-src="https://freight.cargo.site/t/original/i/5e0008c06340e1205f55af91766333faf40f77e834e88164a429ef2b16b9c29f/5_Dropdown_Multiselect.png" data-mid="76017479" border="0" src="https://freight.cargo.site/w/1000/i/5e0008c06340e1205f55af91766333faf40f77e834e88164a429ef2b16b9c29f/5_Dropdown_Multiselect.png" /> Multiselect &amp;&nbsp;Dropdown Multiselect is a non-editable select control that allows users to select multiple options at a time. Drop-down allows the user to choose one value from a list. <img width="6320" height="7652" width_o="6320" height_o="7652" data-src="https://freight.cargo.site/t/original/i/9bdf7a6bc1b3b9641c5079bb973df484e272f008cf64876030db324804b44d56/6_Typography.png" data-mid="76022855" border="0" src="https://freight.cargo.site/w/1000/i/9bdf7a6bc1b3b9641c5079bb973df484e272f008cf64876030db324804b44d56/6_Typography.png" /> Typography Gotham is our primary typeface. Gotham is a vernacular sans serif type designed at the Greenwich Village type foundry of Hoefler &amp; Frere-Jones between 2002 and 2004. It is influenced by architectural and commercial signage in New York City and suggests the energy and exuberance of NYU and New York City. <img width="6320" height="2520" width_o="6320" height_o="2520" data-src="https://freight.cargo.site/t/original/i/408dce87840456a2c9db426c1871e7ae1031bfa2f7e5704dcb251dc453044f69/7_Date-Time-Picker.png" data-mid="76017545" border="0" src="https://freight.cargo.site/w/1000/i/408dce87840456a2c9db426c1871e7ae1031bfa2f7e5704dcb251dc453044f69/7_Date-Time-Picker.png" /> Date Picker Date pickers allow users to select a date or a range of dates. <img width="6320" height="7792" width_o="6320" height_o="7792" data-src="https://freight.cargo.site/t/original/i/a4bf3ab7d761bef8968fac566480a0b77969bcb06c563dd3f2c1aba354e234f3/Buttons.png" data-mid="76024987" border="0" src="https://freight.cargo.site/w/1000/i/a4bf3ab7d761bef8968fac566480a0b77969bcb06c563dd3f2c1aba354e234f3/Buttons.png" /> Buttons Buttons allow users to take actions and make choices with a single tap. https://expandingexperience.kr/UNCODE Tue, 03 Sep 2019 18:22:09 +0000 Jaekook Han https://expandingexperience.kr/UNCODE UNCODEInteractive installation, 2019 <img width="5146" height="3122" width_o="5146" height_o="3122" data-src="https://freight.cargo.site/t/original/i/9b33fb0defd3d2495fff7b832fd554dd17095684abb103e1da8c2e01ad7fb858/Electric-Castle_UNCODE_Room1-2.jpg" data-mid="49825917" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/9b33fb0defd3d2495fff7b832fd554dd17095684abb103e1da8c2e01ad7fb858/Electric-Castle_UNCODE_Room1-2.jpg" /> Overview UNCODE is a real-time interactive installation which was exhibited for the first time during Electric Castle 2019 at Bànffy Castle, Cluj-Napoca, Romania. The installation visualizes how creative coding works by exposing its mechanics.UNCODE is composing with two installations, the hemisphere, which is getting live data and shows time difference by audience distance in the first room, and the unfolded version shows the insight of how the machine works. In the first room, the hemisphere gets the live video stream with a 360-degrees camera installed on the stage. And interact with time difference based on the distance between the audience. In the second room, we unfolded the hemisphere of the first room and exposed the behind scene of the installation. Data visualization from the sensors, software, and the process of streaming, which form was from the debug views.More info ︎ https://rndr.studio/projects/uncode Team Curator: Alex Czetwertynski Production Manager: Silviu Scrob Cordination Manager: Cristina Pop-TironArt Director: Jeroen BarendseProgrammer: Edwin JakobsInteraction Designer: Boyd RotgansDesigner: Viola Bernacchi Design Intern: Jaekook HanPhoto &amp; Video: Jaekook Han RolePrototypingDesign the unfolded hemisphereVideo and photo Build a concept with the team ToolIllustrator PhotoshopIndesignAfter Effects Premiere ProAuditionLightroomJitterOpenRNDR <img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/2b692f1c95a6d15b64c6a57bf0dbf81e1166ffd31bf4cc57e8438e1ccf7c95b7/2_main.png" data-mid="57308903" border="0" src="https://freight.cargo.site/w/1000/i/2b692f1c95a6d15b64c6a57bf0dbf81e1166ffd31bf4cc57e8438e1ccf7c95b7/2_main.png" /> <img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/989754b7a43c790bd9c167cad80c8cd9d484ff70f51b22681580cc9924bbd7d6/Screen-Shot-2019-12-27-at-6.08.22-PM.png" data-mid="57308907" border="0" src="https://freight.cargo.site/w/1000/i/989754b7a43c790bd9c167cad80c8cd9d484ff70f51b22681580cc9924bbd7d6/Screen-Shot-2019-12-27-at-6.08.22-PM.png" /> <img width="5184" height="3456" width_o="5184" height_o="3456" data-src="https://freight.cargo.site/t/original/i/af248d8a9d26901b427a7983723a6fbab17f735be5811f7e95aaa9a00d898d74/Electric-Castle_UNCODE_Room2-0.jpg" data-mid="49826575" border="0" src="https://freight.cargo.site/w/1000/i/af248d8a9d26901b427a7983723a6fbab17f735be5811f7e95aaa9a00d898d74/Electric-Castle_UNCODE_Room2-0.jpg" /> Design process First, we have worked on the prototype of the hemisphere which made with cardboard and same size as final intallation. And based on the prototype, we keep iterating our design and technical testing. I designed the unfolded hemisphere layout and prototyping interactions. Install hemisphere prototypeMade with cardboard and same size as final intallation.&nbsp; Unfolded hemisphere layout design I have worked on unfolded hemisphere layout for the second room based on the castle’s actual room size. I focused on the user’s flow and maintain the hint that this is unfolded version of the installaion in the fisrst room. &lt; Final Layout and other sketches &gt; <img width="1214" height="1086" width_o="1214" height_o="1086" data-src="https://freight.cargo.site/t/original/i/888bebaf5314b83db42045c29df0c0d970a4a5e5b0039df97346a51534dd0a26/EC_Room2_UnfoldedSphere_260619.png" data-mid="53972413" border="0" data-scale="100" alt="Final layout" data-caption="Final layout" src="https://freight.cargo.site/w/1000/i/888bebaf5314b83db42045c29df0c0d970a4a5e5b0039df97346a51534dd0a26/EC_Room2_UnfoldedSphere_260619.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/93501484d1f4234e8a1b4ffbccc5eba73611ca74c2ffa842e9ff4452cb8599d4/Electric-Castle_room2-Layou3.png" data-mid="53972476" border="0" src="https://freight.cargo.site/w/1000/i/93501484d1f4234e8a1b4ffbccc5eba73611ca74c2ffa842e9ff4452cb8599d4/Electric-Castle_room2-Layou3.png" /> <img width="2480" height="1754" width_o="2480" height_o="1754" data-src="https://freight.cargo.site/t/original/i/6c29b98350e38c2daa5e7d1731f2b069aaf601a5c389ac41a43dce190fedb7cb/Electric-Castle_room2-layout9.png" data-mid="53972521" border="0" src="https://freight.cargo.site/w/1000/i/6c29b98350e38c2daa5e7d1731f2b069aaf601a5c389ac41a43dce190fedb7cb/Electric-Castle_room2-layout9.png" /> <img width="2480" height="1754" width_o="2480" height_o="1754" data-src="https://freight.cargo.site/t/original/i/870e983ba659c21e3b7a776e56e15990481d46cf7c168626a221ce1031363aad/Electric-Castle_room2-layout8.png" data-mid="53972520" border="0" src="https://freight.cargo.site/w/1000/i/870e983ba659c21e3b7a776e56e15990481d46cf7c168626a221ce1031363aad/Electric-Castle_room2-layout8.png" /> <img width="1349" height="955" width_o="1349" height_o="955" data-src="https://freight.cargo.site/t/original/i/e84cf4978366e338223807c1c1fe8cee67e347114e37c407412405ff3f931e88/Electric-Castle_room2-layout7.png" data-mid="53972519" border="0" src="https://freight.cargo.site/w/1000/i/e84cf4978366e338223807c1c1fe8cee67e347114e37c407412405ff3f931e88/Electric-Castle_room2-layout7.png" /> <img width="1350" height="954" width_o="1350" height_o="954" data-src="https://freight.cargo.site/t/original/i/53081e78b50f0694540b9582cbb9fe6d8e72fd23d34b766813c4c6c177a603d7/Electric-Castle_room2-layout6.png" data-mid="53972518" border="0" src="https://freight.cargo.site/w/1000/i/53081e78b50f0694540b9582cbb9fe6d8e72fd23d34b766813c4c6c177a603d7/Electric-Castle_room2-layout6.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/a7af87023fec96027b6f9ec30f57ffbc35893ca3aa6210fbe15e827eeb812372/Electric-Castle_room2-layout5.png" data-mid="53972517" border="0" src="https://freight.cargo.site/w/1000/i/a7af87023fec96027b6f9ec30f57ffbc35893ca3aa6210fbe15e827eeb812372/Electric-Castle_room2-layout5.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/5934a123b9685c097788d8c9ecd99289313c5f01fdba1d1c0df87869876ad5e4/Electric-Castle_room2-layout4.png" data-mid="53972516" border="0" src="https://freight.cargo.site/w/1000/i/5934a123b9685c097788d8c9ecd99289313c5f01fdba1d1c0df87869876ad5e4/Electric-Castle_room2-layout4.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/bb7f71311d1034db07370519c8087d6ff4556cbe651e7f17241495c21ad8c072/Electric-Castle_room2-layout3.png" data-mid="53972515" border="0" src="https://freight.cargo.site/w/1000/i/bb7f71311d1034db07370519c8087d6ff4556cbe651e7f17241495c21ad8c072/Electric-Castle_room2-layout3.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/6ba315d02edf037a3b610dacca4ccf512c37ccec04988c68bfb39269ce3881f4/Electric-Castle_room2-layout2.png" data-mid="53972514" border="0" src="https://freight.cargo.site/w/1000/i/6ba315d02edf037a3b610dacca4ccf512c37ccec04988c68bfb39269ce3881f4/Electric-Castle_room2-layout2.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/23e5ae92b19c43e10704ef578ffd35082e8617a7dbd65af841311bc5025777c1/Electric-Castle_room2-Layout.png" data-mid="53972513" border="0" src="https://freight.cargo.site/w/1000/i/23e5ae92b19c43e10704ef578ffd35082e8617a7dbd65af841311bc5025777c1/Electric-Castle_room2-Layout.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/4a21dee11b6313c43c8f48dbb8ae9230cabf8410b822e84699ed277cc42bbab8/Electric-Castle_room2-layout-2.png" data-mid="53972512" border="0" src="https://freight.cargo.site/w/1000/i/4a21dee11b6313c43c8f48dbb8ae9230cabf8410b822e84699ed277cc42bbab8/Electric-Castle_room2-layout-2.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/1956b285567873a42f79c0381e2294a718cbec09797b6efbbffad0cf5099f8c4/Electric-Castle_room2-Layou8.png" data-mid="53972511" border="0" src="https://freight.cargo.site/w/1000/i/1956b285567873a42f79c0381e2294a718cbec09797b6efbbffad0cf5099f8c4/Electric-Castle_room2-Layou8.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/b70da6bb2010f40702cce61d65b2c6a026605b0bb4b8befc3393145c7c56167c/Electric-Castle_room2-Layou7.png" data-mid="53972510" border="0" src="https://freight.cargo.site/w/1000/i/b70da6bb2010f40702cce61d65b2c6a026605b0bb4b8befc3393145c7c56167c/Electric-Castle_room2-Layou7.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/9bfc7dab1b8831e3f668f9efe6cf1bc8056a88eb30ff68e9d83d82665538ddb4/Electric-Castle_room2-Layou6.png" data-mid="53972509" border="0" src="https://freight.cargo.site/w/1000/i/9bfc7dab1b8831e3f668f9efe6cf1bc8056a88eb30ff68e9d83d82665538ddb4/Electric-Castle_room2-Layou6.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/ec933002eccdb0c083627bd1408c79f133cb1f52820cc4a55c10395e30385194/Electric-Castle_room2-Layou5.png" data-mid="53972508" border="0" src="https://freight.cargo.site/w/1000/i/ec933002eccdb0c083627bd1408c79f133cb1f52820cc4a55c10395e30385194/Electric-Castle_room2-Layou5.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/d130caebfe7d6878347d9a02b0d54b163b5cfeee2cd1037a0f578cec49e2acc7/Electric-Castle_room2-Layou4.png" data-mid="53972507" border="0" src="https://freight.cargo.site/w/1000/i/d130caebfe7d6878347d9a02b0d54b163b5cfeee2cd1037a0f578cec49e2acc7/Electric-Castle_room2-Layou4.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/aaa93c3cd417b90721fe0510cc6ab6f7baaeb82d94168d5d21ca7cda3d2e5bd1/Electric-Castle_room2-Layou3.png" data-mid="53972506" border="0" src="https://freight.cargo.site/w/1000/i/aaa93c3cd417b90721fe0510cc6ab6f7baaeb82d94168d5d21ca7cda3d2e5bd1/Electric-Castle_room2-Layou3.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/47e6f13b30a106d99a335932fb796520bbc8f5203389bd517ee3b354381b15d8/Electric-Castle_room2-Layou2.png" data-mid="53972505" border="0" src="https://freight.cargo.site/w/1000/i/47e6f13b30a106d99a335932fb796520bbc8f5203389bd517ee3b354381b15d8/Electric-Castle_room2-Layou2.png" /> <img width="2481" height="1754" width_o="2481" height_o="1754" data-src="https://freight.cargo.site/t/original/i/17ef812db31273989936110be9dc14bb9b3603ebcec0cf4ae67e5e0b760b6afc/Electric-Castle_room2-Layou.png" data-mid="53972504" border="0" src="https://freight.cargo.site/w/1000/i/17ef812db31273989936110be9dc14bb9b3603ebcec0cf4ae67e5e0b760b6afc/Electric-Castle_room2-Layou.png" /> Interaction prototyping sketches The next step is an interaction prototyping. This installation shows the behind scene of the hemisphere in the first room. Data visualization from the sensors, software, and the process of streaming, which form was from the debug views. For that, sketch the structure and process map of the interaction. And also visualize the data. To understand the interaction flow easily, I used numbers and colors. &lt; Interaction Flow Sketches &gt; <img width="1347" height="783" width_o="1347" height_o="783" data-src="https://freight.cargo.site/t/original/i/a6648276cda075d5afaa24a28d5e803752d1fbe68e107eca021fe060a4e1b886/EC_Process-map-v1.png" data-mid="53973723" border="0" src="https://freight.cargo.site/w/1000/i/a6648276cda075d5afaa24a28d5e803752d1fbe68e107eca021fe060a4e1b886/EC_Process-map-v1.png" /> <img width="960" height="567" width_o="960" height_o="567" data-src="https://freight.cargo.site/t/original/i/5f95274794bda2793f4b52ba2af3fd408ced865934d3bc82b8fe19fd133ac069/EC_Process-map-v3.png" data-mid="53973725" border="0" src="https://freight.cargo.site/w/960/i/5f95274794bda2793f4b52ba2af3fd408ced865934d3bc82b8fe19fd133ac069/EC_Process-map-v3.png" /> <img width="1169" height="729" width_o="1169" height_o="729" data-src="https://freight.cargo.site/t/original/i/c7900df8fe474354b29f1452b8368976b96aa343bb8da64f60bd2d4f66641a27/EC_Process-map-v2.png" data-mid="53973724" border="0" src="https://freight.cargo.site/w/1000/i/c7900df8fe474354b29f1452b8368976b96aa343bb8da64f60bd2d4f66641a27/EC_Process-map-v2.png" /> <img width="631" height="361" width_o="631" height_o="361" data-src="https://freight.cargo.site/t/original/i/f98a9d5e99cdcd2bf5368d8f704a6cc296a84235d7541fe33b69360af7c85afc/EC_Process-map-v4.png" data-mid="53973726" border="0" src="https://freight.cargo.site/w/631/i/f98a9d5e99cdcd2bf5368d8f704a6cc296a84235d7541fe33b69360af7c85afc/EC_Process-map-v4.png" /> <img width="674" height="417" width_o="674" height_o="417" data-src="https://freight.cargo.site/t/original/i/b4c02cd9fa447d13f910b80a119fea4c72c9cab308d21c57cf1952556c7ab4c8/EC_Process-map-v6.png" data-mid="53973728" border="0" src="https://freight.cargo.site/w/674/i/b4c02cd9fa447d13f910b80a119fea4c72c9cab308d21c57cf1952556c7ab4c8/EC_Process-map-v6.png" /> <img width="660" height="389" width_o="660" height_o="389" data-src="https://freight.cargo.site/t/original/i/885e673d28635a840206f5c1f608d8492f40c924aef5a311f43b3492756b59b5/EC_Process-map-v5.png" data-mid="53973727" border="0" src="https://freight.cargo.site/w/660/i/885e673d28635a840206f5c1f608d8492f40c924aef5a311f43b3492756b59b5/EC_Process-map-v5.png" /> &lt; Data Visualization Sketches &gt; <img width="1352" height="934" width_o="1352" height_o="934" data-src="https://freight.cargo.site/t/original/i/d38079af76da64c27ace84a5f943bc3204b171d2b08fb5194d690be349a04710/R2_data-visual-sketch-2.png" data-mid="53973756" border="0" src="https://freight.cargo.site/w/1000/i/d38079af76da64c27ace84a5f943bc3204b171d2b08fb5194d690be349a04710/R2_data-visual-sketch-2.png" /> <img width="578" height="695" width_o="578" height_o="695" data-src="https://freight.cargo.site/t/original/i/7f8578847d93d2805ffbcc18c6985c1cc7ecb5f1c2bf95c0b7cb21d4a89bc463/R2_data-visual-sketch-3.png" data-mid="53973757" border="0" src="https://freight.cargo.site/w/578/i/7f8578847d93d2805ffbcc18c6985c1cc7ecb5f1c2bf95c0b7cb21d4a89bc463/R2_data-visual-sketch-3.png" /> <img width="1037" height="738" width_o="1037" height_o="738" data-src="https://freight.cargo.site/t/original/i/322ed3e6f2a45ad64f15b5c0ba961532089505357818615c98b3f15c639d97cf/R2_data-visual-sketch-1.png" data-mid="53973755" border="0" src="https://freight.cargo.site/w/1000/i/322ed3e6f2a45ad64f15b5c0ba961532089505357818615c98b3f15c639d97cf/R2_data-visual-sketch-1.png" /> <img width="951" height="401" width_o="951" height_o="401" data-src="https://freight.cargo.site/t/original/i/36c511b509302db04d36be65f85003e963240fa1700635a440b1049ec7c5105e/R2_data-visual-sketch-5.png" data-mid="53973759" border="0" src="https://freight.cargo.site/w/951/i/36c511b509302db04d36be65f85003e963240fa1700635a440b1049ec7c5105e/R2_data-visual-sketch-5.png" /> <img width="616" height="490" width_o="616" height_o="490" data-src="https://freight.cargo.site/t/original/i/b9c04ae75747e875f3b8dd8005fc1836d1a05f4d98f800e007451bb9dd9c3758/R2_data-visual-sketch-6.png" data-mid="53973760" border="0" src="https://freight.cargo.site/w/616/i/b9c04ae75747e875f3b8dd8005fc1836d1a05f4d98f800e007451bb9dd9c3758/R2_data-visual-sketch-6.png" /> <img width="932" height="913" width_o="932" height_o="913" data-src="https://freight.cargo.site/t/original/i/b7392e6fc86cdcf2aa26b12791a5cb2ce2c59081852a1aa2a77556c239faeeaa/R2_data-visual-sketch-4.png" data-mid="53973758" border="0" src="https://freight.cargo.site/w/932/i/b7392e6fc86cdcf2aa26b12791a5cb2ce2c59081852a1aa2a77556c239faeeaa/R2_data-visual-sketch-4.png" /> &lt; Animated Prototype &gt; More info&nbsp;︎ https://rndr.studio/projects/uncode https://expandingexperience.kr/GraphicDesign-1 Wed, 29 Apr 2020 23:17:15 +0000 Jaekook Han https://expandingexperience.kr/GraphicDesign-1 <img width="2481" height="3508" width_o="2481" height_o="3508" data-src="https://freight.cargo.site/t/original/i/1e9ee52c8e2b139c16004afc7a59214c3f7d1a09b0696a85970a7ecb05886cdb/1_Melon_6_Mar_2024.png" data-mid="238453274" border="0" src="https://freight.cargo.site/w/1000/i/1e9ee52c8e2b139c16004afc7a59214c3f7d1a09b0696a85970a7ecb05886cdb/1_Melon_6_Mar_2024.png" /> <img width="2537" height="3568" width_o="2537" height_o="3568" data-src="https://freight.cargo.site/t/original/i/d9288de2361dbc42ca317eca3b2d13aba0d9def2537f62850d933a4cbba87dcc/6_HappyEnd_17Mar_2025.png" data-mid="238453400" border="0" src="https://freight.cargo.site/w/1000/i/d9288de2361dbc42ca317eca3b2d13aba0d9def2537f62850d933a4cbba87dcc/6_HappyEnd_17Mar_2025.png" /> <img width="2481" height="3508" width_o="2481" height_o="3508" data-src="https://freight.cargo.site/t/original/i/63cc08dc8f9ec4daff7921f61eb8c6a1729bd53f216aab8910eaacf6c1455e36/3_Chopin_BalladeNo1_24Oct2024.png" data-mid="238453386" border="0" src="https://freight.cargo.site/w/1000/i/63cc08dc8f9ec4daff7921f61eb8c6a1729bd53f216aab8910eaacf6c1455e36/3_Chopin_BalladeNo1_24Oct2024.png" /> <img width="2481" height="3508" width_o="2481" height_o="3508" data-src="https://freight.cargo.site/t/original/i/4d0d0e40af47b7c65b75593af0ffa4bef1e00dc2e01368d34d281c9c87f1e990/4_JusttheTwoOfUs_16_Oct_2024.png" data-mid="238453387" border="0" src="https://freight.cargo.site/w/1000/i/4d0d0e40af47b7c65b75593af0ffa4bef1e00dc2e01368d34d281c9c87f1e990/4_JusttheTwoOfUs_16_Oct_2024.png" /> <img width="2600" height="3627" width_o="2600" height_o="3627" data-src="https://freight.cargo.site/t/original/i/c08ae0ad554290eca956b9e6942558c17b4f835c2e6026172575f78a7287ff9c/5_Sight_28_Nov_2024.png" data-mid="238453388" border="0" src="https://freight.cargo.site/w/1000/i/c08ae0ad554290eca956b9e6942558c17b4f835c2e6026172575f78a7287ff9c/5_Sight_28_Nov_2024.png" /> <img width="2316" height="3274" width_o="2316" height_o="3274" data-src="https://freight.cargo.site/t/original/i/dba93edce2f6013a960f98780d348c672994972feabb04a519d865832a5aeac1/9_Escape_13Aug_2025.png" data-mid="238453403" border="0" src="https://freight.cargo.site/w/1000/i/dba93edce2f6013a960f98780d348c672994972feabb04a519d865832a5aeac1/9_Escape_13Aug_2025.png" /> <img width="2481" height="3508" width_o="2481" height_o="3508" data-src="https://freight.cargo.site/t/original/i/75bfe6d0f10845ec724aeaa19bce3c56355e1fde7ea3550551933a1afef6e4d3/2_Tongtong_27Feb2024.png" data-mid="238453275" border="0" src="https://freight.cargo.site/w/1000/i/75bfe6d0f10845ec724aeaa19bce3c56355e1fde7ea3550551933a1afef6e4d3/2_Tongtong_27Feb2024.png" /> <img width="3000" height="3000" width_o="3000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/0edc4180c1c66f8ddb040eb8da03fe412beab9f2c3c3a97a19ce7bb259875b0a/Dongchan_Salvation_2024.png" data-mid="238453561" border="0" src="https://freight.cargo.site/w/1000/i/0edc4180c1c66f8ddb040eb8da03fe412beab9f2c3c3a97a19ce7bb259875b0a/Dongchan_Salvation_2024.png" /> <img width="4962" height="7016" width_o="4962" height_o="7016" data-src="https://freight.cargo.site/t/original/i/537153cf8ffc1868be4e36bc5b5ff90a7997a90644b9b6c2f69557fcb1177340/7_hhh_17Jun_2025.png" data-mid="238453401" border="0" src="https://freight.cargo.site/w/1000/i/537153cf8ffc1868be4e36bc5b5ff90a7997a90644b9b6c2f69557fcb1177340/7_hhh_17Jun_2025.png" /> <img width="3000" height="3000" width_o="3000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/7508f0231f78b3e55a3d28b20d5933cdc257ae9d099b4a774801e0619c57f900/DC_Vol2_Moving.png" data-mid="238453560" border="0" src="https://freight.cargo.site/w/1000/i/7508f0231f78b3e55a3d28b20d5933cdc257ae9d099b4a774801e0619c57f900/DC_Vol2_Moving.png" /> <img width="4501" height="2814" width_o="4501" height_o="2814" data-src="https://freight.cargo.site/t/original/i/737a4293ff8b272ebc1e8d72a6c0d82da1c3a266db024dd211783b39f07191ec/JiwonRhie_Undertow_Final.png" data-mid="238453564" border="0" src="https://freight.cargo.site/w/1000/i/737a4293ff8b272ebc1e8d72a6c0d82da1c3a266db024dd211783b39f07191ec/JiwonRhie_Undertow_Final.png" /> <img width="3000" height="3000" width_o="3000" height_o="3000" data-src="https://freight.cargo.site/t/original/i/30097168f311154a0844a8a342b0a7c133b687ace6553b09936ccf06d0a75b78/Dongchan_MoonliketheSun.png" data-mid="238453571" border="0" src="https://freight.cargo.site/w/1000/i/30097168f311154a0844a8a342b0a7c133b687ace6553b09936ccf06d0a75b78/Dongchan_MoonliketheSun.png" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/b15fd6512feefd766efac922877457258b0c7c2b31f4c53db9066d9278f2318e/FFRD_HistoryofViolence_1000x1000.png" data-mid="238453563" border="0" src="https://freight.cargo.site/w/1000/i/b15fd6512feefd766efac922877457258b0c7c2b31f4c53db9066d9278f2318e/FFRD_HistoryofViolence_1000x1000.png" /> <img width="1400" height="1400" width_o="1400" height_o="1400" data-src="https://freight.cargo.site/t/original/i/5b5f52af60fa1f035a51fdbd4fca78f63cec3c14346b39e26c1a199c7161aa3b/FFRD_KC_Final_1400x1400.png" data-mid="238461828" border="0" src="https://freight.cargo.site/w/1000/i/5b5f52af60fa1f035a51fdbd4fca78f63cec3c14346b39e26c1a199c7161aa3b/FFRD_KC_Final_1400x1400.png" /> <img width="2976" height="2031" width_o="2976" height_o="2031" data-src="https://freight.cargo.site/t/original/i/562dccba314e905ab1c5f25bc5509dfd724144c1ad3dddd454f57662b74c439d/TPSurvey_Th.png" data-mid="72520848" border="0" src="https://freight.cargo.site/w/1000/i/562dccba314e905ab1c5f25bc5509dfd724144c1ad3dddd454f57662b74c439d/TPSurvey_Th.png" /> <img width="6250" height="6250" width_o="6250" height_o="6250" data-src="https://freight.cargo.site/t/original/i/dc07143b61aa037da79a084ccf5de6829a916989a333eb65b8990179482e3ff1/FFRD_EP2_What-You-Need_Final_051020.png" data-mid="238453573" border="0" src="https://freight.cargo.site/w/1000/i/dc07143b61aa037da79a084ccf5de6829a916989a333eb65b8990179482e3ff1/FFRD_EP2_What-You-Need_Final_051020.png" /> <img width="3339" height="1843" width_o="3339" height_o="1843" data-src="https://freight.cargo.site/t/original/i/6f6c6ae67d02201045a062eb7d2b0118194afaad0ebf7c7b8fa108be183471db/pwk_cover.png" data-mid="72521133" border="0" src="https://freight.cargo.site/w/1000/i/6f6c6ae67d02201045a062eb7d2b0118194afaad0ebf7c7b8fa108be183471db/pwk_cover.png" /> <img width="8333" height="8333" width_o="8333" height_o="8333" data-src="https://freight.cargo.site/t/original/i/59e21936312d1577b58cf98a9d4f3c990ee00cd5e7f5299971ef0411192a7ac6/Dubinvain-Cover.png" data-mid="238461821" border="0" src="https://freight.cargo.site/w/1000/i/59e21936312d1577b58cf98a9d4f3c990ee00cd5e7f5299971ef0411192a7ac6/Dubinvain-Cover.png" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/e4842eccf9c65d1d7f2d8c3bf8fd8640650b70a07e11176f8a6d94c363bfe5ad/Pre-for-AAS_Image_1.jpg" data-mid="72522945" border="0" src="https://freight.cargo.site/w/1000/i/e4842eccf9c65d1d7f2d8c3bf8fd8640650b70a07e11176f8a6d94c363bfe5ad/Pre-for-AAS_Image_1.jpg" /> <img width="3300" height="5100" width_o="3300" height_o="5100" data-src="https://freight.cargo.site/t/original/i/4b55a00395af61d7a1e76f461ca63f0015472c73565515cfbe6b9fb4699008da/light_final3.jpg" data-mid="238486525" border="0" src="https://freight.cargo.site/w/1000/i/4b55a00395af61d7a1e76f461ca63f0015472c73565515cfbe6b9fb4699008da/light_final3.jpg" /> <img width="7016" height="9933" width_o="7016" height_o="9933" data-src="https://freight.cargo.site/t/original/i/e3e40f4d2cb23b7fc9d20e992bf98a70d83da76f5aef8d50de067b6efaca9dc4/YN-Unive-Grad-Show-poster.jpg" data-mid="238488052" border="0" src="https://freight.cargo.site/w/1000/i/e3e40f4d2cb23b7fc9d20e992bf98a70d83da76f5aef8d50de067b6efaca9dc4/YN-Unive-Grad-Show-poster.jpg" /> <img width="1556" height="2334" width_o="1556" height_o="2334" data-src="https://freight.cargo.site/t/original/i/7971196c0a4cdadc02e801e90a60cf25a9f2d89e00672e60676e9bfd92077b50/JIFF-Favula_2015.png" data-mid="238488086" border="0" src="https://freight.cargo.site/w/1000/i/7971196c0a4cdadc02e801e90a60cf25a9f2d89e00672e60676e9bfd92077b50/JIFF-Favula_2015.png" /> <img width="4253" height="2904" width_o="4253" height_o="2904" data-src="https://freight.cargo.site/t/original/i/5cf1cc7936081c4327cd2f43df02f89504f267ed232e8166b13895122ee64d8c/Kernelstrip_5_all-part.jpg" data-mid="238488356" border="0" src="https://freight.cargo.site/w/1000/i/5cf1cc7936081c4327cd2f43df02f89504f267ed232e8166b13895122ee64d8c/Kernelstrip_5_all-part.jpg" /> <img width="2480" height="3508" width_o="2480" height_o="3508" data-src="https://freight.cargo.site/t/original/i/59b5d6dc43a0843ef417e2ae64635e39573554e9702684f75a3e313f374f666d/bha_designseminar_web.jpg" data-mid="238488070" border="0" src="https://freight.cargo.site/w/1000/i/59b5d6dc43a0843ef417e2ae64635e39573554e9702684f75a3e313f374f666d/bha_designseminar_web.jpg" /> <img width="1558" height="2332" width_o="1558" height_o="2332" data-src="https://freight.cargo.site/t/original/i/c0501ba8bae9ee728842703327d02b4e81c9cc3dd2d07a144dbf14d0b1caeaec/JIFF2016_Nobody-from-Nowhere_final.png" data-mid="238488098" border="0" src="https://freight.cargo.site/w/1000/i/c0501ba8bae9ee728842703327d02b4e81c9cc3dd2d07a144dbf14d0b1caeaec/JIFF2016_Nobody-from-Nowhere_final.png" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/a6d28980050441ea6fabe203638fcd0ed57fa6f82f52e7ead4420f0828db2be7/YinYoga_Cover_01.jpg" data-mid="72521242" border="0" src="https://freight.cargo.site/w/1000/i/a6d28980050441ea6fabe203638fcd0ed57fa6f82f52e7ead4420f0828db2be7/YinYoga_Cover_01.jpg" /> <img width="9933" height="14043" width_o="9933" height_o="14043" data-src="https://freight.cargo.site/t/original/i/94ef70d88ca652554140476936f277f6f76747ac28a17e0f8642fce2aea124fd/.png" data-mid="238488016" border="0" src="https://freight.cargo.site/w/1000/i/94ef70d88ca652554140476936f277f6f76747ac28a17e0f8642fce2aea124fd/.png" /> <img width="4252" height="1966" width_o="4252" height_o="1966" data-src="https://freight.cargo.site/t/original/i/d62db51d0b7d4d1a24855ecc8c0c2349e80c734a6097ae5893d1404f0373446f/poster_2.jpg" data-mid="72521102" border="0" src="https://freight.cargo.site/w/1000/i/d62db51d0b7d4d1a24855ecc8c0c2349e80c734a6097ae5893d1404f0373446f/poster_2.jpg" /> <img width="10051" height="14150" width_o="10051" height_o="14150" data-src="https://freight.cargo.site/t/original/i/cf8c437c598e91e75bee685ea55bea93a84b218727bf8b8b73bb9b90b4e8911d/xd24poster_jae_final-12_rgb.png" data-mid="238488068" border="0" src="https://freight.cargo.site/w/1000/i/cf8c437c598e91e75bee685ea55bea93a84b218727bf8b8b73bb9b90b4e8911d/xd24poster_jae_final-12_rgb.png" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/269f10b93b0dc454790136051de842d963f39435ce5a39c59c0f73c8d7132cb0/Amorepacific_image1.jpg" data-mid="72521237" border="0" src="https://freight.cargo.site/w/1000/i/269f10b93b0dc454790136051de842d963f39435ce5a39c59c0f73c8d7132cb0/Amorepacific_image1.jpg" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/154d5c2053f95ff5d6537c2b11c1df364aa82a961ed6ca79d80e4357c3e2668c/giman_image.jpg" data-mid="72521241" border="0" src="https://freight.cargo.site/w/1000/i/154d5c2053f95ff5d6537c2b11c1df364aa82a961ed6ca79d80e4357c3e2668c/giman_image.jpg" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/46c07ff2f2cc6fffe2d03ad01ed5799edc5440c380379dd951c7dc520dd4b70f/PierreFabre_image_1.jpg" data-mid="72521240" border="0" src="https://freight.cargo.site/w/1000/i/46c07ff2f2cc6fffe2d03ad01ed5799edc5440c380379dd951c7dc520dd4b70f/PierreFabre_image_1.jpg" /> <img width="4252" height="2902" width_o="4252" height_o="2902" data-src="https://freight.cargo.site/t/original/i/84bb689ba0b6b7c2467d7e124bbd701e86e983516fb30a5373a564bdd86152e6/Megahit_image.jpg" data-mid="72521238" border="0" src="https://freight.cargo.site/w/1000/i/84bb689ba0b6b7c2467d7e124bbd701e86e983516fb30a5373a564bdd86152e6/Megahit_image.jpg" /> <img width="5315" height="3628" width_o="5315" height_o="3628" data-src="https://freight.cargo.site/t/original/i/abbed12f3113a8c78180ceb40d73ad19ca4153e00f18a9673b51f26916807f10/AJU_day_Cover_1.png" data-mid="77674522" border="0" src="https://freight.cargo.site/w/1000/i/abbed12f3113a8c78180ceb40d73ad19ca4153e00f18a9673b51f26916807f10/AJU_day_Cover_1.png" /> <img width="1612" height="2278" width_o="1612" height_o="2278" data-src="https://freight.cargo.site/t/original/i/27adf913a751f088c68af03b69f3a49e4087595b4f3787a3621891ca6f67ba72/Zandari_Kernelstrip.png" data-mid="238488087" border="0" src="https://freight.cargo.site/w/1000/i/27adf913a751f088c68af03b69f3a49e4087595b4f3787a3621891ca6f67ba72/Zandari_Kernelstrip.png" />