- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 주한영국상공회의소 | |
|---|---|---|
| British Chamber of Commerce in Korea | ||
| 서브타이틀 | 주한영국상공회의소 | |
| British Chamber of Commerce in Korea | ||
| URL | http://www.bcck.or.kr 사이트보기 | |
| 소개 | 군더더기 없고 세련된 느낌의 주한영국상공회의소 | |
| 키워드 | 상공회의소,영국상공회의소,주한영국상공회의소 | |
| 제작년월 | 2012.6 | |
| 등록구분 | 데스크탑웹 | |
| 후보등록분야 | 공공/의료 부문 > 공공기관 등록분야 목록보기 |
|
| 소속사 | 주한영국상공회의소 | |
| 제작사 |
아지앙스코리아 정보보기 |
|
| 제작사 제작진 | PM: 국민철
기획: 채승희 디자인: Antoine Blancher 개발: Laurent Le Graverend 퍼블리싱: Karine Do |
|
| 웹사이트 설명 | 주한영국상공회의소(이하 BCCK)는 한국과 영국의 무역, 상업, 투자 촉진을 돕고 한국에서 활동하는 영국 사업 공동체의 의견을 대표하는 것을 목표로 임하며, 특히 회원들의 교류와 정보 공유를 돕고 시너지를 낼 수 있도록 여러 활동을 주관 및 추진하는 기관이다.
클라이언트를 포함, 웹사이트를 이용하는 사용자층이 외국인 임원이라는 점은 제안 초기부터 고려해야 하는 사항 중 하나였다. 국외에서 많이 사용하는 크롬 및 파이어폭스 브라우저에 최적화 한 사이트 제작이 기술적으로는 가장 기본적인 요소였다. 시간에 쫓기는 주 타깃의 편의성은 물론, 관리자가 두 개의 소스를 관리할 필요를 줄였다. 사용자가 모바일 디바이스 사용이 잦을 것이라는 요구분석을 통해 어떤 디바이스에서든 동일한 내용을 뛰어난 가독성과 UI로 제공할 수 있도록 반응형 웹(Responsive Web Design)으로 사이트 전체 스크립트를 개발했다. 또한, 사용자층 특성에 맞게, 페이지 로딩에 부하를 주는 장식 요소나 플래시 컴포넌트 등을 최소화하고 원하는 정보를 빠르게 열람할 수 있도록 하는 것, 운영 부담을 줄이고 자동 정보 업데이트를 위해 뉴스 RSS, 트위터, 플리커, 페이스북, 구글맵 등 클라우드/소셜 미디어의 오픈 API를 적극적으로 사용했다. 반응형 웹(이하 RWD)은 CSS3를 이용하여 디바이스의 스크린 해상도에 따라 UI 컴포넌트의 위치 및 가로세로 프로포션을 조정해 어떤 디바이스에서든 사용자가 편리하게 사이트의 제공정보를 이용할 수 있게 하는 기술이다. 모바일 웹사이트를 따로 만들 필요 없이 하나의 콘텐트 소스가 디바이스에 맞게 최적화된 모습으로 나타나기 때문에 “m.”으로 시작하는 별도 URL이 필요하거나, PC와 모바일 콘텐트가 달라 겪는 불편함을 없앨 수 있다. 관리자 입장에서도 새로운 구성요소를 추가할 때 플랫폼 여러 개를 다룰 필요가 없어 경제적이다. 전체 레이아웃은 미니멀리즘의 표현이다. 클라이언트도 ‘군더더기 없고 세련된’ 느낌의 룩앤필을 원했고, 이는 RWD로 진행하는 입장에서도 좋은 조건이었다. 메인 페이지는 BCCK에서 가장 중요한 세 가지 정보 즉, BCCK 뉴스 및 행사 캘린더 그리고 회원사 로고/배너의 롤링 디스플레이가 상단에, 각종 뉴스와 BCCK의 소셜 미디어 클립 등이 하단에 나타난다. 전체적으로 컴포넌트의 구성은 세로축을 중심으로 이줘져, 디바이스별로 레이아웃이 무리 없이 재정렬 되고, 디스플레이 우선순위에 따른 요소의 소거가 일어나도 어색함이 없도록 했다. |
|
| 추가이미지 |
   
|
|
| 제작/구축 관련 자료 | w_201210120439490451401603.docx | |