- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 삼성증권 ‘반응형 웹 디자인’ 모바일 홈페이지 | |
|---|---|---|
| Samsung Securities ‘Responsive Web Design’ Mobile Homepage | ||
| 서브타이틀 | 반응형 웹 | |
| Responsive Web | ||
| URL | http://m.samsungpop.com 사이트보기 | |
| 소개 | PC부터 스마트폰까지 모든 해상도 지원가능 삼성증권 모바일 홈페이지 | |
| 키워드 | 삼성증권 모바일,반응형 웹,모바일 증권,모바일 홈페이지,모바일 웹사이트 | |
| 제작년월 | 2012.9 | |
| 등록구분 | 모바일웹 | |
| 후보등록분야 | 모바일웹 마케팅 부문 > 금융 등록분야 목록보기 |
|
| 소속사 | 삼성증권 | |
| 제작사 |
(주)이모션 정보보기 |
|
| 제작사 제작진 | PD : 박민우 상무이사
PM / 기획PL : 지유경 책임 디자인PL : 정영석 선임 개발PL : 김청민 수석 퍼블리싱 : 최정윤 책임 |
|
| 웹사이트 설명 | ‘OSMU(One Source Multi Used)’
앱이든 웹이든 모바일 프로젝트에서는 가장 큰 문제가 멀티 OS, 멀티 브라우저로 인한 멀티 플랫폼 대응 전략이다. 그 중 특히 멀티 해상도 문제는 모바일 파편화의 가장 큰 문제로 N스크린 지원 기능에도 큰 걸림돌이 된다. 모바일을 포함한 오픈 웹, 크로스 브라우저 전략 중 하나로 최근 이슈가 되고 있는 반응형 웹 디자인(Responsive Web Design) 방법론은 현존하는 가장 이상적인 멀티스크린 웹 구축 전략으로 평가되고 있다. 그러나 기획단계부터 디자인, 퍼블리싱까지 모두 반응형으로 설계돼야 하므로 기업 홍보페이지로 구축하는 사례는 있으나 실제 비즈니스 서비스 단계에서의 적용은 찾아보기 어렵다. 삼성증권 모바일 웹사이트는 증권업계 최초로 주문을 제외한 모든 증권서비스를 반응형 웹 디자인으로 구현한 서비스라고 볼 수 있다. 주식시세뿐만 아니라 세계지수, 펀드/ELS 등 금융상품까지 취급하는 등 모바일 웹사이트 중에서도 가장 많은 서비스 항목을 제공한다. 특히 해상도별로 별도의 HTML, CSS 파일을 사용하지 않고, 하나의 소스코드로 모든 해상도에 대응할 수 있도록 개발해 관리포인트를 줄이고 멀티스크린 대응을 위한 비용절감 효과를 가져온다. 그리고 코드 재활용성을 증대시키기 위해 서버개발과 클라이언트 개발을 분리, 모든 통신은 RESTful 방식으로 이뤄지며, 서버는 API로 개발돼 제공된다. 또한, 클라이언트는 AJAX를 이용해 JavaScript로 모든 요소가 구현되도록 설계해 별도의 JSP 코드가 화면을 제어하지 않도록 개발했다. 게다가 모바일 사용자 편의성을 증대하기 위해 다양한 터치 효과를 제공, 마치 모바일 앱을 사용하듯 서비스를 이용할 수 있도록 했다. 태블릿PC, 스마트폰에서 일관된 룩앤필을 유지해 디자인 아이덴티티를 확보하고 있기도 하다. 증권서비스는 그 특성상 보안 프로토콜을 적용해야 하며, 가상 키보드 등 보안이슈가 발생하지 않도록 해야 한다. 또한 주식 매매를 위해 모바일 트레이딩 시스템(MTS)와 SSO로 연동돼 원하는 종목에서 바로 MTS의 매매 화면으로 이동이 가능하다. 이를 통해 모바일 웹에서 빠르게 종목 정보를 검색/분석하고 실제 매매는 MTS로 연동해 동작할 수 있어 사용자 편의성을 더욱 증대시키고 있다. |
|
| 추가이미지 |
    
|
|
| 제작/구축 관련 자료 | w_201210111258495920449148.pptx | |