KB Kookmin Bank Online channel renovation

KB국민은행 온라인채널 리노베이션

PROJECT KB국민은행 온라인채널 리노베이션

PERIOD 2015.07 ~ 2015.12

CATEGORY Finance

OVERVIEW

고객의 Needs 다변화 및 비대면 채널의 중요성 증대에 따라 kbstar.com 및 스타뱅킹 서비스에 대한 고객 Needs를 반영하고, 서비스 개선을 통해 KB국민은행 온라인 Brand Identity를 재구축하고 마케팅 채널로서의 역량을 강화하기 위해 리노베이션 프로젝트를 진행하였습니다.

세련된 감성 공유

KB국민은행의 첫 화면은 시즌에 어울리는 감성 테마로 매월 새롭게 구성합니다. 오픈 시기였던 12월의 테마는 '겨울 그리고 눈' 이었습니다. 소복소복 쌓이는 눈과 강아지, 그리고 아이가 반겨주는 메인화면으로 KB국민은행의 고객에게 따뜻한 마음을 전달하고자 했습니다.

Pleat UI ···> 매거진 UI

감성 메인테마 하단의 '펼쳐보기' 버튼을 클릭하면 KB국민은행의 풍성한 금융콘텐츠가 매거진 UI로 펼쳐집니다. 접었다, 펼쳤다 하며 콘텐츠를 조절할 수 있는 인터랙션 'pleat UI' 를 통해 과하지도, 지루하지도 않은 메인을 구성할 수 있습니다. 유플리트의 '플리트' 와 같은 단어이기도 합니다. 좌우 슬라이딩 인터랙션을 통해 금융상품, 재테크 등 다양한 정보를 확장 제공하여 마케팅 채널로서의 역량을 강화하고자 하였습니다.

Personal Navigation Bar

방대한 서비스를 제공하는 은행 사이트는 정보 설계가 가장 중요합니다. 그리고 어떻게 하면 고객이 복잡하고 다양한 서비스들에 빠르게 접근할 수 있을지 고민하였습니다. 개편을 통해 KB국민은행은 화면 최상단에 개인 컨트롤 패널을 제공하여 메뉴를 설정할 수 있도록 하였습니다. 개인화 된 메뉴설정을 통해 자주 찾는 메뉴는 물론, 상품 검색 및 계산, 다이렉트 상담까지 내가 원하는 서비스만 쏙쏙 뽑아 펼쳐놓을 수 있게 되었습니다.

원하는 것을 딱! 맞춤 금융상품 검색

상품 하나하나의 특징을 한 눈에 알 수 있도록 배너 디자인을 개편하였습니다. 원하는 카테고리의 상품만 골라 볼 수 있도록 특징별 소팅 기능을 왼쪽에 배치하였습니다. 정보 탐색을 방해하지 않는 절제미, 그러면서도 심미적인 만족도까지 느낄 수 있는 금융상품몰로 디자인하였습니다.

스타뱅킹 앱 디자인 개선

기능에 충실하고 사용성을 중심으로 Simple한 KB만의 차별화된 Identity 디자인 스타일을 적용하였습니다. 최신 모바일 UI 디자인 트렌드 – Material Flow (현실적인 물질감각) – 를 적용하여 세련되고 앞선 디자인 그리고 신속하고 순차적인 접근을 유도하는 직관적인 플랫(평면) 메타포와 그리드를 활용한 모던 스타일로 디자인 하였습니다. 전통적인 구조에 뱅킹 메뉴 영역을 상단에 두어 더욱 편리한 사용성 및 심플한 GUI를 구성하였습니다. 좌우 Scrolling을 통해 다양한 정보 제공 및 마케팅 역량을 강화하고자 하였습니다.

ELEMENT