개편된 홈페이지에는 패럴랙스 스크롤링(Parallax Scrolling), 시네마 그래프(Cinema graph), 시 CI·슬로건 4컷 롤링 등이 적용됐다.
패럴랙스 스크롤링(Parallax Scrolling)은 주로 웹사이트에서 사용되는 기술로 화면 스크롤에 따라 객체와 배경 이미지가 시간차를 두고 변하는 기법이다. 이 기법을 적용함으로 정적이고 평면인 홈페이지에 역동성과 입체감이 더해졌다. 콘텐츠 탐색이 간편해지고 스크롤을 할 때 깊이감이 느껴지게 됐다.
시네마 그래프(Cinema graph)는 시네마(Cinema)와 포토그래프(Photograph)의 합성어로 정지된 사진의 일부분만 무한 동영상으로 재생되는 것이 특징이다. 일부만 움직이는 사진은 이용자의 흥미를 유발해 더 오랜 시간 시선을 머물게 한다.
특히 날씨와 대기질 정보를 메인 상단에 배치하고 통합검색 영역을 메뉴바 전면에 배치하는 등 실생활 위주로 원하는 정보를 더 쉽게 찾을 수 있도록 구성했다.
가독성 증대를 위해 홈페이지 이용자의 눈높이 맞춤형 서비스 존을 3가지(뉴스․소식/민원․소통/문화․관광)로 나눠 구성했다.
홈페이지를 이용한 시민은 “원하는 정보를 더 쉽게 찾을 수 있었다”며 “시청 홈페이지에 입체감이 생기고 사진의 일부만 움직이는 모습이 신선하다”고 평가했다.
시 관계자는 “계절별 사진 활용, 메인화면 시각영역 이미지 주기적 교체, 주요 공지사항에 대한 시각적인 홍보 효과가 높은 알림판 신속 제작 등 웹 서비스 개선에 최선을 다하겠다”고 말했다.