일관된 표정과 목소리를 담아내다 KB손해보험

상세페이지

  • HOME > 프로젝트 & 프로모션

일관된 표정과 목소리를 담아내다 KB손해보험

오프라인에서의 친절은 직원의 표정과 목소리로 느낄 수 있다면, 온라인은 어떨까.
웹사이트 내에서 도달하고자 하는 서비스에 빠르고 정확하게 닿을 수 있도록 구현된 사용성이 결정할 것이다.
이번 KB 웹사이트 리뉴얼은 편한 사용성을 기반으로 친절한 온라인 보험 서비스 환경을 구축했다.

글. 김신혜 기자 ksh@websmedia.co.kr  사진. KB손해보험 제공





프로젝트명
KB손해보험 웹사이트 리뉴얼
(웹·모바일)

클라이언트
KB손해보험 고객컨택부

브랜드
KB손해보험

대행사
플립커뮤니케이션즈

오픈일
2016년 11월 17일

URL
www.kbinsure.co.kr(웹)
m.kbinsure.co.kr(모바일)


온라인 보험이 갖춰야 할 요소
온라인을 통해 보험 서비스 이용이 가능해지면서 고객은 자신에게 맞는 상품을 더욱 꼼꼼히 따져볼 수 있게 됐다. 하지만 실제 상담을 들어도 이해하기가 만만치 않은 보험을 온라인으로 파악하기란 여간 어려운 일이 아니다. 그렇다면, 온라인 보험이 갖춰야 할 건 친절한 오프라인 상담만큼이나 쉬운 사용성일 것이다. 이번 KB손해보험 웹사이트 리뉴얼 프로젝트는 기능, 기획, 디자인 전반에서 일관된 표정과 목소리를 갖추기 위해 노력했다. 최종적으로는 친절한 웹사이트가 갖춰야 할 ‘사용성’을 위해서였다. 웹사이트와 모바일의 통일성 있는 디자인
이번 디자인 리뉴얼은 서비스의 표정과 목소리를 ‘일관되게’ 전달하는 데에 초점을 뒀다. 그 일관된 브랜드의 아이덴티티를 구축하기 위해 웹페이지 전체 디자인을 통일성 있게 적용했다. 사실 브랜드의 웹사이트 리뉴얼이라 한다면 자칫 ‘직관성’ 혹은 ‘비주얼적인 요소’에만 치우쳐 정작 담아야 하는 사용성이라는 본질은 흐려질 수 있다. 이번 프로젝트는 이렇듯 제작자 입장에서 보기 좋은 디자인을 벗어나 ‘사용자 중심’의 디자인을 메인 콘셉트로 설정했다. 가장 중점적인 부분은 ‘통일성’. 특히나, 상품 종류도 많고 타깃 범위도 넓은 보험 서비스인 만큼 제 각기 다른 목소리를 내는 요소들을 한눈에 파악할 수 있게 해야 한다는 측면에서 통일성 있는 디자인의 역할은 중요했다. 하지만 그 많은 서비스들을 통일성 있게 담아낸다는 것이 어디 쉬운 일이겠는가. 현재 손해보험 웹사이트 내의 서비스들은 서비스 리뉴얼 시기가 다르고 중점적인 콘셉트도 다르기 때문에 하나의 웹사이트임에도 불구하고 제 각각 다른 형태의 UI·UX를 가지고 있어 일관성이 부족했던 것이 사실. 게다가 이번 프로젝트는 웹뿐만 아니라 모바일도 동시에 진행했기에 두 디바이스를 모두 고려한 디자인이 중요했다. 디자인의 일관성을 위해 기획 역시 비슷한 맥락으로 진행됐다. 콘텐츠 메시지의 전달성을 강화한 기획
기존에 존재한 상품이나 서비스를 새롭게 변경해 고객에게 혼란을 가중하기 보다는 사용자와 기존의 상품이 더욱 잘 연결될 수 있게 하는 데에 초점을 맞췄다. 가장 먼저 손해보험 웹사이트의 사용목적을 먼저 고려했다. KB손해보험 웹사이트는 온라인 채널일 뿐만 아니라 계약고객을 위한 서비스 제공 페이지라는 복합적인 목적으로 사용된다. 따라서, 사이트를 찾는 고객의 목적에 따라 웹페이지 구성을 변화시킬 필요가 있었다. 이를 위해 웹사이트 메인을 사용자 특징에 따라 두 가지로 나눴다. 계약고객을 위한 ‘계약 고객 모드’와 일반 관심 고객에게 다양한 보험상품들을 소개할 수 있도록 테마스토리로 구성된 ‘테마 상품 모드’로 구성했다. 이런 ‘콘텐츠의 전달성 강화’는 모바일에서는 특히나 중요했다. 작은 화면 안에 많은 서비스를 구현해야 한다는 게 쉽지는 않은 일. 기존 UI·UX개선해 고객이 콘텐츠에 집중할 수 있도록 했다. 사용성의 본질, 기능
물론 디자인, 기획 모든 게 중요할 테지만 사실 온라인 보험 서비스 환경을 가장 편하게 만드는 건 ‘기능’일 테다. 개인정보를 다루는 서비스인 만큼 본인인증이 가장 큰 허들이 될 수밖에 없다. 내부적으로도 개편 니즈가 가장 컸던 부분은 편리한 인증 서비스 환경이다. 기존 공인인증서 본인확인은 그 다음 단계인 조회 및 보상 등의 개인 서비스를 이용하는 데에 있어 큰 허들로 작용한다. 이런 서비스 진입에서 겪는 불편을 줄이기 위해 ‘휴대폰 인증’ 서비스를 도입했다. 모바일에서도 간편한 인증이 가능해지면서 웹사이트와 모바일 두 디바이스에서 시간과 장소에 상관없이 편리한 보험 서비스 환경을 누릴 수 있게 됐다. 이번 KB손해보험 웹사이트 리뉴얼 프로젝트는 디자인, 기능, 기획 모든 요소가 통일성 있게 구축될 때 브랜드 아이덴티티와 편한 사용성이 동시에 갖춰진 웹사이트가 만들어질 수 있음을 잘 드러낸다.

