- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 현대보안월드 InVue | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Hyundai Security World | ||||||||||||
| 서브타이틀 | 현대보안월드 인뷰 | |||||||||||
| HDSWC InVue | ||||||||||||
| URL | http://hdswc.co.kr 사이트보기 | |||||||||||
| 소개 | 현대보안월드에서 취급하는 보안 제품들과 활용방법을 소개하는 웹사이트 | |||||||||||
| 키워드 | 현대보안월드,인뷰,InVue,태블릿보안,스마트폰보안,홈페이지코리아 | |||||||||||
| 제작년월 | 2015.3 | |||||||||||
| 등록구분 | 데스크탑웹 | |||||||||||
| 후보등록분야 | 제품브랜드 부문 > 제품일반 | |||||||||||
| 소속사 | (주)현대보안월드 | |||||||||||
| 제작사 |
(주)홈페이지코리아 정보보기 |
|||||||||||
| 제작사 제작진 |
|
|||||||||||
| 웹사이트 설명 | 제작의도
기존에 매장을 위한 보안 시스템 전반을 다루던 현대보안월드는 시장확보를 위해 전자제품 매장 외 카페나 독서실, 호텔 등과 같은 태블릿이 설치되는 모든 장소에도 적용될 수 있도록 모바일/소형 가전 보안제품에 주력하고 싶어했고, 따라서, 업계 전문가만 볼 수 있는 B2B 홈페이지가 아닌 최종 사용자에게 더욱 친화적인 웹사이트를 기획하였다. 제작스킬 GNB는 선택영역이 넓고, 사용자 동작에 대한 인터렉션이 명확히 구분되도록 제작했다. 또한, 스크롤을 내리면 사라지고 스크롤을 올리면 나타나는 구조로, 컨텐츠를 보는데 방해가 되지 않으면서 네비게이션으로의 접근은 쉽게 했다. 섹션이 차지하는 영역이 큰 최근 트렌드를 반영하면서, 컨텐츠의 집중도를 높이고, 장식요소를 최대한 배제하여 컨텐츠 자체에만 집중할 수 있도록 디자인 했다. Noto Sans Korean, Source Han Sans로 불리는 Google/Adobe의 합작 서체를 웹폰트로 사용했다. 웹사이트 퍼포먼스에도 주목해 웹사이트가 렌더링되는 차례를 고려하고, css3 애니메이션이 가용한 환경에서는 css3 애니메이션이 우선 작동하도록 마크업/스타일링했다. 모바일 및 레티나 디스플레이 환경에서도 깔끔한 이미지를 보여주기 위해 로고 및 픽토그램은 svg 아이콘을 사용하고, 고해상도 디스플레이-저해상도 디스플레이-태블릿-PC를 모두 지원하는 반응형웹으로 제작했다. 뿐만아니라 웹사이트 관리자가 제품 소개 페이지를 전문가의 손길 없이 아름답게 꾸밀 수 있도록 내용을 규격화 하고, 관리자 페이지에서 사용자 페이지와 유사한 형태로 보여지게 해 관리하는 입장에서도 어려움이 없도록 제작했다. |
|||||||||||
| 추가이미지 |
    
|
|||||||||||
| 제작/구축 관련 자료 | ||||||||||||