따뜻한 웹 접근성 레퍼런스 삼성화재 리뉴얼 프로젝트

상세페이지

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

따뜻한 웹 접근성 레퍼런스 삼성화재 리뉴얼 프로젝트

삼성화재는 인터넷 창구 기능 리뉴얼을 시작으로 모바일, 웹사이트, 패밀리사이트까지 순차적으로 개선하고 있는데, 정점에 해당하는 웹사이트 리뉴얼을 지금 막 완료했다. 따끈하다 못해 뜨거운 웹사이트는 적확한 이미지 적용과 브랜딩 외에도 ‘장애인 웹 접근성 개선’을 목표로 했다고 한다. 이웃에 대한 온기마저 따뜻한 이 사이트는 금융권 사이트 웹 접근성 레퍼런스로 남을 예정이다.
이종철 기자 jude@websmedia.co.kr




프로젝트명  삼성화재
URL  www.samsungfire.com
부문  금융/보험
클라이언트  삼성화재
제작사  플립커뮤니케이션즈
오픈일  2012년 11월 1일



온기 있는 웹사이트

삼성화재는 재무건전성을 바탕으로 한 국내 최고의 손해보험사다. 국내는 물론 미국과 유럽, 중국, 인도네시아, 베트남 등 글로벌시장에서도 의욕적인 활동을 전개하고 있으며 선진금융기법 도입, 상품개발 강화, 보험 마케팅 혁신 및 언더라이팅(보험인수) 선진화, 전 임직원의 프로화, 효율적인 보상서비스 체계 구축 등 글로벌 경쟁력을 확보해 세계적인 종합 금융서비스사를 향해 착실하게 성장을 거듭하고 있다.
삼성화재는 시각장애인 안내견 지원사업, 교통사고 유자녀, 장애인지원사업 등 다양한 사회공헌활동을 펼치고 있으며, 최근 모델 공유를 통해 생활 속 안전을 책임지는 ‘Total Risk Solution Partner’ 브랜드 이미지로 고객에 다가서고 있다.

리뉴얼 목표는 주 타깃인 40대 초반에게 쉽게 접근하면서도 장애인차별금지법 발효 시기에 맞춰(2012년 4월) 웹 접근성을 준수하는 것. 여기서 기획/디자인/퍼블리싱을 담당한 플립의 고민이 시작됐다.

아주 작은 요소에서 일반인에게 불편하지만, 장애인에게 필요한 요소를 탑재해 일반인도 이웃을 함께 돕도록 배려한 사이트로 탄생한다. 주 타깃의 불편까지 부가하며 서로 배려하는 입장으로 제작한 것은 해당 사이트가 금융 사이트기 때문이다. 보험상품은 무형의 상품이기 때문에 고객의 신뢰가 무엇보다 중요하다.

기대 효과는 온라인 중심 생활에서의 온라인 업무효율의 증대, 재구매 유도 및 신규고객창출 위한 니즈 환기 유도 콘텐츠를 통한 가망고객 확보, 고객과의 최접점에 있는 중요 인력인 RC(Risk Consultant) 자원 확보 등이다.







Design

Life Navigator
삼성화재 고유의 디자인 아이덴티티 ‘Life Navigator’를 웹사이트에도 사용하는 것이 큰 특징이다. 이번 개편대상이었던 본 사이트와 회사소개, RC, English IR 사이트의 메인과 서브 메인에 맞는 크기와 모양으로 각각 변형해 적용했다. 웹사이트 어디를 들어가도 라이프 내비게이터 블루 라인이 자리 잡고 있어 통일감을 부여한다.
메인과 서브메인에서는 세로 스크롤을 최대한 배제해 한눈에 콘텐츠를 볼 수 있도록 한 것이 또 다른 특징이다. 상세페이지에서도 주요 포인트 요소로 라이프 내비게이터를 활용했으며, 디자인 느낌은 오프라인에서 사용하는 문서나 지로용지와 유사한 느낌을 받을 수 있도록 가이드를 만들어 사용했다.



Life Navigator 디자인 적용 가이드

절제의 맛
깔끔하고 정갈한 한상차림 모양의 사이트를 위해 이미지 영역은 화려함을 걷어내는 모습을 보여준다. 각 이미지는 실사와 일러스트레이션을 혼합한 형태로, 전반적인 해당 웹사이트의 느낌을 보조하는 역할을 한다. 이미지가 콘텐츠화된 셈이다. 콘텐츠와 어울리는 이미지만을 제공하며 이를 위해 모든 디자인을 가이드화한 뒤 제작했다. 이미지는 간결하지만 삼성계열사의 느낌을 살리는 데 주력해, 심플한 오브젝트 안에서 삼성 제품들을 찾는 ‘깨알 같은’ 재미를 느낄 수 있다.



Contents

이웃 위한 콘텐츠
기본적으로는 시/청각 요소를 보완하는 것이 1차 목표. 그러기 위해서 웹 접근성에 부합하지 않는(시각장애인은 텍스트를 읽어주는 스크린 리더를 사용한다) 이미지 콘텐츠를 텍스트화하는 작업에 착수하고, 청각 장애인을 위해서 동영상 콘텐츠에 자막과 수화를 제공한다. 또한, 색맹을 위해서 각종 그래프에 설명을 붙이고 차트는 색이 아닌 패턴으로 구분하도록 했다. 이를 통해 웹 접근성 준수 인증 마크를 획득하는 것이 가시적 목표지만, 실제로 1,800개에 달하는 페이지를 개선한 것은 장애인 실 사용성을 개선하기 위한 것이었다.