interview
신승연 플립커뮤니케이션즈
전략기획그룹 책임
모든 프로젝트가 그랬지만 이번 프로젝트는 협업이 특히나 중요했습니다. 기획, 디자인, 퍼블리싱, 개발까지 거의 동시에 진행되는 일정이라 모두가 어려웠을 텐데 많은 인원이 척하면 척, 일사 분란하게 목표를 향해 함께 뛰어주어 좋은 성과를 낼 수 있었습니다. 더불어, 다양한 시도를 해 온 KB손해보험과 함께 했기에 가능했다고 생각합니다. 금융권 리뉴얼은 항상 어렵습니다. 이미 다양한 시도가 있었고 덜어낼 수 없는 많은 서비스를 보유하고 있기 때문에 그렇습니다. 그럼에도 불구하고 저희가 금융권 프로젝트에 보람을 느끼는 건 사람과 사람의 협업으로 작은 기적을 만들어낸다는 점과 최선을 다하면 기존 시스템 대비 혁신적인 결과물을 도출한다는 점 때문일 것입니다. 이번 프로젝트로 KB손해보험이 새로운 얼굴을 갖게 돼 기쁩니다. contents


고객 맞춤형 콘텐츠

다양한 방문 타깃 중 계약고객의 경우 방문빈도가 가장 높은 것은 MY KB(마이페이지). 본인의 계약 및 보상 진행 상황 등을 한눈에 확인해볼 수 있기 때문이다. 이 때문에 무엇보다 MY KB코너에 집중해 친근한 개인화 서비스를 제공하고자 했다. 먼저 계절별로 분위기를 전달할 수 있는 감성적인 카피로 다가갔다. 또한 고객의 연령대에 맞춰 60세 이상의 경우 보다 간소하게 정리된 UI를 제공해 꼭 필요한 사항에 집중할 수 있도록 했다.
target



모든 콘텐츠를 한눈에

메인에서 전달해야 하는 콘텐츠가 많은 만큼 고객에게 메시지를 효과적으로 드러낼 수 있는 레이아웃을 구축했다. 먼저 많은 콘텐츠로 인해 답답함이 느껴지지 않도록 했다. 또한, 웹과 모바일 동시에 적용되는 만큼 두 곳 모두 지나치게 긴 스크롤이 생기지 않도록 해야 했다. 때문에 가능한 높이가 높아지지 않도록 구성하기 위해 고심했다. 그 결과, 콘텐츠를 효과적으로 배치해 전체 콘텐츠를 한눈에 확인할 수 있게 됐다.   system



고객과 관리자 모두를 위한 편한 환경
디자인 이외에 내부적으로 개편 니즈가 가장 컸던 건 휴대폰 인증 도입. PC웹과 모바일 두 디바이스 모두 성공적으로 추가해 많은 서비스를 공인인증서 없이 이용할 수 있게 됐다. 관리자를 위한 기능도 놓치지 않았다. 웹사이트의 사용자는 고객뿐만 아니라 관리자도 해당된다. 관리 포인트가 많은 버튼은 대부분 텍스트 형태 버튼으로 변경해 필요에 따라 다양하게 사용할 수 있도록 했다.

mobile



모바일 맞춤형 콘텐츠 배치

모바일 서비스에서 가장 중점적으로 고려해야 하는 건 무엇일까. 작은 화면 내에 콘텐츠를 효율적으로 담아내는 것일 거다. KB손해보험의 경우 서비스 특성상 많은 콘텐츠를 담아내야 했으므로 이를 직관적으로 구성하기 위해 폰트를 기존 폰트보다 2point이상 확대하고 자간을 넓혀 시원한 느낌으로 구성했다. 여백과 폰트 크기 확대로 발생하는 스크롤 높이 문제는 기존 화면 인터랙션 등을 적용해 중요 콘텐츠에 고객이 집중할 수 있도록 했다.

tags 디아이매거진 , 디아이 , 디아이투데이 , DI , 김신혜 기자 , KB손해보험 , 모바일 맞춤형 , 플립커뮤니케이션즈

저작권자 © 웹스미디어 무단 전재-재배포 금지

뉴스콘텐츠는 저작권법 제7조 규정된 단서조항을 제외한 저작물로서 저작권법의 보호대상입니다.
본 기사를 개인블로그 및 홈페이지, 카페 등에 게재(링크)를 원하시는 분은
반드시 기사의 출처(로고)를 붙여주시기 바랍니다.
영리를 목적으로 하지 않더라도 출처 없이 본 기사를 재편집해 올린 해당 미디어에 대해서는 합법적인 절차(지적재산권법)에 따라
그 책임을 묻게 되며, 이에 따른 불이익은 책임지지 않습니다.

URL 복사 출력하기 목록보기 스크랩하기

관련기사

최신뉴스
기업탐방
마음의 꽃을 피워드립니다 마음정원
프로젝트 & 프로모션
우리들의 플레이그라운드 G-STAR 2016 PlayStation
프로젝트 & 프로모션
일관된 표정과 목소리를 담아내다 KB손해보험
프로젝트 & 프로모션
당신의 컬러를 만들어 드립니다 마이튜브
프로젝트 & 프로모션
혁신이란 함께 만들어 가는 것 교보라이프플래닛생명보험

정기구독신청