개인/기업 고객 Business Gate마련 동부화재 홈페이지 Renewal 프로젝트 개요 2008.02 홈페이지 재구축 이후 디자인 및 서비스 개선에 큰 변화 없이 운영이 되어 급변하는 웹환경에 뒤쳐진다는 지적과, 고객VOC 조사결과 디자인, 상품몰에 대한 개선요청과 추가 의견사항을 수렴하여 2010.09 홈페이지 리뉴얼을 추진하였다. 리뉴얼컨셉 상품몰 전면 개편 개인/기업 고객 Business Gate마련 홈페이지 디자인 리뉴얼 고객 가치 기반의 Convergence Portal Site 구축 대외계 서브사이트 Gate 통합 해당사이트 직접 연결통로 제공 Flash기반 비쥬얼화면구성 표준화 코딩 진행 보험몰 화면 UI 개선 보험몰 디자인 전면개편 보험사의 온라인창구 비중 증대 세련된 디자인의 보험몰 고객의 다양한 니즈 충족 운영효율 증대 인지도에 비해 노후된 사이트 시장 경쟁 변화 대응 1/5
동부화재 홈페이지 Renewal 개발컨셉 디자인 - 디자인의 경우 ‘읽는’ 디자인에서 ‘보는’ 디자인으로의 전환, 최신 디자인/이미지/플래쉬를 통한 젊고 역동적인 홈페이지 구현을 컨셉으로 작업하였다. - 기존의 짙은 녹색과 주황색 컬러가 주는 무거움에서 탈피하기 위해 CI컬러의 사용을 최소화 하여 세련되고 지적인 이미지를 구현하였으며, 메인화면의 플래쉬를 이용한 메뉴화면변경을 통해 역동성을 강조하였다. 1) 이전 메인화면 2) 리뉴얼 이후 메인화면 - 복잡한 느낌 : 많은 내용을 안내하기 위하여 구성이 복잡해짐. - 지나친 그래픽 사용 : 뉴스, 공지를 제외한 모든 텍스트가 그래픽으로 반영 - 이미지홍보 플래시 파일의 용량과 사이즈가 너무 큼 : 페이지로딩에 영향 - 이벤트 및 상품배너 롤링 : 다른 이벤트나 상품을 바로 노출하기 어려움. - 간결한 메뉴구성 : 메인 항목 외의 항목을 숨김으로써 해당항목에 집중. - 세련된 화면 : CI컬러를 최대한 배제하고 여백을 많이 둠으로써 세련되고 깔끔한 느낌을 얻음 - 역동적인 플래쉬 : 화면의 메뉴선택시 빠른 화면전환으로 역동적인 느낌을 줌 2/5
동부화재 홈페이지 Renewal 개발컨셉 메뉴구성 - 9개의 대메뉴를 5개의 큰 메뉴로 축소하여 메뉴를 단순화하였다. 서비스 신청메뉴를 ‘온라인창구’ 항목에 넣어둠으로써 메뉴이탈 없이 각종서비스에 대한 조회, 신청을 할 수 있도록 변경하였다. - 온라인창구를 제외한 모든 메뉴는 로그인/회원가입 없이 안내받을 수 있도록 구성하였다. 계약조회 온라인창구 계약변경 정보변경 납입/환급 보험금청구 /사고접수 대출조회/신청 증명서발급 자동차 보험상품 운전자/상해 통합/건강 자녀/유학 여행/레저/유학 화재/재해 연금/저축 방카슈랑스 제휴보험 보험공시 보험계약대출 대출 부동산대출 신용대출 대출모집인부당/ 과장광고신고센터 자동차보상안내 상해/질병/ 재물보상안내 상해급수알아보기 보험금지급사례 보상Q&A 오토케어서비스 서비스+ 라이프케어서비스 제휴서비스 컨설팅서비스 이벤트 생활정보 그룹 및 계열사 패밀리 사이트 고객권리안내문 서민금융119 보험범죄정보 방카슈랑스 부조리신고 모집질서신고 경영공시 상품공시 가격공시 서비스망찾기 패밀리사이트 채널 영역 Footer 개인정보취급 방침 이메일무단 수집거부 서비스이용약관 전자금융 거래약관 약관찾기 사이트맵 1Depth 2Depth Header 추천보험 동부화재 3/5
동부화재 홈페이지 Renewal 개발컨셉 상품몰 - 디자인 전면 개편을 통해 기존 보수적으로 보였던 동부화재 홈페이지를 세련되고 직관적인 디자인을 통해 트랜드를 반영하며 마케팅 Tool로써의 기능을 한층 강화시키도록 하였다. - 보험 상품몰 서브메인에서 모든 상품을 한눈에 볼 수 있도록 구성하였다. - Text 기반 → Visual Icon / Image 등을 이용하여 가독성을 증대하였다. 보험상품몰 메인 UI 변경 보험상품몰 디자인/UI전면 개편 4/5
동부화재 홈페이지 Renewal 기타 개발컨셉 웹표준화 - 기존 Explorer 6.0에 최적화되어 있던 화면에서 ‘KWCAG1.0 및 WCAG 를 기반으로 제약을 갖는 다른 환경에서도 누구나 불편 없이 편리하게 이용 가능하도록 웹 표준화를 구현하였다. Opera Software Opera 9.6 Internet Explorer 8.0 Apple Safari 3.1 Opera Software Opera 9.6 Apple Safari 3.1 Internet Explorer 7.0 Internet Explorer 6.0 iDongbu Opera Software Opera 9.6 Apple Safari 3.1 Macintosh [Mac] 5/5