색맹을 위한 패턴 그래프

라이프케어 서비스
라이프케어 서비스는 고객 생활 전반의 모든 위험을 아우르는 콘텐츠로, 자동차생활/보험 보상 사례/여행/재테크 등 손해보험과 관련한 대부분의 정보를 제공한다.
기존 삼성화재 웹 콘텐츠는 웹진 형태였는데, 이를 수시로 업데이트 및 제공하기 위한 플랫폼을 개설했다. 월간 형식은 제외했으며 소셜 콘텐츠를 충분히 제공하기 위한 노력으로 웹사이트 저변에 통합한 상태. 새 이슈가 생길 때마다 업데이트하고, 사용자가 공유하기 쉽도록 한 점이 특징이다. 이외 새로운 미디어가 등장할 때마다 덧붙이기 쉽도록 설계했으며, CMS를 통해 모바일에서도 완전히 동일한 콘텐츠를 사용할 수 있다. 이는 단순한 웹 콘텐츠를 넘어, RC들이 모바일 탭으로 사용하는 콘텐츠로도 활용 가능한 장점이 있다.

모바일 폰/태블릿에서 CMS를 통해 동일한 라이프케어 콘텐츠를 볼 수 있다.







Development Issue

기술 없는 기술
여러 금융권 사이트 제작을 담당한 제작사 플립은 다양한 네이티브 언어 개발 역량을 보유하고 있지만 해당 사이트 개편을 위해서는 기술보다 사람을 먼저 생각해야 했다. 눈에 선명하게 보이는 기술적 과시가 온라인 생활에 익숙한 고객에게는 친숙할 수 있지만, 이를 풀어내 미고객층이나 노인/장애인 등 일부 계층에 적용해야 하기 때문이다. 이를 위해 제공하는 것들이 대체 콘텐츠인데, 정보구조를 논리적으로 설계했다 해도 기술적인 어려움을 겪는 이들을 위해 플래시 구조와 텍스트 구조를 동시에 제공하는 ‘보펌상품공시실’ 등의 메뉴를 적용했다. 텍스트 기반 선택사항들은 순수언어인 자바스크립트 기반으로 개발해 속도나 편의성 면에서 쾌적하다.



텍스트화한 플래시 콘텐츠

인터넷창구-모바일-웹사이트 연계성 고려
11월 오픈한 웹사이트는 인터넷창구기능 및 모바일 기능과 함께 순차적으로 진행한 프로젝트다. 인터넷창구 기능은 리뉴얼 첫 시작이었는데, 라이프 내비게이터와 오프라인 지로용지를 기준으로 제작했다. 모바일과 웹에서도 이러한 디자인 아이덴티티와 편의성은 그대로 유지된다. 깔끔함이 장점인 웹사이트에서는 웹 접근성 이슈가 추가돼 보통 이미지로 채우는 메인 하단에 텍스트 콘텐츠가 배치되는 등 기존 금융/보험 사이트에서는 시도하지 못한 이슈들로 채워지기 시작했다. 실제로 체험하면 가장 먼저 눈이 갈 정도로 편리하며 직관적이다.



MINI INTERVIEW 정은성 인터넷서비스파트 마케팅유닛장

w.e.b. 웹 접근성이 일반 사용자에게 불편을 가져올 수도 있다던데요.

정은성 자동커서 입력이 사라지는 등 편의성 면에서 일부 후퇴가 있을 수도 있습니다. 사용자도 함께 배려하는 차원으로 생각해주시면 감사하겠습니다.

w.e.b. 웹 접근성 인증마크가 삼성화재에 어떤 의미를 갖는지요.

정은성 인증마크 자체는 법적 효력이 없습니다. 실제로 장애인들이 얼마나 편리하게 사용하느냐가 중요하죠. 삼성화재는 매년 고객 불편사항을 반영하고 있는데요. 장차 장애인들의 불편사항도 접수하고 테스트할 예정입니다.

w.e.b. 제작사로 플립을 선정한 이유는 무엇인가요?

정은성 인터넷창구와 모바일 기능에서 웹과 패밀리사이트를 함께 제작하고 있고요. 모든 삼성계열사가 그렇듯 ‘실력’을 중요시하기 때문입니다.

w.e.b. 일반인들이 불편을 겪는 사항에는 어떻게 대처할 건가요.

정은성 반대로 장애인을 생각하다 보니 얻게 된 것이 많습니다. 눈높이를 맞추다 보니 누구나 이용할 수 있는 사이트가 된 거죠. 결국 일반인에게도 더 좋은 사이트로 변했다고 봅니다. 멋있게 보여주는 것보다 진짜 필요한 걸 보여주는 겁니다.

tags 웹 접근성 , 웹 표준 , 장애인차별금지법 , 장차법 , 삼성화재

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

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

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

관련기사

최신뉴스
디지털 광고 & 마케팅
[요일별 위험예보 캠페인] 요일과 일상을 보험에 접목하다
인물 인터뷰
[김석일 충북대 교수] 내년 4월, 당신은 장차법에 어떻게 대응할 것인가
프로젝트 & 프로모션
따뜻한 웹 접근성 레퍼런스 삼성화재 리뉴얼 프로젝트
월별 특집 & 기획
웹 접근성에 관한 실무진 뒷담화
월별 특집 & 기획
저시력 사용자 생활에 접근하기

정기구독신청