클라우다이크 서비스 페이지 리뉴얼 -디자인편


안녕하세요.

고객님들과 함께한 시간 만큼 클라우다이크에도 크고 작은 변화들이 있었는데요,

새로운 해를 맞이하여 클라우다이크가 새로운 소식을 들고 왔습니다.

오늘은 클라우다이크의 서비스 페이지 UI/UX 디자인 리뉴얼에 대해 소개해드리고자 합니다.

클라우다이크는 기존 사용자들을 대상으로 진행한 서비스 만족도 조사를 통하여 쉬운 사용 개념 +단순하며 직관적인 UI+ 빠른 속도에 대한 고객의 needs를 파악했습니다.

리서치를 통해 나온 결과를 토대로 저희 클라우다이크의 마케팅팀, 기술팀 모두 UI/UX 개선을 하기 위해 많은 고민을 했습니다.



'사용자가 어려워하는 부분은 뭘까?'

'가장 많은 문의가 들어오는 서비스는?'

'직관적이지 못한 기능은?'

'현재 사용자들이 가장 필요로 하는 기능은?'


그 결과 고객의 관점에서 서비스 페이지 환경 전반을 개선하는 UI/UX 리뉴얼을 진행하게 되었습니다.




FONT


한국출판인회의에서 개발한 KoPub 돋움체는 디지털 콘텐츠에 특화된 서체입니다.

현대적이고 명확한 디자인으로 가독성이 우수합니다. 영문 서체 역시 sans-serif

타입의 서체로 모니터상에서 가독성과 판독성이 우수합니다.





COLOR


클라우다이크의 브랜드 컬러인 sunglow는 따뜻하고 생기 넘치는 오렌지색입니다.

오렌지색은 사람들에게 즐거운 에너지를 주는 색상입니다. 따듯한 오렌지색은 창의성과 긍정적 사고, 모험심을 불러일으키죠.

또한 언제나 고객의 창의적이고 긍정적인 성장을 위하여 노력하는 클라우다이크를 상징하는 색상이기도 합니다.



클라우다이크는 이번 서비스 페이지 리뉴얼로 밝고 에너지 있는 톤 앤 매너를 보여주는 오렌지 컬러를 재정의하였습니다.

기존의 컬러에서 한 톤 높여 아이콘과 버튼에 활용하여 가시성을 높이고 서브 컬러로는 톤 다운된 라이트 오렌지 컬러인 egg sour를 사용하여 안정감을 더했습니다.







기존에 사용되던 아이콘은 통일성이 떨어지고 브랜드 아이덴티티를 반영하지 못하고 있었습니다.

아이콘마다 선의 굵기와 모양이 다르고 메인에 차지하고 있는 영역이 너무 컸죠.

때문에 페이지의 header 부분이 길어지는 원인이었습니다.

아이콘의 크기를 줄이고 작은 크기에서도 의미를 명확히 전달해줄 수 있게 디자인을 해야 했습니다.

ICON


이렇게 클라우다이크의 로고타입에 맞추어 새로운 아이콘이 탄생했습니다.

로고 안에 들어있는 클라우드를 뜻하는 알파벳 C와 구름 이미지를 모티브로 하여

클라우다이크의 브랜드 아이덴티티를 가진 아이콘이

만들어졌습니다. 라인이 아닌 솔리드 타입의 아이콘은 모바일 환경에서도 깨지지 않고 선명하게 보입니다.

아이콘에 마우스를 가져가면 나타나는 툴팁을 활용하면 보다 편리해진 기능을 확인할 수 있습니다.




서비스 페이지에는 정보를 모아 고객들에게 보여줄 수 있는 부분이 없었습니다.

알림, 저장용량 트래픽 사용량을 보여주는 정보가

모두 상하단에 흩어져 있었죠. 요금제를 변경하거나 요청하기에도 복잡했습니다.

일반 사용자와 관리자 모두 직관적으로 정보를 확인할 수 있어야 했습니다.

저장용량과 트래픽 사용량, 알림 메시지 등을 한눈에 확인하고 관리할 수 있는

페이지가 필요했죠.

LAYOUT


고객님들의 사용 편의를 위하여 서비스 페이지에 대쉬보드를 추가하였습니다.

이제는 메인의 Home 페이지를 통하여 다양한 정보를 한눈에 확인할 수 있습니다.

Home 화면은 크게 3가지 영역으로 나눠지는데, 사용정보와 알림, 즐겨찾기 리스트로 나눠집니다.

왼쪽 하단에 위치했던 사용 용량과 트래픽 사용량 정보를 메인화면에서 바로 확인할 수 있습니다. 최근 알림도 대쉬보드창에서 바로 확인이 가능하고 수락과 거절도

할 수 있습니다.

즐겨찾기 리스트는 최근 즐겨찾기한 파일을 확인하고 '더 보기' 버튼을 통해 즐겨찾기 페이지로 바로 이동 가능합니다.


검색창

검색창을 상단으로 올려 사용자들이 쉽게 파일을 찾을 수 있도록 하였습니다.

상단 아이콘

상단에 위치하던 기능 아이콘은 파일 리스트 바로 위에 위치하여 보다 편하게 파일을 업 다운로드, 공유할 수 있습니다. 기존에 모든 기능을 노출해 보여주었던 상단 기능 아이콘 메뉴는 사용자 패턴에 최적화하여 핵심 기능만 보이도록 정리했습니다.


이제는 새 폴더, 업로드, 다운로드, 공유, 삭제, 이동/복사의 6가지 아이콘으로

구성된 직관적인 아이콘 메뉴를 통해 쉽고

빠르게 파일 관리가 가능합니다. 추가 기능은 우클릭을 통하여 확인할 수 있습니다.

서비스 페이지의 내부도 새롭게 바뀌었습니다.

백그라운드를 흰색으로 통일하여 미니멀한 화면 구성으로 내부 텍스트와 버튼, 아이콘에 집중도를 높였습니다. 파일 리스트 사이의 간격을 넓혀 텍스트의 가독성을 높이고 파일 이름 옆에 아이콘을 배치해 공유, 즐겨찾기가 된 폴더와 파일을 구분하기

편하게 하였습니다.

더 새로워진 클라우다이크는

2020년 1월 13일 베타서비스가 오픈됩니다.

이번 서비스 페이지 리뉴얼을 통해 고객님들께서 더욱 편리하게 사용하셨으면

좋겠습니다. 저희 클라우다이크도 많이 응원해주세요!

클라우다이크를 이용해 주시는 모든 고객님.

2020 경자년 새해 복 많이 받으시고 하고자 하는 일 모두 잘 되시길 기원합니다.

지금 시작하세요, 클라우다이크

ASD United States

Cloudike Inc.

548 Market St #8291

San Francisco, California 94104-5401

+1 (408) 757 0081

ASD Korea

경기 성남시 수정구 창업로 42,

​판교 제2테크노밸리 5층 529호

ASD KOREA Inc.

Phon. 1811-9881

FAX. 02-554-1887

ASD Russia

Gruzinskaya 37A Street,

Nizhniy Novgorod

+7-499-995-0533

© by Jacob, Joyce, Yunhee. Copyright 2019 ASD Korea All Rights Reserved.

  • 구글 플레이 - 클라우다이크
  • 네이버 블로그-클라우다이크
  • Facebook
  • YouTube
  • Instagram