삼성화재해상보험의 2012 모바일서비스 개선 2012.08.28
Project Information
Project Information
프로젝트명 삼성화재 모바일 서비스 개선
URL 모바일 : http://m.samsungfire.com
iOS 설치 : http://itunes.apple.com/kr/app/id409967827?mt=8 android
설치 : http://play.google.com/store/apps/details?id=com.samsungfire.insurance
부문 Mobile App&Web / UX&UI
클라이언트 삼성화재해상보험
오픈일 2012.08.28
Project Information
어워드
WEB AWARD KOREA &AWARD-(구)디지털미디어어워즈
2012 웹어워드 모바일웹 마케팅부문 금융분야 대상

2012 &어워드 Website부문 Finance & Banking mobilesites분야 Winner
기존의 삼성화재 모바일 서비스는 보험계약관련 업무의 앱 서비스와 컨텐츠 및 정보 서비스를 제공하는 모바일 홈페이지 서비스로 양분화 되어 있었으며, 서비스의 연계성뿐만 아니라 사용자 UI 및 디자인의 통일성이 결여되어 동일한 사용자 경험과 통일된 UI 제공을 위한 모바일 서비스 개편이 요구됐다.

앱과 모바일웹의 상이한 정보구조 및 UI를 통합하고, 향후 서비스 추가 및 앱 기능의 확장성을 고려한 모바일마케팅 플랫폼 기반 구축을 목표로 많은 노력을 기울였다. 삼성화재의 모바일서비스에 반응형웹(Responsive Web) 기술을 적용해, 스마트폰과 태블릿PC에서 최적화된 웹UI를 제공할 수 있도록 구현하고, 동시에 앱에서도 사용자로 하여금 동일한 웹서비스를 체험할 수 있도록 하이브리드앱을 구축했다.


↑Alt태그 :

↑Alt태그 :

↑Alt태그 :

반응형웹이란?
PC, 스마트폰, 태블릿PC 등 사용자의 다양한 디바이스 환경에 따라 해상도나 화면이 최적화된 UI 환경으로 자동 변환되는 기술을 말한다.
즉, 자바스크립트로 디바이스의 가로 폭을 감지해 적절한 레이아웃이 나오도록 CSS속성을 이용하는 기법이다.
과거에는 PC버전, 태블릿PC 버전, 모바일 버전의 웹을 따로따로 제작해서 관리해왔지만, 반응형 웹을 적용할 경우 하나의 소스로 여러 디바이스의 디스플레이에 최적화해 보여지게 할 수 있기 때문에 기업의 입장에서는 운영인력과 시간의 중복을 피할 수 있으며, 유지보수 및 마케팅 비용을 대폭 절감할 수가 있다.
더불어, N스크린 시대인 만큼 향후 출시 될 다양한 Screen Device에 유연한 대응이 가능하기 때문에 One Source Multi Use 지원이 가능하다고 할 수 있다.

 

 

삼성화재 웹사이트 프로젝트 바로가기

http://www.pulipinc.com/works/portfolio_view.do?searchCategory=&currentPage=0&idx=188