![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/c1d59c80-e254-4d7f-9ec4-b044154ccb85_rw_1920.png?h=c80c2e8708e3ded7d1f8c2b4324d0041)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/ba04a536-c915-4997-af9b-a12b41d12163_rw_3840.png?h=22848f821b2efbb29c6cfe2f50e7bf95)
Overview
하나은행 모바일전용 앱 '하나원큐' 가 새롭게 리뉴얼되어 UI화면에 필요한 다양한 비주얼 에셋 개발을 진행하였습니다.
기존 하나원큐가 가진 시각적 자산들을 바탕으로 3D 요소들을 적극적으로 사용하여
기존 하나원큐가 가진 시각적 자산들을 바탕으로 3D 요소들을 적극적으로 사용하여
앱 사용시 정보의 몰입도를 높이고 하나원큐가 가진 밝고 다채로운 이미지를 전달하고자 하였습니다.
Key Visual
하나원큐 심볼에 적용된 3D 큐브를 모티프로 하여 사각형 모듈 기반의 아이콘 디자인을 진행하였습니다.
일관적이고 다양한 오브젝트들을 표현하기 위해, 3D 에셋용 컬러 팔레트를 중심으로 머테리얼을 적용했습니다.
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/e473c1ab-3a96-4180-b512-3255e2dd7aac_rw_1920.png?h=b2a1413654df4084edbc490ef4fce6ab)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/fff7d7bb-b223-4d35-9bba-8c7ca02ef066_rw_1920.png?h=230a6135ef99ff1410dae2eef2f108e9)
3D Object & Motion
3D에셋을 통해 화면에 입체감을 부여하고, 사용자가 금융을 딱딱하게 느끼지 않도록 금융 서비스에 대한 설명을 보조합니다.
다양한 사용자층에게 친숙함을 줄 수 있도록 익숙한 메타포와 형태감을 활용했습니다.
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/0529ef06-70b5-4180-aa5d-3503a5c5deef_rw_1920.gif?h=e0d926bee2749849852d71929dd41934)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/a0d7b0f3-c42f-4175-9237-340bc8d63b4c_rw_1920.gif?h=f820ee8069f6ced56fdc49bccd541499)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/3ffd6947-9f7f-45ef-a894-07ee9936c601_rw_1920.gif?h=6c9cbceab8f64388271902404d563cfd)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/b7914484-e7bd-49f3-85b8-f667f1c70704_rw_1920.gif?h=20691b87763df42875a63598c4238f23)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/26b2c348-5bbb-452a-a135-6034ba8c33b0_rw_1920.gif?h=e00633383b3143592f24877d8e29e139)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/3ebfd121-84df-4f75-92c9-328143036636_rw_1920.png?h=38e8d819793b1ac4dbb7baba475a9fd2)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/0f7baeed-9b0c-4371-a346-a98c9bcc83be_rw_1920.gif?h=fe280f590e5cc83cd70c49df76c37cb2)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/8061ae75-6609-4640-9ad0-4610919639cb_rw_1920.gif?h=97bfca06e65e78618d136026446f728b)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/8e8aff96-5571-41a7-b5a6-cc352a926802_rw_1920.gif?h=9b59c8d28198129c47116dc9802231b8)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/1f5678b3-7020-4e1c-8f9d-e24f7746008d_rw_1920.gif?h=874d528206fd3c08a6f957717c724aa4)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/cd0bc0ba-54c1-44de-a7ba-d00b8490f6bc_rw_1920.gif?h=0fd78be794ff163e4aeb62702e03cd19)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/a90e28b2-d200-4581-bcbf-8149f94d5063_rw_1920.png?h=17699dae8cd8a6823aa86d0dddfd52cb)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/bcd9cf39-e5d1-455c-abfb-34aa1139ba15_rw_1920.png?h=3fd22b9bc00699d1156b1c42e5b701d6)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/4f4518cb-d3f0-4cf8-8d0d-c08ea716a928_rw_1920.png?h=b72de3b150776df5d4246ce492684d38)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/a86a73ca-cd73-4b94-9fc1-bd0dd5877e38_rw_1920.png?h=33e1dd383c1a4829fd4c6d65b89c6b68)
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/b51d6d59-3a73-403e-bcf0-af8817412e53_rw_1920.png?h=417216ee8460a751d11ac90582fdcf9d)
HanaBank 3D Icon Design
-
Product Design
HanaBank UI/UX unit
Icon Design
MovingStones Inc.
![](https://cdn.myportfolio.com/74fea8b9-3f20-471e-9741-70c8522df007/8ab341b7-d87d-4d4a-84cf-400563dcf9ec_rw_1920.gif?h=ca0d8f0cb567ff34ddaa276ae9f01b49)