ACG, 반응형 웹(Responsive Web) 사이트 개편

What happened to acg?

ACG는 지난 해 11월 창립 10주년을 기념한 전면 개편에 이어, 지난 9월 1일 최신 트렌드를 반영한 자사 웹사이트(www.astrum.co.kr)를 오픈했다.

이번 개편은 진화하는 디지털 환경에 맞춰 자사 웹사이트를 최적화해 온 ACG의 마켓테스트베드형 프로젝트의 일환으로, CSS3의 미디어 쿼리(Media Queries) 기술이 접목되면서 새로운 개념으로 재탄생 한 반응형 웹디자인(Responsive Web Design)을 구현하는데 집중하였다.

이 개념의 주요 특징인 화면 해상도에 따라 가변적인 유동형 레이아웃(fluid layout)과 유연한 이미지(flexible image)를 구현했고 이에 더해 레이아웃을 구성하는 각 모듈의 형태와 조합 또한 환경에 맞춰 최적화되도록 설계함으로써 단지 화면 구성요소들의 크기와 위치가 변경되는 단조로운 ‘반응’에 그치지 않는 유연하고 역동적인 인터페이스를 선보였다. 또한 이번 개편 시 ACG 멤버들의 CA(Creative Activity)를 생생하게 전달하는 ‘activity’ 카테고리, 멤버들의 다양한 캐릭터와 유쾌한 해프닝을 공유하는 ‘people’ 카테고리를 신규 런칭하여 재미를 더하고 있다.

반응형 웹디자인 개념이 정립되기 이전에도 최적화의 한계를 극복하기 위한 시도는 계속 되었으나 최근 스마트폰, 태블릿PC 등 웹 기능을 탑재한 모바일 디바이스의 다양화에 따라 환경 변수가 급속하게 증가하여 한계에 부딪혀왔다. 최적화 구현의 핵심 키워드인 미디어 쿼리가 기존에는 디바이스의 종류(type)만 구별 가능했던 데 반해, CSS3에서는 디바이스의 특징(Feature)을 확장하고 세분화하게 됨으로써 특정 환경에 제한된 ‘최적화’ 솔루션을 추구하던 접근방식에서 벗어나 다양한 환경에 ‘스스로 반응’하는 유연한 인터페이스를 제공할 수 있게 되었다. 이러한 CSS3 미디어 쿼리 모듈은 그 확장성과 효율성에 있어서 웹의 미래에 중요한 의미를 갖고 있을 뿐 아니라 그래픽디자인, UI설계 그리고 컨텐츠 전략 분야에서의 새로운 도전과 과제를 제공한다는 점에서 시사하는 바가 크다.