https://rustyat.com rustyat Sat, 31 Aug 2024 08:00:39 +0000 https://rustyat.com en https://rustyat.com/Home Tue, 11 Jun 2019 06:22:28 +0000 rustyat https://rustyat.com/Home window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); rustyat product designer 👻 As a product designer, I balance aesthetics with usability, ensuring beauty doesn’t compromise function. I make practical decisions within the constraints of time, budget, and environment, and I place a strong emphasis on collaboration with team. https://rustyat.com/Shinsegae-International-S-I-Village Tue, 11 Jun 2019 06:22:29 +0000 rustyat https://rustyat.com/Shinsegae-International-S-I-Village window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); Shinsegae international s.i.village <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/95f25da24d1e5adeccaf741e82d4228e648e6e6f7831fe1988d8635eb6db2947/si_1.png" data-mid="45113058" border="0" src="https://freight.cargo.site/w/1000/i/95f25da24d1e5adeccaf741e82d4228e648e6e6f7831fe1988d8635eb6db2947/si_1.png" /> 신세계 인터내셔날은 해외 유명 브랜드를 국내에 도입하여 패션 및 라이프스타일을 선도하는 기업으로,오프라인 뿐만 아니라 온라인에서도 패션, 뷰티, 리빙 영역에서 고객의 라이프스타일을 진화시키는 경험을 제공하기 위해신규 온라인 커머스 플랫폼을 제작하고자플러스엑스에 BX/UX/UI 컨설팅을 의뢰하였습니다.2015년 9월부터 12월, 4개월 동안 플러스엑스 BX팀과 UX/UI팀이 협업하였으며,UX/UI팀은 PC, 모바일 플랫폼의 전체 구조와 핵심 화면의 설계/디자인 작업을 진행하였고그 이후 실제 구축은 타사에서 진행하였습니다. Project 2015. 9. - 2015. 12.BX/UX/UI/Motion Experience Design Participation Proposal 서비스 분석, 전략 컨셉, 목업 구조 아이데이션 : 20% (5명)PC 웹 시안 A-1 디자인 : 100%Build-upPC 웹 디자인 : 40% (3명)모바일 디자인 : 50% (2명) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/30e19226eca9262948f1a79180aad77ac94536787bc3c5d3fde7c8113a9beeab/si_2.png" data-mid="55685470" border="0" src="https://freight.cargo.site/w/1000/i/30e19226eca9262948f1a79180aad77ac94536787bc3c5d3fde7c8113a9beeab/si_2.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0b7961f0a71eb7cf2546bbffdab070a19bac61cea7381fafc6f98dd3284464df/si_3.png" data-mid="44881454" border="0" src="https://freight.cargo.site/w/1000/i/0b7961f0a71eb7cf2546bbffdab070a19bac61cea7381fafc6f98dd3284464df/si_3.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/84c3129fe023089655130386e5ae86227a28ddd2e24e5a3a478fe188eee49037/si_4.png" data-mid="55685822" border="0" src="https://freight.cargo.site/w/1000/i/84c3129fe023089655130386e5ae86227a28ddd2e24e5a3a478fe188eee49037/si_4.png" /> Brand Manifesto S.I.Village는신세계 인터내셔날의 다양한 국내외 브랜드 상품을합리적인 가격으로 쉽고 편리하게 구입할 수 있는 온라인 커머스 플랫폼입니다.유니크하고 트렌디한 상품을 빠르게 제공하고합리적인 가격과 편리한 온오프라인 서비스 혜택,기존에 만나볼 수 없었던 유니크한 콘텐츠를 통해단순히 상품을 판매하는 온라인 커머스를 넘어패션, 뷰티, 리빙 카테고리를 비롯한라이프스타일 전반에 가치 있는 소중한 경험을 제공합니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/96fcab57888ad4754900ce6a7ab76361adbc52b8f24887f6c8c7f346c3626f7f/si_5.png" data-mid="44882272" border="0" src="https://freight.cargo.site/w/1000/i/96fcab57888ad4754900ce6a7ab76361adbc52b8f24887f6c8c7f346c3626f7f/si_5.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/cc9d2c1447d7b3be13b6fed3108bf4feb7d9a0fa5e284c43f7ca0bfa666b063a/si_6.png" data-mid="44882273" border="0" src="https://freight.cargo.site/w/1000/i/cc9d2c1447d7b3be13b6fed3108bf4feb7d9a0fa5e284c43f7ca0bfa666b063a/si_6.png" /> BX DesignS.I.Village의 지향 이미지를 효과적으로 시각화하기 위해 도출된 아이덴티티를 바탕으로지향 이미지를 효과적으로 전달할 수 있는 디자인 표현 원칙을 도출하였고,그에 맞는 BX Design Application이 개발되었습니다. <img width="1920" height="1058" width_o="1920" height_o="1058" data-src="https://freight.cargo.site/t/original/i/d66fc73030b1b7e839b65165d1dec905d358ca3ec49243fb4b54772f058bb35a/si_7.png" data-mid="46488387" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/d66fc73030b1b7e839b65165d1dec905d358ca3ec49243fb4b54772f058bb35a/si_7.png" /> 구매 유도를 위한 자극적인 광고로 상품을 판매하는타 커머스 플랫폼과 차별성을 두기 위해단순히 상품을 구매하는 것이 아닌“상품과 함께 경험을 구매하는 커머스"를 만들자는 전략을 세웠습니다.상품뿐만 아니라 상품을 포괄하는 라이프 스타일에 대해 소개하고 추천해주는 콘텐츠를 상품과 함께 제공하여콘텐츠를 소비하면서 자연스럽게 상품이 노출될 수 있도록 하고자 하였습니다.전문가의 관점을 바탕으로 패션 전반에 대한 깊이 있는 정보들을 편집하여 제공하는 저널 콘텐츠,개별 상품을 중심으로 가볍게 훑어볼 수 있는 이슈 콘텐츠를 구성하였습니다.콘텐츠와 상품이 제공되고 소비되는 비중에 따라 커머스 플랫폼 목업 유형을 3가지 군으로 분리하였고,3가지 타입 중 저는 A 타입으로 시안을 잡았습니다. Draft A-1 <img width="1920" height="1665" width_o="1920" height_o="1665" data-src="https://freight.cargo.site/t/original/i/9ab813e2f379ec93acfd703e562e0abc5719494d221640b2362c46138cc66d86/si_8.png" data-mid="44892272" border="0" src="https://freight.cargo.site/w/1000/i/9ab813e2f379ec93acfd703e562e0abc5719494d221640b2362c46138cc66d86/si_8.png" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/b212ecea13a74e7da9216d5fe68d788b5a708bbe22f0a5b761b8efe15ae065db/ezgif.com-video-to-gif.gif" data-mid="44222349" border="0" src="https://freight.cargo.site/w/800/i/b212ecea13a74e7da9216d5fe68d788b5a708bbe22f0a5b761b8efe15ae065db/ezgif.com-video-to-gif.gif" /> Draft A-1 Design Concept Breaking the grid &amp;Parallax scroll A 구조 자체가 메인에서 상품을 숨기고 콘텐츠를 전면에 내세우는, 상품을 팔아야하는 커머스 사이트로서는 다소 모험적인 구조이기 때문에 이에 맞춰 ‘탈그리드 형태의 콘텐츠 랜덤 배치' 및 ‘패럴렉스 스크롤’을 사용하여 메인 디자인을 진행하였습니다. <img width="2236" height="5221" width_o="2236" height_o="5221" data-src="https://freight.cargo.site/t/original/i/415d2e0eb5d6822b743633689dbd09897adc1a54f9014632ee311df6c069c35b/si_9.png" data-mid="45042018" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/415d2e0eb5d6822b743633689dbd09897adc1a54f9014632ee311df6c069c35b/si_9.png" /> Final Design3가지 구조의 총 5개의 시안을 리뷰하였고,신세계 인터내셔날 내부 회의 결과 ‘콘텐츠를 전면에 내세우는 커머스’라는 차별화 전략은 좋으나메인 화면에서 상품이 전혀 노출되지 않는 것은 다소 리스크가 있다고 판단하여메인의 상단은 콘텐츠, 하단은 상품으로 절충하여 구성한A-2안 방향으로 결정되어 디벨롭 되었습니다. <img width="1920" height="5048" width_o="1920" height_o="5048" data-src="https://freight.cargo.site/t/original/i/e320e86c9a1f4129071bdaeb85a5f25af79c7826cf2898b488c60e4d6f555dc5/si_11.png" data-mid="44892369" border="0" data-scale="66" src="https://freight.cargo.site/w/1000/i/e320e86c9a1f4129071bdaeb85a5f25af79c7826cf2898b488c60e4d6f555dc5/si_11.png" /> Crossing the boundaries between products and contents New commerce 메인 화면 상단에 콘텐츠를 적극 노출시켜 고객이 양질의 콘텐츠를 만나는데에 용이하도록 하였고,이미지 중심으로 흥미를 유발할 수 있는 타이틀과 쇼트 에세이를 함께 배치하였습니다. 모바일에서는 좌/우측 상단에 메뉴 버튼을 두어 패션, 뷰티, 리빙관 이동과 그 하위에 있는 상품 카테고리, 콘텐츠, 브랜드관, 검색 등의 이동이 가능합니다. 프리미엄 브랜드 소비 사용자는 가격보다 상품 자체에 더 집중하기 때문에상품 리스트 페이지는 이미지 중심적 소비에 최적화된 뷰를 제공합니다.상품 상세는 상품과 연관 상품까지의 거리를 짧게 하기 위해 여러 장의 상품 이미지를상단 고정 영역에서 소비할 수 있도록 구성하였습니다. <img width="1920" height="1644" width_o="1920" height_o="1644" data-src="https://freight.cargo.site/t/original/i/9aeaef87bdbaf48644e37eb5948aaf2bd10ee3f6bc9f723731fce1bcf31190ae/si_14.png" data-mid="44892586" border="0" src="https://freight.cargo.site/w/1000/i/9aeaef87bdbaf48644e37eb5948aaf2bd10ee3f6bc9f723731fce1bcf31190ae/si_14.png" /> <img width="1920" height="2123" width_o="1920" height_o="2123" data-src="https://freight.cargo.site/t/original/i/3019c9e3d463b3eebdb9c2d5ccddc2d33f31c93c91ef3e9375f93316ad9096e5/si_20.png" data-mid="44884643" border="0" src="https://freight.cargo.site/w/1000/i/3019c9e3d463b3eebdb9c2d5ccddc2d33f31c93c91ef3e9375f93316ad9096e5/si_20.png" /> <img width="1920" height="1303" width_o="1920" height_o="1303" data-src="https://freight.cargo.site/t/original/i/9aca15fc69dd1434e1ab44616a871a1c5dd84c0524b6ca141fa5c0c4ce29da34/si_17.png" data-mid="44890562" border="0" src="https://freight.cargo.site/w/1000/i/9aca15fc69dd1434e1ab44616a871a1c5dd84c0524b6ca141fa5c0c4ce29da34/si_17.png" /> <img width="1920" height="1880" width_o="1920" height_o="1880" data-src="https://freight.cargo.site/t/original/i/c322faf86a74918483bc3ec944a6e8008e7763835750b6d757a58ee5b014e2e2/si_15.png" data-mid="44882502" border="0" src="https://freight.cargo.site/w/1000/i/c322faf86a74918483bc3ec944a6e8008e7763835750b6d757a58ee5b014e2e2/si_15.png" /> <img width="1920" height="2931" width_o="1920" height_o="2931" data-src="https://freight.cargo.site/t/original/i/b12605d923024a3092c46a90fa7a98ddd6947aa94a77fcba79ee3d218bdc3de5/si_16.png" data-mid="44882503" border="0" src="https://freight.cargo.site/w/1000/i/b12605d923024a3092c46a90fa7a98ddd6947aa94a77fcba79ee3d218bdc3de5/si_16.png" /> <img width="1920" height="1081" width_o="1920" height_o="1081" data-src="https://freight.cargo.site/t/original/i/490ad67cbcc1ca993d62a76e42d889e63efee83799729d942e5ddcec987f1adc/si_19.png" data-mid="44883987" border="0" src="https://freight.cargo.site/w/1000/i/490ad67cbcc1ca993d62a76e42d889e63efee83799729d942e5ddcec987f1adc/si_19.png" /> https://rustyat.com/29CM Fri, 21 Jun 2019 07:34:09 +0000 rustyat https://rustyat.com/29CM rame src="https://www.googletagmanager.com/ns.html?id=GTM-MCSBWKQC" height="0" width="0" style="display:none;visibility:hidden"> https://rustyat.com/Doosan-Doota-Duty-Free Wed, 19 Jun 2019 09:16:56 +0000 rustyat https://rustyat.com/Doosan-Doota-Duty-Free window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); Doosan Doota Dutyfree &nbsp; <img width="1290" height="1290" width_o="1290" height_o="1290" data-src="https://freight.cargo.site/t/original/i/7b8e6542574b32aaac0c10fb01133e0980bc2fcccd22d68b5fb1fdf95d112801/thumbnail_doota.png" data-mid="45082098" border="0" src="https://freight.cargo.site/w/1000/i/7b8e6542574b32aaac0c10fb01133e0980bc2fcccd22d68b5fb1fdf95d112801/thumbnail_doota.png" /> 두타는 두산그룹이 운영하는 패션전문 쇼핑몰 브랜드로2016년 면세 사업을 유치하면서 쇼핑몰 뿐만 아니라 면세점을 비롯한 다양한 하위 브랜드를 운영하는 플랫폼 브랜드로 확장하였습니다. 이를 위해 두타는 다양한 영역으로의 사업 확장에 유연하게 대응할 수 있는 새로운 브랜드 시스템과그에 따른 BX, DX, UX/UI를 플러스엑스에 의뢰하였습니다. 2주라는 짧은 시간 안에 TFT팀이 큰 가이드가 될 수 있는 비주얼 모티프 작업을 진행하였고,이후 2016년 1월부터 3월, 3개월동안 플러스엑스 BX팀과 UX/UI팀, 영상팀이 협업하였습니다. UI팀은 Wi-Fi 페이지 구축 및 면세점 사이트 코어 디자인 가이드를 맡아 진행하였습니다. Project 2016. 1. - 2016. 4BX/UX/UI/MotionI Experience Design Participation Wi-Fi 페이지Mobile : 50% (3명)PC : 33.3% (3명) 인터넷 면세점 디자인 가이드Mobile : 50% (2명)PC : 50% (2명) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/9d518dcf4b483ff0a19d0dca208e35adb3d7a4025b0100e76d69fe74a156be8a/doota_1.png" data-mid="45054131" border="0" src="https://freight.cargo.site/w/1000/i/9d518dcf4b483ff0a19d0dca208e35adb3d7a4025b0100e76d69fe74a156be8a/doota_1.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5e1434d5ba8de8cacb9ab1e286f29b0308419d7644145b300feeac09986f7a51/doota_2.png" data-mid="45054431" border="0" src="https://freight.cargo.site/w/1000/i/5e1434d5ba8de8cacb9ab1e286f29b0308419d7644145b300feeac09986f7a51/doota_2.png" /> 향후 두타 브랜드를 중심으로 쇼핑몰과 면세점을 비롯한 다양한 하위 브랜드 확장을 고려하여 브랜드 전반을 포괄할 수 있는 새로운 브랜드 아이덴티티를 찾고 이하 브랜드 어플리케이션 및 Wi-fi 페이지 및 면세점 사이트를 새로운 디자인으로 맞추는 작업이 본 프로젝트의 목표였습니다. 두타면세점은 두타의 미니멀하고 중성적인 디자인, 유연하고 확장가능한 디자인, 세련되고 진보적인 디자인을 기반으로하여 간결하고 세련된 룩앤필을 표현하는 것을 브랜드 전략으로 잡았습니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0593aab71c387e62e038f080c9287861a3732598cb7603d2a48f4a4e095e6245/doota_3.png" data-mid="45055441" border="0" src="https://freight.cargo.site/w/1000/i/0593aab71c387e62e038f080c9287861a3732598cb7603d2a48f4a4e095e6245/doota_3.png" /> Blended Line ShapePink &amp; Black 두타 면세점의 비주얼 모티브는 블렌디드 라인과 경쟁사 대비 차별화된 컬러인 마젠타 핑크를 활용하여두타 면세점의 트렌디하고 경쟁력있는 럭셔리함을 전달할 수 있는 BX Application Design이 개발되었습니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b05eccf395f038682163b67d6031a3e80a8a63d6b6c2cb3d9dccab894140dffe/doota_5.png" data-mid="45056447" border="0" src="https://freight.cargo.site/w/1000/i/b05eccf395f038682163b67d6031a3e80a8a63d6b6c2cb3d9dccab894140dffe/doota_5.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fd4e298e1859db353e98520fa384b897f5269a54494aad9b1c2e96a3b758e7e5/doota_4.png" data-mid="45055621" border="0" src="https://freight.cargo.site/w/1000/i/fd4e298e1859db353e98520fa384b897f5269a54494aad9b1c2e96a3b758e7e5/doota_4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a3ee1ef9d8f04e08578fe303d6f0666da6345a74d562886effd62612dbe5cbfd/doota_6.png" data-mid="45055885" border="0" src="https://freight.cargo.site/w/1000/i/a3ee1ef9d8f04e08578fe303d6f0666da6345a74d562886effd62612dbe5cbfd/doota_6.png" /> Free Wi-Fi Page Kiosk into Mobile두타의 외국인 관광객 비중이 높아짐에 따라 두타 건물 내에 무료 Wi-Fi를 제공하고자 했습니다.해외 여행을 갔을 때 여행객의 쇼핑을 하기 위한 행동을 분석하고 그에 맞는 솔루션을 찾아 두타 Wi-Fi 페이지에 담아 외국인 관광객들에게 편리한 쇼핑 가이드라인을 제공하고자 했습니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b63ab31df0d8503f6e8ca8aff99dbb44a82d19941dcfb70b1545c8add52ea722/doota_7.png" data-mid="45065336" border="0" data-scale="66" src="https://freight.cargo.site/w/1000/i/b63ab31df0d8503f6e8ca8aff99dbb44a82d19941dcfb70b1545c8add52ea722/doota_7.png" /> UX Strategy 편리한 오프라인 경험을 제공해 줄 수 있는 요인에 집중하고, 기존 키오스트에서 제공하는 층별 안내, 환율, 매장 위치, 할인 정보, 추천 상품 등 다양한 콘텐츠들을 모바일 안에서 바로 확인할 수 있도록 합니다. <img width="1820" height="979" width_o="1820" height_o="979" data-src="https://freight.cargo.site/t/original/i/eb1ffa515ec3dccbbb42915613fc556371c7c63c6b6de1b0c2bfb029596e868a/doota_8.png" data-mid="45079617" border="0" src="https://freight.cargo.site/w/1000/i/eb1ffa515ec3dccbbb42915613fc556371c7c63c6b6de1b0c2bfb029596e868a/doota_8.png" /> <img width="1920" height="2865" width_o="1920" height_o="2865" data-src="https://freight.cargo.site/t/original/i/3eb10bc53abe8c0a69f0cee410b936fd25f81cff4e618c03bbae97a8efc1363f/doota_9.png" data-mid="45071840" border="0" src="https://freight.cargo.site/w/1000/i/3eb10bc53abe8c0a69f0cee410b936fd25f81cff4e618c03bbae97a8efc1363f/doota_9.png" /> PCWi-Fi Page 두타 내 카페에서도 노트북으로 WI-FI를 사용하는 고객들을 위해 모바일 뿐만 아니라 PC에서도 동일한 사용자 경험을 제공하고자 하였습니다. 이동 중에 특화된 콘텐츠는 PC에서 간략하게 제공하여 시원한 화면 구성으로 디자인 하였습니다 <img width="1758" height="1237" width_o="1758" height_o="1237" data-src="https://freight.cargo.site/t/original/i/d8ccc8a7317b95301601527ca0049cd0f331ae18da92b058ba16c53ee1a71fcb/doota_10.png" data-mid="45078995" border="0" src="https://freight.cargo.site/w/1000/i/d8ccc8a7317b95301601527ca0049cd0f331ae18da92b058ba16c53ee1a71fcb/doota_10.png" /> <img width="1758" height="5818" width_o="1758" height_o="5818" data-src="https://freight.cargo.site/t/original/i/87311329ff8e64c8a2fb98f34120e5c9434dc21cf6460a95c0d967cde1b0bb80/doota_11.png" data-mid="45079085" border="0" src="https://freight.cargo.site/w/1000/i/87311329ff8e64c8a2fb98f34120e5c9434dc21cf6460a95c0d967cde1b0bb80/doota_11.png" /> Duty Free Online ShopUI Development 두타 면세점이 면세 사업이 종료된 워커힐 면세점 커머스 웹사이트를 인수하였고짧은 기간 내에 사이트를 오픈해야 하는 이슈가 있어기존 워커힐 웹사이트가 가지고 있는 레이아웃과 구조를 그대로 유지하고로고, 컬러, 비주얼 모티브, 서체, 사진 톤앤매너 등브랜드 디자인 에센스를 적용하며 부분적으로 UI 디자인을 개선하는 작업을 진행하였습니다. <img width="3000" height="1688" width_o="3000" height_o="1688" data-src="https://freight.cargo.site/t/original/i/f8b2aae29932f1037b8fb79d8c4c790391ce2bb2e2dc1c69636ae3fb3cb480ad/doota_12.png" data-mid="45080498" border="0" src="https://freight.cargo.site/w/1000/i/f8b2aae29932f1037b8fb79d8c4c790391ce2bb2e2dc1c69636ae3fb3cb480ad/doota_12.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6e8e39fdaf375e6b9fee8df6c80a228a66d37f2cbe313d80b232c3a9e5730580/doota_13.png" data-mid="45080522" border="0" src="https://freight.cargo.site/w/1000/i/6e8e39fdaf375e6b9fee8df6c80a228a66d37f2cbe313d80b232c3a9e5730580/doota_13.png" /> https://rustyat.com/SK-Planet-5ducks Fri, 21 Jun 2019 07:29:08 +0000 rustyat https://rustyat.com/SK-Planet-5ducks window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); SK Planet 5Ducks &nbsp; <img width="2400" height="1377" width_o="2400" height_o="1377" data-src="https://freight.cargo.site/t/original/i/f90625ae46b9b5943df8a92ca9a80777f05ddc0273031b03a5e3a8796ae11e0b/5ducks_1.png" data-mid="46587434" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/f90625ae46b9b5943df8a92ca9a80777f05ddc0273031b03a5e3a8796ae11e0b/5ducks_1.png" /> 2015년 SK 플래닛에서는 미디어 콘텐츠 사업의 일환 중 하나로 아이돌 콘텐츠를 활용한 프로젝트를 기획하였습니다. 여러 채널에 흩어져 있는 아이돌 콘텐츠를 하나의 채널로 모아주고 공급 및 소비하게 함으로써 10대들에게 높은 퀄리티의 보다 나은 아이돌 콘텐츠를 제공하고자 SK플래닛과 플러스엑스가 함께 모바일 어플리케이션을 제작하게 되었습니다. 2015년 2월부터 6월까지, 5개월동안 SK 플래닛 기획팀과 플러스엑스 UX/UI팀이 협업하여 기획, 설계, 디자인을 담당하여 진행하였습니다. Project 2015. 2. - 2015. 6UX/UI Experience Design Participation 서비스 분석, 전략 : 15% (7명) 디자인 : 50% (3명) <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a1a8287cded5ee3f04601bc100b1e39c1357db9c817e03f390a445c11a2e63fb/5ducks_2.png" data-mid="46595678" border="0" src="https://freight.cargo.site/w/1000/i/a1a8287cded5ee3f04601bc100b1e39c1357db9c817e03f390a445c11a2e63fb/5ducks_2.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b426e6934c69c468559cf249d641e4f25fd8afeddc186280c33ffa27a75cc55b/5ducks_3.png" data-mid="47109339" border="0" src="https://freight.cargo.site/w/1000/i/b426e6934c69c468559cf249d641e4f25fd8afeddc186280c33ffa27a75cc55b/5ducks_3.png" /> 기획사와 홈마스터가 생성한 콘텐츠가 다수의 채널로 공급되고 있어, 팬들은 아이돌 콘텐츠를 놓치지 않기 위해 여러 채널을 방문해야 하는 동시에 중복된 콘텐츠가 많아 최신 콘텐츠를 선별하기 어렵다는 문제점이 있었습니다.그래서 실제로 아이돌 팬과 인터뷰를 진행하여 평소 덕질을 할 때의 불편한 점을 파악하고 이를 해결해 줄 수 있는 포인트들을 찾아 서비스 기획에 반영하였습니다. <img width="900" height="750" width_o="900" height_o="750" data-src="https://freight.cargo.site/t/original/i/201c6377e710015c2832d2d2386fb8ce7d40e49f1e0d7438ee0889437075de3c/5ducks_4.png" data-mid="47106465" border="0" src="https://freight.cargo.site/w/900/i/201c6377e710015c2832d2d2386fb8ce7d40e49f1e0d7438ee0889437075de3c/5ducks_4.png" /> Service BrandIdentity팬덤 문화에서 익숙하게 널리 사용되는 단어를 활용해 아이돌 문화를 공유하는 팬들이 쉽게 공감하고 자발적으로 서비스를 확산할 수 있는 브랜드 네임을 선정하였습니다.팬이 스스로를 지칭하는 ‘덕’이라는 단어를 영단어 Duck(오리)과 매칭하여 서비스 이용자를 오리로 표현, 팬들이 서로를 ‘덕’으로 지칭하도록 유도하였습니다.01아이돌을 좋아하는 10대 팬들이 모여아이돌 콘텐츠를 공유하고 즐기는 공간 02‘오덕’(오타쿠[otaku, 御宅])이라는 단어에서 착안하여 변경5마리의 오리 → 5ducks <img width="1800" height="1600" width_o="1800" height_o="1600" data-src="https://freight.cargo.site/t/original/i/333e1bd34187b4fb69193aa288706568d5afdf99ad4f34c141682d24c81516a1/5ducks_7.png" data-mid="47089744" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/333e1bd34187b4fb69193aa288706568d5afdf99ad4f34c141682d24c81516a1/5ducks_7.png" /> Considered usability of concise flowthat optimized in mobilefrom starting the app to consuming the content.Organized content’s concise informationand plan screen structure.Curated related contents to lead tokeep consumption of content. UXStrategy <img width="1526" height="1500" width_o="1526" height_o="1500" data-src="https://freight.cargo.site/t/original/i/c5ae9452ff98422eeb9b622626a31a86e491d71f4eb0c97c85267435f9319bb4/5ducks_5.png" data-mid="47082694" border="0" src="https://freight.cargo.site/w/1000/i/c5ae9452ff98422eeb9b622626a31a86e491d71f4eb0c97c85267435f9319bb4/5ducks_5.png" /> &nbsp; <img width="1750" height="5332" width_o="1750" height_o="5332" data-src="https://freight.cargo.site/t/original/i/3858470b9f4b7b342a2a368bb03f82cac6eddeb57b30a2abea9dcc214f8e3ad5/5ducks_8.png" data-mid="47109867" border="0" src="https://freight.cargo.site/w/1000/i/3858470b9f4b7b342a2a368bb03f82cac6eddeb57b30a2abea9dcc214f8e3ad5/5ducks_8.png" /> https://rustyat.com/Naverlabs-Away Tue, 11 Jun 2019 06:22:29 +0000 rustyat https://rustyat.com/Naverlabs-Away window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); Naverlabs Away 네이버랩스는 사용자의 실제 생활 환경과 상황을 인지하고 이해해서필요한 정보를 알아서 제공하는 생활환경지능(Ambient Intelligence) 기술 구현을 추구하는 회사로서인공지능, 로보틱스, 자율주행 등과 같은 최첨단 미래 기술을 연구합니다.카쉐어링 및 자율주행 시대에 맞춰 차량 내 개인 환경에 최적화된 인포테인먼트 플랫폼을 제작하고자플러스엑스에 UI 디자인을 의뢰하였고, 2016년 6월부터 11월까지 6개월동안네이버랩스 프로덕트 디자이너들과 플러스엑스 UI팀이 협업하였습니다. 메인, 내비게이션, 미디어, 전화와 같은 UI 디자인과음성인식(Agent) 그래픽 및 모션, 지도, 인터렉션까지 다양한 디자인 테스트를 진행하였습니다.Project 2016. 6. - 2016. 11.UX/UI Experience Design Participation 1차 제안 서비스 분석, 전략 및 디자인 컨셉 : 33.3% (3명)시안 B 디자인 : 100%2차 실작업디자인 : 30% (3명) <img width="1832" height="1080" width_o="1832" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a98dce6efe3b714a3645a3920b01d868bd5ac9e7d038b1c0079bc1bfcb14d223/away_2.png" data-mid="44988388" border="0" src="https://freight.cargo.site/w/1000/i/a98dce6efe3b714a3645a3920b01d868bd5ac9e7d038b1c0079bc1bfcb14d223/away_2.png" /> 차량 내 공간과 운전자의 이동에 대한 이해를 통해, 더욱 안전하면서도 스마트한 드라이빙 경험을 만들어주는 서비스를 만드는 것이 프로젝트의 목표였습니다. 우리는 운전을 할 때 눈은 항상 앞을 주시해야 하지만 새로운 길을 찾거나, 듣던 음악을 바꾸거나, 원하는 라디오 뉴스를 들으려는 시도들을 합니다. 그래서 사용자가 Away를 사용함으로써 어느 차량에서나 운전에 지장을 받지 않으면서 필요한 정보나 서비스를 제공받는 작업들을 안전하고 손쉽게 할 수 있는 인터페이스를 제공하는 것에 대하여 고민했습니다. DesignLanguage Research <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d362fd5fa8ed5ec29f27fd1893425b54b74b7f451c62a97b919945188ff614a9/away_4.png" data-mid="44903572" border="0" src="https://freight.cargo.site/w/1000/i/d362fd5fa8ed5ec29f27fd1893425b54b74b7f451c62a97b919945188ff614a9/away_4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d6cdf95ee86a104b68d1aeb8b81d1eebd31cf5610f0490e9305dada1765e7ecc/away_3.png" data-mid="44903571" border="0" src="https://freight.cargo.site/w/1000/i/d6cdf95ee86a104b68d1aeb8b81d1eebd31cf5610f0490e9305dada1765e7ecc/away_3.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8db9242e907370e1d8733f78fd9e15bec5328777b6ea3e08ef7e4d08476210fa/away_5.png" data-mid="44962730" border="0" src="https://freight.cargo.site/w/1000/i/8db9242e907370e1d8733f78fd9e15bec5328777b6ea3e08ef7e4d08476210fa/away_5.png" /> 디자인 작업에 들어가기 앞서 본 프로젝트에 사용될 디자인 요소들의 가이드라인 역할을 할 수 있는Design Language 스터디 및 리서치 작업이 진행되었습니다.Color Scheme, Icon, Layout, Font, Photo Image, Graphic Artwork, Motion, Interaction 등지향해야할 것들과 그렇지 않은 것에 대해 구분하고,불필요하게 운전자의 관심을 이끌지 않는 UX/UI 원칙을 정의하였습니다. Draft B <img width="1600" height="1000" width_o="1600" height_o="1000" data-src="https://freight.cargo.site/t/original/i/88cf17864a7049ff0b80eb05333646c87f9088d9564c07b848d24b28e37ddaf1/away_1.png" data-mid="44997760" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/88cf17864a7049ff0b80eb05333646c87f9088d9564c07b848d24b28e37ddaf1/away_1.png" /> DesignConcept Keyword나의 소리와 행동에 반응하는 / 소리, 파장, 파도, 물결, 바이오리듬잔잔한 호수에 돌을 던지면 생기는 파동처럼 / 날씨와 시간에 따라 바뀌는 하늘하나의 풍경처럼 편안하고 감성적인 <img width="980" height="400" width_o="980" height_o="400" data-src="https://freight.cargo.site/t/original/i/94378805561d67abf1c8682819169ab749c8b3bdb9fb18dc536e7d153a4eada7/away_6.gif" data-mid="44962586" border="0" data-scale="100" src="https://freight.cargo.site/w/980/i/94378805561d67abf1c8682819169ab749c8b3bdb9fb18dc536e7d153a4eada7/away_6.gif" /> Home 1차 제안은 자동차 내의 조그셔틀을 사용하는 것으로 기준을 잡고 디자인 작업을 진행했습니다.메인인 홈에는 추천 콘텐츠 카드가 노출되고상단에는 주요 기능인 내비게이션과 미디어로 접근할 수 있는 메뉴를 배치하였습니다. <img width="980" height="400" width_o="980" height_o="400" data-src="https://freight.cargo.site/t/original/i/c81357b4d51c6adc86e217b31ea16138724027e0cee55fb099fb2f9b7f170541/away_13.gif" data-mid="44992192" border="0" src="https://freight.cargo.site/w/980/i/c81357b4d51c6adc86e217b31ea16138724027e0cee55fb099fb2f9b7f170541/away_13.gif" /> Music &amp; Media 홈 카드의 그래픽을 유지하여 앨범 커버의 컬러값을 추출하여 플레이 리스트를 구성합니다. 상단의 탭으로 추천 음악, 네이버 뮤직, Beat, 라디오, 팟캐스트 등의 접근이 가능합니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/eddb2b265e8ed86c71fe31844dde230175f0c2c999f06646cad288a9cd7cecef/away_7.png" data-mid="44914061" border="0" src="https://freight.cargo.site/w/1000/i/eddb2b265e8ed86c71fe31844dde230175f0c2c999f06646cad288a9cd7cecef/away_7.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/70009d4bcdfb473d28d01569c2ec6c49bd690ea29e70438ff6bb1ce0b8c91d26/away_8.png" data-mid="45039115" border="0" src="https://freight.cargo.site/w/1000/i/70009d4bcdfb473d28d01569c2ec6c49bd690ea29e70438ff6bb1ce0b8c91d26/away_8.png" /> 홈 카드는 유저의 생활 데이터를 기반으로 자주 가는 곳이나 예정 일정 등 나와 관련된 개인화 콘텐츠를 먼저 노출하여, 차량이 바뀌어도 차량 내 개인환경을 유지할 수 있고, 미디어도 듣던 음악이나 유저의 취향을 반영한 추천 음악을 먼저 노출하여 탑승 후 빠른 실행이 가능하도록 구성하였습니다. AgentGraphic Motion <img width="1025" height="666" width_o="1025" height_o="666" data-src="https://freight.cargo.site/t/original/i/80daa5587fcd9aaf6beebacbc0a0046e6c9da2fca6176c754b087963e35e43f6/away_9.png" data-mid="45001577" border="0" src="https://freight.cargo.site/w/1000/i/80daa5587fcd9aaf6beebacbc0a0046e6c9da2fca6176c754b087963e35e43f6/away_9.png" /> <img width="980" height="400" width_o="980" height_o="400" data-src="https://freight.cargo.site/t/original/i/2b7f7743cbdd64fd3c8ef2865a87c809b058581f42b777712649018eb3ae9b62/away_14.gif" data-mid="44963762" border="0" src="https://freight.cargo.site/w/980/i/2b7f7743cbdd64fd3c8ef2865a87c809b058581f42b777712649018eb3ae9b62/away_14.gif" /> 음성인식 그래픽은 ‘빛’, ‘나에게 반응하는’이라는 키워드에서 파생시켜 아이데션한하늘에 떠다니는 반딧불과 잔잔한 호수에 조약돌을 던지면 생기는 물결을 그래픽화하였습니다.시간, 날씨에 따라 유동적으로 변하는 배경 컬러에 모두 사용할 수 있는 비비드한 컬러를 사용하였습니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/07a9c4a624a2f5f7dc91b8778496f34ab7ec9b37f70755024bdf0aabded43b32/away_10-1.png" data-mid="44964341" border="0" src="https://freight.cargo.site/w/1000/i/07a9c4a624a2f5f7dc91b8778496f34ab7ec9b37f70755024bdf0aabded43b32/away_10-1.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/70e2d8922287302e746c508347837f3d4b97634f14bc423ea7e486457ba78ef2/away_10-2.png" data-mid="44964833" border="0" src="https://freight.cargo.site/w/1000/i/70e2d8922287302e746c508347837f3d4b97634f14bc423ea7e486457ba78ef2/away_10-2.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/4795d4a3b2d8008b2229a01b13d388ce06007732500f9033cd06c56548c013b0/away_10-3.png" data-mid="44964834" border="0" src="https://freight.cargo.site/w/1000/i/4795d4a3b2d8008b2229a01b13d388ce06007732500f9033cd06c56548c013b0/away_10-3.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/fee2dc005365fd770722295278ef0d892b629c0fd8fa3c1c9995a1b24a38fef6/away_10-4.png" data-mid="44964835" border="0" src="https://freight.cargo.site/w/1000/i/fee2dc005365fd770722295278ef0d892b629c0fd8fa3c1c9995a1b24a38fef6/away_10-4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/49503994af7ae62a36039f23d2059f803044c75d13378a416ecf53212cd62dde/away_10-5.png" data-mid="44964836" border="0" src="https://freight.cargo.site/w/1000/i/49503994af7ae62a36039f23d2059f803044c75d13378a416ecf53212cd62dde/away_10-5.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/6fc3836a533e515f39076ee30eef1bb1da98b1d46ce203cfef4bbc9e6f4aff5b/away_10-6.png" data-mid="44964837" border="0" src="https://freight.cargo.site/w/1000/i/6fc3836a533e515f39076ee30eef1bb1da98b1d46ce203cfef4bbc9e6f4aff5b/away_10-6.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/301e62bcab23e47c11e42175f35cd93c981c0a7b843767d53c5d4e2c4f4cff35/away_10-7.png" data-mid="44964838" border="0" src="https://freight.cargo.site/w/1000/i/301e62bcab23e47c11e42175f35cd93c981c0a7b843767d53c5d4e2c4f4cff35/away_10-7.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d145afaa6c30b12317e05cc0f36775209851d91dd7a5174001295db3d380fdc4/away_10-8.png" data-mid="44964839" border="0" src="https://freight.cargo.site/w/1000/i/d145afaa6c30b12317e05cc0f36775209851d91dd7a5174001295db3d380fdc4/away_10-8.png" /> Final Design <img width="2673" height="1639" width_o="2673" height_o="1639" data-src="https://freight.cargo.site/t/original/i/45f8d8ef6e22a4ca20885438211328a2c2afb17dcfb84758f1455377cfc4034c/away_11.png" data-mid="45040782" border="0" src="https://freight.cargo.site/w/1000/i/45f8d8ef6e22a4ca20885438211328a2c2afb17dcfb84758f1455377cfc4034c/away_11.png" /> <img width="900" height="367" width_o="900" height_o="367" data-src="https://freight.cargo.site/t/original/i/85cfbbbb410d04f5dacc0bc4ce756e81cee98f176b0c03c9a3e533c9f6988b2d/away_12.gif" data-mid="46491243" border="0" src="https://freight.cargo.site/w/900/i/85cfbbbb410d04f5dacc0bc4ce756e81cee98f176b0c03c9a3e533c9f6988b2d/away_12.gif" /> Map Mapbox라는 사이트를 이용해 Away에 맞는 지도 컬러톤 테스트를 진행하였고,① 주간/야간모드, ② 7단계 지도 줌/아웃, ③ 번화가, 도심고속도로, 휴게소, 지하철 근처, 목적지 앞 상황별 지도, ④ 탑뷰/버드뷰, ⑤ 롯데월드타워, 경복궁 등 지도 내 랜드마크 아이콘 적용 등 상황별 코어 페이지를 파악하여 Away 내비게이션 구축에 앞서 가이드가 될 수 있도록 디자인 테스트를 진행했습니다. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/bca614fbfb0df6df036565c3b9b3a9479591c9d598c068f6089e3143ef220b50/away_15.png" data-mid="45036609" border="0" src="https://freight.cargo.site/w/1000/i/bca614fbfb0df6df036565c3b9b3a9479591c9d598c068f6089e3143ef220b50/away_15.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/077451f55e8ed6547cbd282d7073eb1984190912e82b01d7c7886db3d7bf8a9b/away_16.png" data-mid="44968773" border="0" src="https://freight.cargo.site/w/1000/i/077451f55e8ed6547cbd282d7073eb1984190912e82b01d7c7886db3d7bf8a9b/away_16.png" /> &nbsp; Music &amp; Media 뮤직 홈, 리스트, 플레이 화면에 대한 다양한 디자인 테스트를 진행하였습니다.주행 중 사용자의 운전을 방해하지 않는 텍스트 크기와 컬러, 주/야간 모드 컬러값, 레이아웃 등Away 뮤직에 적합한 화면이 무엇인지에 대해 고민했습니다. <img width="1920" height="1539" width_o="1920" height_o="1539" data-src="https://freight.cargo.site/t/original/i/252ffc55557d6675d60ab9a580cab593a4399e6ffd95399b46b4fb89f74a8528/away_18.png" data-mid="45038868" border="0" src="https://freight.cargo.site/w/1000/i/252ffc55557d6675d60ab9a580cab593a4399e6ffd95399b46b4fb89f74a8528/away_18.png" /> <img width="1920" height="1171" width_o="1920" height_o="1171" data-src="https://freight.cargo.site/t/original/i/caafbfbe2dc2c93e9b04c759d03775cdfd6b18d8e169082619c15ef1838b05f2/away_19.png" data-mid="45042386" border="0" src="https://freight.cargo.site/w/1000/i/caafbfbe2dc2c93e9b04c759d03775cdfd6b18d8e169082619c15ef1838b05f2/away_19.png" /> <img width="1500" height="800" width_o="1500" height_o="800" data-src="https://freight.cargo.site/t/original/i/aa3f85348ca09b3e1b7b70a24a3d2a938ef45bd115d06e4474a7144810c2ef45/away_20.png" data-mid="44979409" border="0" src="https://freight.cargo.site/w/1000/i/aa3f85348ca09b3e1b7b70a24a3d2a938ef45bd115d06e4474a7144810c2ef45/away_20.png" /> https://rustyat.com/Gluwa Fri, 30 Aug 2024 11:59:13 +0000 rustyat https://rustyat.com/Gluwa window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); Gluwa 글루와는 실리콘밸리에 본사를 두고 있는 금융 송금/결제 분야의 블록체인 서비스 기업입니다. 세계 최초로 국경 없는 금융 플랫폼을 만드는 것을 비전으로 가지고 있는 글루와는 금융 인프라가 열악한 나이지리아, 베트남, 미얀마, 필리핀 등에서 금융 소외 계층들에게 금융 서비스를 제공하고, 고금리 대출을 상대적 저금리 대출로 전환시킴으로써 그들에게 경제적 지원을 하는 것을 목적으로 제품을 만들고 있습니다. 새롭게 리뉴얼된 브랜딩에 맞춰 앱, 웹 등 UX/UI 전반의 제품 개선이 필요하였고, 이에 프로젝트를 맡아 진행하게 되었습니다. Project2018. 10. - 2019. 8.BX/UX/UI DesignParticipationApp &amp; Web UX/UI 100% <img width="1920" height="1975" width_o="1920" height_o="1975" data-src="https://freight.cargo.site/t/original/i/3e171b2746ba21387987f74ec53f65ac4e3ec0e575b91b2b33852d81f6eea4e8/gluwa_02.png" data-mid="217195095" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/3e171b2746ba21387987f74ec53f65ac4e3ec0e575b91b2b33852d81f6eea4e8/gluwa_02.png" /><img width="1920" height="2534" width_o="1920" height_o="2534" data-src="https://freight.cargo.site/t/original/i/0c303fe6a5a57dcf253fbb185aac7635f4768921737931363ecb1e202f851e5f/gluwa_03.png" data-mid="217195108" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/0c303fe6a5a57dcf253fbb185aac7635f4768921737931363ecb1e202f851e5f/gluwa_03.png" /><img width="1920" height="2820" width_o="1920" height_o="2820" data-src="https://freight.cargo.site/t/original/i/34f39d091cc61102190893e0554b9979aa8de9ef8ab8a16b3878000916b0bf54/gluwa_04.png" data-mid="217195807" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/34f39d091cc61102190893e0554b9979aa8de9ef8ab8a16b3878000916b0bf54/gluwa_04.png" /><img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/f6597b6f25640ec5b300801668dcc3f2a7862ce9c1239e54272639a833f0a978/gluwa_05.png" data-mid="217195810" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/f6597b6f25640ec5b300801668dcc3f2a7862ce9c1239e54272639a833f0a978/gluwa_05.png" /><img width="1920" height="2120" width_o="1920" height_o="2120" data-src="https://freight.cargo.site/t/original/i/32230fef33fafd7716047b5f2828e0dfb1871e0aaea3f3c794fca5be529fc1bd/gluwa_06.png" data-mid="217195825" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/32230fef33fafd7716047b5f2828e0dfb1871e0aaea3f3c794fca5be529fc1bd/gluwa_06.png" /><img width="1920" height="3670" width_o="1920" height_o="3670" data-src="https://freight.cargo.site/t/original/i/9fed59aaa88ac57d4317dae2e8988dc69f2c22e9af890bd81e6664afe5ab6be8/gluwa_07.png" data-mid="217195834" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/9fed59aaa88ac57d4317dae2e8988dc69f2c22e9af890bd81e6664afe5ab6be8/gluwa_07.png" /><img width="1920" height="1236" width_o="1920" height_o="1236" data-src="https://freight.cargo.site/t/original/i/dbe6fad8b01def458f853d0279d5f5ed53c5375a74abdda3bf526ac1e0a71f0e/gluwa_08.png" data-mid="217195848" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/dbe6fad8b01def458f853d0279d5f5ed53c5375a74abdda3bf526ac1e0a71f0e/gluwa_08.png" /><img width="1920" height="1200" width_o="1920" height_o="1200" data-src="https://freight.cargo.site/t/original/i/5584ca2efe7aaf1b4e87f68eafcab2cf9e61327dbc9cf56ee60a3978ac7be64f/gluwa_09.png" data-mid="217195867" border="0" data-scale="83" src="https://freight.cargo.site/w/1000/i/5584ca2efe7aaf1b4e87f68eafcab2cf9e61327dbc9cf56ee60a3978ac7be64f/gluwa_09.png" /> <img width="3840" height="3880" width_o="3840" height_o="3880" data-src="https://freight.cargo.site/t/original/i/6659d9696c8ce726950385b3f6e0840c749efa4f6342cb27af7468b6e77689f2/gluwa_10.png" data-mid="217195895" border="0" data-scale="78" src="https://freight.cargo.site/w/1000/i/6659d9696c8ce726950385b3f6e0840c749efa4f6342cb27af7468b6e77689f2/gluwa_10.png" /> https://rustyat.com/Zepeto Sat, 31 Aug 2024 08:00:39 +0000 rustyat https://rustyat.com/Zepeto window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7LXRL5V5KW'); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSBWKQC'); Zepeto 제페토는 누구나 창의적으로 자신을 표현하고 전 세계 사용자들과 소통할 수 있는 3D 아바타 기반 소셜 플랫폼입니다. 2018년 첫 출시 이후 빠르게 성장한 제페토는 1.0과 2.0 버전 출시 후 2019년에 피드(Feed) 기능을 MVP로 출시하고, 이후 제품 전반의 지속적인 기능 개선 작업을 진행했습니다.Project2019. 9. - 2020. 8.UX/UI DesignParticipationFeed, Trend UX/UI 100%Search UX/UI 50% <img width="1920" height="2228" width_o="1920" height_o="2228" data-src="https://freight.cargo.site/t/original/i/0e5c20d921bcdaf75fdf714bbf1e6d07b762b4dc40cbe173cd0126409b28d062/zepeto---1.png" data-mid="217232860" border="0" src="https://freight.cargo.site/w/1000/i/0e5c20d921bcdaf75fdf714bbf1e6d07b762b4dc40cbe173cd0126409b28d062/zepeto---1.png" /> <img width="1920" height="1297" width_o="1920" height_o="1297" data-src="https://freight.cargo.site/t/original/i/d74e3b6b18707cc571e94f51b7ecbf2a58b76a502f3f0e234d40629a848e2105/zepeto---2.png" data-mid="217232653" border="0" src="https://freight.cargo.site/w/1000/i/d74e3b6b18707cc571e94f51b7ecbf2a58b76a502f3f0e234d40629a848e2105/zepeto---2.png" /> <img width="1920" height="1384" width_o="1920" height_o="1384" data-src="https://freight.cargo.site/t/original/i/763ad617b99d36fc6a3cf58d9c324d7c6938a9527b3249a09ca914f8ec97d3c8/zepeto---3.png" data-mid="217232654" border="0" src="https://freight.cargo.site/w/1000/i/763ad617b99d36fc6a3cf58d9c324d7c6938a9527b3249a09ca914f8ec97d3c8/zepeto---3.png" /> <img width="1920" height="1324" width_o="1920" height_o="1324" data-src="https://freight.cargo.site/t/original/i/5f03b17f83814e942e24b627c2db31ba1c636c7936bbf47b1d799ebb6a3f6a99/zepeto---4.png" data-mid="217232687" border="0" src="https://freight.cargo.site/w/1000/i/5f03b17f83814e942e24b627c2db31ba1c636c7936bbf47b1d799ebb6a3f6a99/zepeto---4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a13774a1c56ae60353a0d4e64b0f9792300f371b17a3b798df316c3442ba9ec3/zepeto---5.png" data-mid="217232656" border="0" src="https://freight.cargo.site/w/1000/i/a13774a1c56ae60353a0d4e64b0f9792300f371b17a3b798df316c3442ba9ec3/zepeto---5.png" /> <img width="1920" height="2248" width_o="1920" height_o="2248" data-src="https://freight.cargo.site/t/original/i/adaef331e6e224a60695710785c212de8da6d152b53097a07285976664527dc9/zepeto---6.png" data-mid="217232665" border="0" src="https://freight.cargo.site/w/1000/i/adaef331e6e224a60695710785c212de8da6d152b53097a07285976664527dc9/zepeto---6.png" /> <img width="1920" height="1550" width_o="1920" height_o="1550" data-src="https://freight.cargo.site/t/original/i/e53c0bfaf454f24c9e1e712a7f8f73f47ce473bcc1e778a3023f4ca6dcebf2fa/zepeto---7.png" data-mid="217232804" border="0" src="https://freight.cargo.site/w/1000/i/e53c0bfaf454f24c9e1e712a7f8f73f47ce473bcc1e778a3023f4ca6dcebf2fa/zepeto---7.png" />