05
2020.10 - 2020.12
UI Designer
Participation 50%
Problem Definitions
UX·UI Strategy
UI Deisgn, Video Source Making
이번 프로젝트의 목표는 K뱅크 모바일 서비스의 사용성을 개선하는 동시에, 마이데이터 시대를 선도하는 종합금융플랫폼으로 고객들에게 인식될 수 있는 기회를 마련하는것 입니다.
K-Bank
01
Kbank Mobile App
UX·UI Strategy Proposal
Project Goal.
Project Process.
02
03
01
Client Interview
CEO, CSO, CMO, CIO, CRO,
여신팀, 수신팀, IMC팀, DX고도화팀, DX기획팀, 채널기획팀
복잡하지 않아야 한다.
신뢰성과 전문성을 기반으로, 편의성을 높여야 한다.
본인의 자산과 돈을 버는 방법을 잘 보여주고 코치해주는 서비스.
은행 서비스를 주도적으로 활용할 수 있도록 해주고,
그 과정에서 즐거움을 줄 수 있어야 한다.
편의성과 속도. K뱅크만의 색을 찾아야 한다.
모든 자산을 한번에 보여주는 마이 데이터, 보여지는 항목이 많아 상품이
심플하고 편리해야 한다. 고객에게 '끝판왕'이라는 느낌을 심어주었으면 한다.
'은행도 새로운 방식으로 사용할 수 있다'를 어필할 수 있었으면 한다.
K뱅크는 앞으로 고객에게
어떤 서비스가 되어야 한다고
생각하시나요?
02
03
01
Client Interview
CEO, CSO, CMO, CIO, CRO,
여신팀, 수신팀, IMC팀, DX고도화팀, DX기획팀, 채널기획팀
복잡하지 않아야 한다.
신뢰성과 전문성을 기반으로, 편의성을 높여야 한다.
본인의 자산과 돈을 버는 방법을 잘 보여주고 코치해주는 서비스.
은행 서비스를 주도적으로 활용할 수 있도록 해주고,
그 과정에서 즐거움을 줄 수 있어야 한다.
편의성과 속도. K뱅크만의 색을 찾아야 한다.
모든 자산을 한번에 보여주는 마이 데이터, 보여지는 항목이 많아 상품이
심플하고 편리해야 한다. 고객에게 '끝판왕'이라는 느낌을 심어주었으면 한다.
'은행도 새로운 방식으로 사용할 수 있다'를 어필할 수 있었으면 한다.
K뱅크는 앞으로 고객에게
어떤 서비스가 되어야 한다고
생각하시나요?
K뱅크는 다양한 고객의
금융 컨텍스트를 잘 이해하는
세련되고 일관된 브랜드 경험을 선사하는
뱅킹 서비스가 되어야 합니다.
신뢰와 전문성을 기본으로 고객들에게 매력적인 뱅킹 서비스를 제공
특징없는 은행의 모습에서 탈피해 친근하고 활기있는 고객친화적인 정체성 확립
마이 데이터 시대의 인터넷 뱅킹 서비스를 주도하는 세련된 금융종합플랫폼으로 도약
01
02
Usability Research
케이뱅크 경쟁력 평가지수표, 2020년 10월
7개 서비스 비교 : K뱅크, 카카오뱅크, 신한 쏠, 우리원뱅킹, KB스타뱅킹, 하나원큐, 토스
Desk Research
UX 연관 항목별 취약점 분석 현황
03
01
02
Usability Research
케이뱅크 경쟁력 평가지수표, 2020년 10월
7개 서비스 비교 : K뱅크, 카카오뱅크, 신한 쏠, 우리원뱅킹, KB스타뱅킹, 하나원큐, 토스
Desk Research
UX 연관 항목별 취약점 분석 현황
03
Problem Summary
#기술적 편의성
#브랜드 정체성
#낮은 사용성
01
02
03
Usability Test
금융성숙도를 기준으로 초급부터 고급까지의 3040 사용자
4명을 대상으로 선정하여 사용성 테스트를 진행하였습니다.
총 3가지 미션을 주고 행동을 관찰하는 과정으로 진행하였습니다.
UT Guideline
고객이 원하는 것을 잘 찾을 수 있는가?
고객이 실수 없이 태스크를 잘 수행할 수 있는가?
고객이 도움없이 태스크를 수행할 수 있는가?
01
02
03
Usability Test
예측하기 쉽고 매끄러운 태스크 설계를 통해,
K뱅크와의 즐거운 첫만남을 유도하여,
고객의 이탈율을 줄이는 것을 목표로 해야합니다.
PAIN POINTS
IMPROVEMENT POINTS
예측 가능한
레이아웃과 플로우
매끄럽고 디테일한
인터랙션 설계
직관적인 레이블
& 테스크 옵션
Summary
UX Principle
K-Bank
05
Refined
금융 컨텍스트를 잘 이해하는,
세련되고 정돈된 브랜드경험
Insightful
편안하고 유쾌한 금융 경험 :
흥미롭다, 영감을 준다, 사려깊다
Understandable
쉽게 이해가능하고,
예측할 수 있는 사용환경
Expansive
다양한 고객의 니즈를 담을 수
있는 확장성 있는 플랫폼 구조
Bring,
Connect,
Manage My Financial Life.
UX Principle
Direction
복잡하게 흩어져 있는 내 금융생활을
세련되고 유쾌하게
모으고 연결하고 관리한다.
K-Bank
06
UXUI Strategy
Multi-Level Holder
1층의 자산(Basic) 층과,
2층의 금융서비스(Application) 층,
3층의 메뉴탭(Menu Tab) 층의
3단 구성으로 카테고리를 명확히 구분
Corme Structure
K-Bank
07
K-Bank
08
19단계
11단계
온보딩 테스크 최소화
기존 온보딩 프로세스를 ‘서비스 가입’과 ‘계좌 개설’로 분리
Task의 유기적 연결 및 명확한 표기
고객이 직접 입력해야 하는 항목 최소화
이해하기 쉬운 플로우로 복잡하고 어려운 금융 활동을 매끄럽게 사용할 수 있도록
Bring my financial life
Solution 1
K-Bank
09
서비스 가입
계좌 개설
K-Bank
10
Connect my financial life
Solution 2
진입 · 홈 탐색
계좌 간 이동을 쉽게 느낄 수 있도록 퀵버튼과 마이크로 애니메이션
활용으로 서비스가 활성화되는 느낌을 부여합니다.
또한, 고객 목적에 맞는 다양한 콘텐츠를 추천 제공하여
은행과 금융 생활을 자연스럽게 연결할 수 있도록 합니다.
K뱅크를 중심으로 나의 일상 속 금융생활이 자연스럽고 재미있게 순환될 수 있도록
K-Bank
11
K-Bank
12
Manage my financial life
Solution 3
개인형 맞춤 금융 콘텐츠
마이데이터 기반으로 개인화된 금융 콘텐츠를 추천하며,
이를 편하게 소비할 수 있도록 행동을 유도하는
마이크로 애니메이션과 Advice 문구를 함께 노출합니다.
나의 금융활동 맥락에 맞는 추천/제안/분석을 통해, 최적화된 자산관리가 가능하도록
K-Bank
13
Card UI
Detail Page
K-Bank
14
UX·UI Portfolio
Suyeon Shin